/* V22 — geometric centering + lower-cost runtime polish. */
html,body{max-width:100%;overflow-x:clip}
body{min-width:0}
main{min-width:0}

/* Contact: centered against the real layout width (not 100vw / scrollbar width). */
.contact-section{display:block;width:100%;padding-block:64px;padding-inline:clamp(18px,4vw,48px);box-sizing:border-box}
.contact-shell{width:min(100%,640px);max-width:640px;margin:0 auto;display:grid;gap:24px;justify-items:stretch;transform:none!important;opacity:1!important}
.contact-header,.contact-form{width:100%;max-width:none;margin:0 auto;transform:none!important}
.contact-header{display:grid;justify-items:center;text-align:center}
.contact-header>p:not(.eyebrow){max-width:48ch;margin-inline:auto}
.contact-channels{width:fit-content;max-width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;transform:none!important}
.contact-chip{flex:0 0 auto;white-space:nowrap}
.contact-form{box-sizing:border-box}

/* Simplified brand block: mark + name only. */
.brand-panel__content{gap:12px!important}
.brand-panel__caption{display:block!important}
.brand-panel__caption strong{display:block}
.brand-panel__caption span{display:none!important}

/* Less paint during interaction. */
.brand img,[data-theme="dark"] .brand img{mix-blend-mode:normal}
.partner img,[data-theme="dark"] .partner img{mix-blend-mode:normal!important}
.contact-chip,.service-card,.business-card,.image-story,.audience-card{will-change:auto}
.partner-track.is-moving{will-change:transform}
.partner-track:not(.is-moving){will-change:auto}

@media (hover:none),(pointer:coarse){
  .contact-chip:hover,.service-card:hover,.account-option:hover{transform:none;box-shadow:inherit}
  .audience-card:hover>img,.business-card:hover img,.image-story:hover>img{transform:none}
}

.section,.partners-section,.footer{contain:layout style}

@media(max-width:700px){
  .contact-section{padding-block:48px;padding-inline:16px}
  .contact-shell{width:100%;gap:20px}
  .contact-form{padding:20px 16px}
  .contact-channels{width:100%;gap:8px}
  .contact-chip{max-width:100%;white-space:normal}
}