/* D091. One role per visual: material at the entrance, native screens in their own exhibit. */
body[data-page=home] .editorial-hero{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:3%;padding-block:60px 54px;min-height:max(760px,calc(100svh - 96px))}
body[data-page=home] .editorial-hero:before{opacity:1;background-position:center;background-size:cover}
body[data-page=home] .editorial-hero:after{background:linear-gradient(90deg,#f3efe7 0%,#f3efe7ec 18%,#f3efe7a3 38%,#f3efe700 57%)}
body[data-page=home] .hero-material{align-self:stretch;min-height:600px;position:relative}
body[data-page=home] .hero-copy{max-width:545px}
body[data-page=home] .hero-discover{margin-top:14px}
.project-stage{display:grid;grid-template-columns:minmax(0,.29fr) minmax(0,.71fr);gap:7%;align-items:center;background:#e8e1d5;padding-block:95px!important;position:relative}
.project-stage:before{content:'';position:absolute;inset:22px var(--gutter);border-top:1px solid #17161326;border-bottom:1px solid #17161326;pointer-events:none}
.project-stage-copy{min-width:0}
.project-stage-copy>.eyebrow{font-size:9px;margin-bottom:32px;line-height:1.8}
.project-stage h2{font-size:clamp(55px,5.9vw,94px);line-height:.99;margin:0}
.project-stage h2 em{color:var(--red)}
.project-stage-lead{font-size:14px;line-height:1.85;margin-top:27px;max-width:330px}
.project-stage-note{font-size:9px;color:var(--muted);margin-top:28px}
.project-stage-copy>.text-link{margin-top:20px;font-size:12px;gap:25px}
.project-proof{margin:0;min-width:0;padding:0}
.project-proof .art-surface{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.2fr);gap:22px;align-items:end;min-height:0;padding:0;overflow:visible}
.project-proof .hero-desktop{position:relative;width:100%;margin:0;background:#1b1813;border:6px solid #1b1813;box-shadow:0 16px 25px #34241330;transform:none}
.project-proof .hero-desktop img{display:block;width:100%;height:auto}
.project-proof .sheet-label{display:flex;justify-content:space-between;gap:10px;padding:8px 7px 11px;font-size:7px}
.project-proof .hero-mobile{position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:5px;border-radius:20px;border:1px solid #c6bcac;background:#1b1813;box-shadow:0 12px 20px #3424132e;transform:none}
.project-proof .hero-mobile img{display:block;width:100%;height:auto;border-radius:14px}
.project-proof>figcaption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:25px;margin-top:28px;border-top:1px solid #17161340;font-size:11px}
.project-proof figcaption>div>span{font-size:8px;color:var(--muted);letter-spacing:.1em;line-height:1.8}
.project-proof figcaption p{margin-top:7px;font-size:13px}
.project-proof figcaption .text-link{font-size:12px;gap:15px}
@media(max-width:1100px) and (min-width:901px){
 body[data-page=home] .editorial-hero{padding-block:55px;min-height:725px}
 body[data-page=home] .hero-material{min-height:580px}
 .project-stage{gap:5%;grid-template-columns:minmax(0,.28fr) minmax(0,.72fr)}
 .project-proof .art-surface{gap:17px}
}
@media(max-width:900px){
 body[data-page=home] .editorial-hero{display:block;min-height:0;background:var(--paper);padding-block:60px 0}
 body[data-page=home] .editorial-hero:before,body[data-page=home] .editorial-hero:after{display:none}
 body[data-page=home] .hero-copy{max-width:700px}
 body[data-page=home] .hero-material{min-height:0;width:calc(100% + 2*var(--gutter));margin-inline:calc(-1*var(--gutter));margin-top:30px;aspect-ratio:1.65;background:url('assets/atelier-paper-d090.webp') 75% center/cover no-repeat}
 body[data-page=home] .hero-discover{display:flex}
 .project-stage{grid-template-columns:1fr;gap:44px;padding-block:75px!important}
 .project-stage-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}
 .project-stage-copy>.eyebrow{grid-column:1/-1;margin-bottom:25px}
 .project-stage h2{grid-row:2/5;font-size:70px}
 .project-stage-lead{margin-top:0;max-width:360px}
 .project-stage-note{margin-top:20px}.project-stage-copy>.text-link{justify-self:start}
 .project-proof{max-width:720px;width:100%;justify-self:center}
}
@media(max-width:700px){
 body[data-page=home] .editorial-hero{padding-top:54px}
 body[data-page=home] .editorial-hero h1{font-size:clamp(46px,14.5vw,78px)}
 body[data-page=home] .editorial-hero h1 em br{display:none}
 body[data-page=home] .hero-copy>.eyebrow{margin-bottom:25px}
 body[data-page=home] .hero-material{margin-top:24px;aspect-ratio:1.15;background-position:82% center}
 .project-stage{padding-block:64px!important;gap:34px}
 .project-stage-copy{display:block}
 .project-stage h2{font-size:64px}
 .project-stage h2 br{display:none}.project-stage h2 em:before{content:' '}
 .project-stage-lead{margin-top:20px}
 .project-proof .art-surface{grid-template-columns:1fr;gap:25px}
 .project-proof .hero-desktop{border-width:5px}
 .project-proof .hero-mobile{width:42%;justify-self:end;margin-right:4%;border-radius:23px}
 .project-proof .hero-mobile img{border-radius:18px}
 .project-proof>figcaption{gap:20px;align-items:flex-start;margin-top:22px;padding-top:20px}
 .project-proof figcaption .text-link{font-size:11px;flex-shrink:0}
}
