/* One continuous rendered 3D world, with responsive framing around the film. */
/* Independent film: normal hero flow, without a scroll-scrubbing runway. */
body.atelier #atelier-story[data-playback="independent"]{height:auto;min-height:0}
body.atelier #atelier-story[data-playback="independent"]>.story-viewport{position:relative;height:100svh;min-height:600px}
body.atelier .journey-top-control{position:absolute;top:112px;right:clamp(24px,4.2vw,80px);z-index:8;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:130px;min-height:32px;padding:7px 12px;border:1px solid #c9c49b45;border-radius:999px;background:#080d0acc;color:var(--cream);font:500 10px/1.3 'Manrope',sans-serif;letter-spacing:.01em;white-space:nowrap;cursor:pointer;backdrop-filter:blur(8px);transition:border-color .2s,background-color .2s}
.journey-top-control span{width:12px;font-size:13px;line-height:1;text-align:center}
body.atelier .journey-top-control:hover{border-color:var(--gold);background:#101614e6}
.journey-top-control:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.journey-top-control:disabled{opacity:.45;cursor:wait}
@media(max-width:760px){body.atelier .journey-top-control{top:88px;right:24px;gap:7px;padding:7px 10px;font-size:10px}}
@media(max-width:760px) and (max-height:730px){.chapter-copy[data-copy="0"]{top:128px}}
.atelier-story{height:450svh}.studio-canvas{z-index:1}.studio-canvas canvas{transition:opacity .8s}.journey-fallback{position:absolute;inset:0;display:grid;place-items:center;padding-left:43%;opacity:1;transition:opacity .6s;background:radial-gradient(ellipse at 72% 48%,#243025,#0c110e 65%)}.journey-fallback img{width:clamp(80px,12vw,165px);opacity:.4}.studio-shade{background:linear-gradient(90deg,#0c110ef0,#0c110e70 31%,transparent 56%);z-index:3}.story-vignette{background:linear-gradient(0deg,#0c110ef0,transparent 21%,transparent 80%,#0c110e20)}.chapter-copy{pointer-events:none}.chapter-copy.is-active{pointer-events:auto}.chapter-actions button.atelier-text-link{border:0;border-bottom:1px solid #ffffff45;background:none;color:var(--cream);font-size:12px}.chapter-actions button.atelier-text-link span{margin-left:12px;font-size:17px}.process-readout{top:125px;background:#0c110eb3;border-left-color:#c9c49b70;backdrop-filter:blur(9px);width:185px}.is-detail .chapter-copy{top:auto;bottom:145px;transform:none;width:285px;max-width:30%}.is-detail .chapter-copy h2{font-size:clamp(36px,3.1vw,52px);margin:14px 0 19px;letter-spacing:-.05em;line-height:1.03}.is-detail .chapter-description{font-size:11px;line-height:1.8;color:#aebaad;margin:0}.is-detail .chapter-copy h2 em{font-size:1.24em}.is-interior .studio-shade{opacity:.42}.journey-toggle{margin-left:auto;width:34px;height:38px;background:none;border:1px solid #c9c49b50;border-radius:50%;display:grid;place-items:center;color:#ddd7bd;font-size:15px!important;flex:0 0 auto}.journey-toggle:hover{border-color:var(--gold);background:#c9c49b12}.story-bottom{gap:20px}.story-bottom .motion-control{margin-left:0}.chapter-navigation{margin-left:auto}.story-scroll-note{min-width:210px}.is-static .atelier-story,.scene-failed .atelier-story{height:100svh}.is-static .journey-toggle,.scene-failed .journey-toggle,.scene-failed #journey-start{display:none}.is-static .journey-fallback{opacity:0}.scene-failed .journey-fallback{opacity:1!important}.chapter-copy[data-copy="5"] h2{font-size:clamp(60px,6.1vw,105px)}
@media(max-width:1100px){.story-scroll-note{min-width:165px}.story-bottom{gap:15px}.chapter-navigation{gap:14px}.motion-control{font-size:8px!important}}
@media(max-width:760px){.atelier-story{height:450svh}.journey-fallback{padding:160px 0 0}.journey-fallback img{width:100px}.studio-shade{background:linear-gradient(180deg,#0c110ef0,#0c110e8c 31%,transparent 52%)}.is-detail .chapter-copy{top:112px;bottom:auto;left:24px;width:260px;max-width:75%}.is-detail .chapter-copy h2{font-size:31px;line-height:1.02;margin:12px 0 15px}.is-detail .chapter-description{font-size:10px;line-height:1.7;max-width:240px}.is-detail .story-eyebrow{font-size:7px!important}.process-readout{top:auto;bottom:106px;width:auto;max-width:67%;background:#0c110ec9}.chapter-copy[data-copy="5"] h2{font-size:clamp(48px,8.8vw,68px)}.story-bottom{gap:10px}.chapter-navigation{margin-left:0;gap:8px}.chapter-navigation button{width:23px}.journey-toggle{width:30px;height:34px;margin-left:auto;font-size:13px!important}.motion-control{width:30px;min-height:34px;justify-content:center;border:1px solid #c9c49b50;border-radius:50%;flex:0 0 auto}.motion-control span{display:none}.story-bottom .motion-control{margin-left:0}.chapter-actions #journey-start{display:inline-flex;align-items:center;font-size:10px}.chapter-copy{top:124px}.chapter-copy h1{font-size:clamp(52px,8.7vw,72px)}.chapter-description{margin-bottom:22px}.is-static .atelier-story,.scene-failed .atelier-story{height:100svh;min-height:760px}.is-static .process-readout{display:none}}
@media(min-width:761px) and (max-width:1024px) and (orientation:portrait){
  .chapter-copy{top:140px;bottom:auto;width:70%;max-width:600px;transform:none}
  .chapter-copy h1{font-size:clamp(64px,8.5vw,82px)}
  .chapter-copy[data-copy="5"] h2{font-size:clamp(60px,8vw,78px)}
  .chapter-description{max-width:420px}
  .is-detail .chapter-copy{top:140px;bottom:auto;width:400px;max-width:62%;transform:none}
  .is-detail .chapter-copy h2{font-size:clamp(38px,4.7vw,48px)}
  .is-detail .chapter-description{font-size:12px;max-width:350px}
  .studio-shade{background:linear-gradient(180deg,#0c110ef0,#0c110e8c 31%,transparent 52%)}
  .process-readout{top:auto;bottom:115px;width:auto;max-width:67%;align-items:flex-start;text-align:left}
  .journey-fallback:has(.production-poster) img.production-poster{top:38%;height:62%;object-position:82% 50%}
}
@media(prefers-reduced-motion:reduce){.journey-fallback,.studio-canvas canvas{transition:none}}

.atelier-story{overflow-anchor:none}.production-film{opacity:1}.story-viewport{background:#080d0a}.process-readout{background:none;border:0;backdrop-filter:none;align-items:flex-end;text-align:right;font-size:10px;gap:7px;opacity:.8}.process-readout i,.process-readout .readout-detail{display:none}@media(max-width:760px){.process-readout{align-items:flex-start;text-align:left;opacity:.7}}

.journey-fallback:has(.production-poster){padding:0;background:#080d0a}.journey-fallback img.production-poster{position:absolute;inset:0;width:100%;height:100%;opacity:1;object-fit:cover;object-position:72% 50%}.production-ready .studio-canvas{background:#080d0a}@media(max-width:760px){.journey-fallback img.production-poster{top:38%;height:62%;object-position:82% 50%}}
@media(max-width:760px) and (max-height:730px){.story-viewport{min-height:0}.chapter-copy{top:108px}.chapter-copy h1{font-size:clamp(40px,11vw,54px);margin:16px 0 18px}.chapter-description{font-size:11px;margin-bottom:16px}.chapter-actions{gap:18px}.chapter-actions .atelier-cta{min-height:42px}.is-detail .chapter-copy{top:104px}.is-detail .chapter-copy h2{font-size:28px}.story-bottom{bottom:18px;left:20px;right:20px}.process-readout{bottom:82px}}