/* Sergio Grasso Materia — Brand */
.sg-brand-intro{padding:32px 0 60px}
.sg-brand-intro h1 em{font-weight:400;color:#958675}
.sg-brand-intro p{max-width:800px;margin:26px 0 0;font-size:clamp(17px,1.35vw,20px);line-height:1.65;color:#625b51}
.sg-brand-section{padding:65px 0 75px;border-bottom:1px solid #c9c0b3}
.sg-brand-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.sg-brand-section-heading h2{font:400 clamp(39px,4.5vw,64px)/1.1 Georgia,serif;margin:12px 0 0}
.sg-brand-section-heading p{margin:0;color:#776e63;font-size:15px}
.sg-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
.sg-brand-card{min-width:0}
.sg-brand-frame{display:flex;align-items:center;justify-content:center;height:225px;padding:32px;background:#fff;border:1px solid #e4ddd2;text-decoration:none;overflow:hidden}
.sg-brand-frame img{display:block;width:100%!important;max-width:300px!important;height:100%!important;max-height:145px!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
.sg-brand-card h3{font:400 20px/1.2 Georgia,serif;margin:16px 0 0}
a.sg-brand-frame:hover{border-color:#9e8b70}
a.sg-brand-frame:focus-visible{outline:3px solid #a58a66;outline-offset:3px}
@media(max-width:850px){.sg-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sg-brand-section-heading{display:block}.sg-brand-section-heading p{margin-top:15px}}
@media(max-width:520px){.sg-brand-grid{grid-template-columns:1fr}.sg-brand-frame{height:190px}.sg-brand-section{padding:45px 0}}