/* Keep gutters tied to the content, not to the entire fullscreen viewport. */
@media(min-width:701px){
.container,nav{width:100%;max-width:1600px;padding-left:clamp(28px,4vw,64px);padding-right:clamp(28px,4vw,64px)}
.hero.container,.portfolio-hero.container{padding-left:clamp(28px,4vw,64px);padding-right:clamp(28px,4vw,64px)}
.hero .container>* , .two-col>*,.chapter-head>*,.stories-intro>*{min-width:0}
.t1 .hero .container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,4vw,72px)}
.t1 .hero h1{font-size:clamp(64px,5.8vw,100px);max-width:650px}
.tapes-collage .big-frame{width:76%;height:430px;left:3%}.t1 .tapes-collage .populated-feed{right:2%;width:205px}
.g1 .hero-stamp{right:64px}.g1 .hero-copy{max-width:660px}
.u1 .unfold-opening .container{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px}
.u1 .unfold-opening h1{font-size:clamp(60px,5.7vw,92px)}
.l2 .hero .dash-stage{width:100%;max-width:1200px}.lumen .dashboard-story{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px}
}
@media(min-width:1600px){
.t1 .hero .container{min-height:740px}.t1 .tapes-collage{height:620px}.tapes-collage .big-frame{height:480px;top:50px}.t1 .tapes-collage .populated-feed{width:230px;bottom:15px}
.g1 .hero .container{padding-top:100px}.g1 .hero-copy{padding-bottom:0}.g1 .hero-stamp{bottom:80px}
.u1 .unfold-opening{min-height:800px;height:min(100svh,1080px)}.capture-source{width:330px}
}
@media(min-width:701px) and (max-width:1050px){
.t1 .hero h1{font-size:64px}.t1 .tapes-collage .populated-feed{width:160px}.tapes-collage .big-frame{height:350px}.tapes-collage{height:480px}.u1 .unfold-opening h1{font-size:60px}.capture-source{width:260px}.lumen .dashboard-story{grid-template-columns:1fr}
}