/* Shared readable bounds across the home page, archive and all case studies. */
:root{--site-gutter:clamp(20px,4vw,72px);--case-inset:max(var(--site-gutter),calc((100% - 1640px)/2))}
.wrap{width:100%;max-width:1784px;padding-inline:var(--site-gutter)}
.sports-case{--case-pad:var(--case-inset)}
.sports-hero{gap:clamp(24px,3vw,60px)}
.sports-hero-art{width:100%;max-width:820px;justify-self:center}
.sports-floating{max-width:none}.sports-floating-front{max-width:none}
.sports-intro,.sports-gallery,.sports-craft{column-gap:clamp(28px,4vw,80px)}
.web2-nav,.web2-hero,.web2-thesis,.web2-brief,.web2-tech,.web2-space,.web2-flow,.web2-compare,.web2-method,.web2-outro,.seo-hero,.seo-intro,.seo-results,.seo-serp,.seo-system,.seo-dashboard,.seo-outro,.seo-geo,.mc-showcase,.mc-hero,.mc-chapter,.mc-end,.pc-hero,.pc-gallery,.pc-outro{padding-inline:var(--case-inset)}
.web2-hero,.seo-hero,.seo-dashboard,.mc-split{column-gap:clamp(28px,4vw,75px)}
.web2-hero-index{left:var(--case-inset);right:var(--case-inset)}
#project-dialog>.dialog-header{padding-inline:var(--case-inset)}
#project-dialog.motion-project{padding-top:0!important}
.fp-hero,.fp-header,.fp-contact{padding-inline:var(--case-inset)}
.fp-archive{max-width:1784px;padding-inline:var(--site-gutter)}
.pc-caption h4{font-size:clamp(26px,2.3vw,38px);line-height:1.15}
.project-nav-identity,.section-heading>div,.about-copy,.expertise>div,.pc-caption>div{min-width:0}
@media(min-width:1700px){.sports-hero-art{min-height:600px}.sports-floating{width:45%;max-width:none}.sports-floating-front{width:49%;max-width:none}.sports-floating-right{right:0}.sports-piece h4{font-size:34px}.sports-deck,.sports-intro p,.sports-piece p{font-size:18px}.project-nav-title{font-size:20px}.project-nav-brand small,.project-nav-index,.project-nav-type{font-size:12px}.pc-hero-display{max-width:1400px;margin:auto}.pc-band{justify-content:center;gap:70px}.mc-showcase{padding-top:45px}}
@media(max-width:1100px){.expertise,.about-grid{gap:40px}.timeline article{grid-template-columns:145px 1fr 180px}.sports-hero{grid-template-columns:1fr 1fr}.sports-hero h2{font-size:clamp(64px,8vw,100px)}.sports-hero-art{min-height:400px}.seo-hero{grid-template-columns:1fr;min-height:0;gap:50px}.seo-hero-copy{max-width:760px}.seo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.section{padding-top:80px}.section-heading{gap:25px}.expertise,.about-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr;gap:12px}.sports-hero{grid-template-columns:1fr}.sports-hero-art{max-width:560px;min-height:480px}.sports-hero h2{font-size:clamp(70px,13vw,110px)}.sports-intro,.sports-craft{grid-template-columns:1fr}.web2-hero{grid-template-columns:1fr;min-height:0}.web2-hero-showcase{min-height:450px}.seo-dashboard{grid-template-columns:1fr}.seo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-grid.is-filtered .fp-item,.fp-grid.is-filtered .fp-item--cinema{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}.fp-grid.is-filtered .fp-visual{min-height:350px}.pc-caption{flex-wrap:wrap}.pc-caption>span:last-child{max-width:100%;text-align:left}}
@media(max-width:600px){.sports-hero-art{min-height:340px}.sports-gallery{grid-template-columns:1fr}.sports-piece{padding:0!important;margin-top:0}.sports-piece-4{display:block}.sports-facts{grid-template-columns:1fr 1fr}.sports-facts p{overflow-wrap:anywhere}.seo-steps{grid-template-columns:1fr}.web2-hero-showcase{min-height:320px}.pc-caption h4{font-size:26px}.section-heading h2{overflow-wrap:normal}.contact-bottom a{overflow-wrap:anywhere}.project-nav-title{line-height:1.2}.work-reel-controls button{min-width:44px;min-height:44px}}
/* Keep full-width dialog surfaces and align every case navigation bar. */
#project-dialog{padding:0!important}
#project-dialog>.dialog-header{margin-inline:0!important;padding-inline:var(--case-inset)!important}
.fp-contact{max-width:1784px;padding-inline:var(--site-gutter)}
@media(max-width:800px){.fp-grid.is-filtered .fp-item:not(.is-hidden),.fp-grid.is-filtered .fp-item-cinema:not(.is-hidden){grid-template-columns:1fr;grid-template-rows:360px auto;min-height:0}.fp-grid.is-filtered .fp-item-cinema .fp-image{order:0}}