/* Three distinct capability scenes, isolated from the current homepage. */
.chapter-atelier{position:relative;background:#eeefeb;isolation:isolate;scroll-margin-top:65px}
.chapter-atelier-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:'copy art' 'evidence evidence';gap:0 5%;align-items:center;max-width:1920px;margin:auto;padding:80px 6% 34px;box-sizing:border-box}
.chapter-atelier--venture .chapter-atelier-stage{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:'art copy' 'evidence evidence'}
.chapter-atelier-copy{grid-area:copy;position:relative;z-index:2;max-width:530px;padding-bottom:15px}
.chapter-atelier-copy h2{font:300 clamp(50px,5.35vw,91px)/1.01 var(--font-display);letter-spacing:-.043em;color:var(--ink);margin:0}
.chapter-atelier-copy .capability-subtitle{font:300 clamp(27px,2.5vw,40px)/1.16 var(--font-display);letter-spacing:-.02em;color:var(--cobalt);margin:29px 0 22px;max-width:14em}
.chapter-atelier-copy .capability-description{font:400 clamp(16px,1.18vw,18px)/1.75 var(--font-text);color:var(--text-secondary);max-width:29em;margin:0}
.chapter-atelier-art{grid-area:art;position:relative;min-width:0;width:112%;margin:0 -6%;aspect-ratio:1;max-width:790px;justify-self:center;touch-action:pan-y;isolation:isolate}
.chapter-atelier-art canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}
.chapter-atelier-art.is-rendered canvas{opacity:1}
.chapter-atelier-art.is-rendered .chapter-fallback{visibility:hidden}
.chapter-fallback{position:absolute;inset:0;pointer-events:none}
.chapter-fallback>img,.chapter-fallback>svg{position:absolute;display:block;max-width:none;height:auto;user-select:none}
.chapter-portal{width:84%;left:14%;top:8%}
.chapter-architect{width:95%;left:2.5%;top:1.33%}
.chapter-cloth{width:90%;left:5%;top:34%}
.chapter-muse{width:55%;left:9.5%;top:6.25%}
.chapter-fallback .chapter-model{width:100%;height:100%;inset:0}
.chapter-web{width:51%;left:19.5%;top:39%;border-radius:4px;border:1px solid #d4d6d2;box-shadow:5px 14px 24px #19283a24;transform:rotate(.8deg)}
.chapter-fallback .chapter-ad{width:25%;border:1px solid #c4b89488;box-shadow:3px 10px 18px #1a273927}
.chapter-ad--one{left:58.5%;top:14.4%;transform:rotate(5deg)}
.chapter-ad--two{left:64%;top:38.9%;transform:rotate(-4.5deg)}
.chapter-ad--three{left:47%;top:60.9%;transform:rotate(5.7deg)}
.chapter-atelier .capability-evidence{grid-area:evidence;position:relative;z-index:2;margin-top:20px;padding-top:25px}
@media(min-width:1700px){.chapter-atelier-stage{padding-left:8%;padding-right:8%}}
@media(max-width:1100px){.chapter-atelier-stage{gap:0 3%;padding-top:50px}.chapter-atelier-copy h2{font-size:clamp(44px,5.7vw,66px)}.chapter-atelier-copy .capability-subtitle{font-size:30px}.chapter-atelier-copy .capability-description{font-size:16px}}
@media(max-width:800px){
 .chapter-atelier-stage,.chapter-atelier--venture .chapter-atelier-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'art' 'evidence';padding:55px 7% 26px}
 .chapter-atelier-copy{max-width:560px;padding:0}
 .chapter-atelier-copy h2{font-size:clamp(48px,11.4vw,74px)}
 .chapter-atelier-copy .capability-subtitle{font-size:30px;margin:23px 0 19px}
 .chapter-atelier-art{width:110%;margin:16px -5% 6px;max-width:650px}
 .chapter-atelier .capability-evidence{margin-top:0;padding-top:24px}
}
