/* The living atelier: one film at a time, within a native scrolling page. */
.journey-progress{position:fixed;z-index:61;inset:0 0 auto;height:2px;background:#ae8b4d;transform:scaleX(0);transform-origin:left;pointer-events:none}
.chapter-portrait[data-film]{aspect-ratio:3/4;background:#eadbbd;overflow:hidden;line-height:0}
.chapter-portrait[data-film="crimson"]{aspect-ratio:1}
.chapter-portrait[data-film] picture,.chapter-portrait[data-film] picture img{height:100%;width:100%;object-fit:contain}
.chapter-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s ease;pointer-events:none}
.chapter-portrait.film-ready .chapter-film{opacity:1}
.chapter-portrait[data-film] .portrait-pause{z-index:4;bottom:14px;inset-inline-end:14px;box-shadow:0 3px 16px #302b2512}
.chapter-portrait[data-motion-state="ended"] .portrait-pause::before{content:'↺'}
.hero-composition{position:relative;max-width:460px;margin-inline:auto}
.hero-cabinet{display:none}
.chapter-portrait[data-film]::after{inset:5px;border-radius:0}
[data-scene-depth]{translate:0 var(--scene-depth,0px)}
#ritual .chapter-portrait,#about .chapter-portrait{max-width:430px}
#ritual{padding-block:100px 70px}
.cabinet-film-stage{position:absolute;inset:0;z-index:-1;background:#172b20;overflow:hidden}
.cabinet-film-stage img,.cabinet-film-stage video,.cabinet-film-stage canvas{position:absolute;width:100%;height:85%;inset:10% 0 auto;object-fit:contain;object-position:60% center;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent)}
.cabinet-film-stage video{display:none}
.cabinet-film-stage canvas{opacity:0;transition:opacity .45s;pointer-events:none}
.cabinet-film-stage.film-ready canvas{opacity:1}
.cabinet-film-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#112319b0,transparent 51%);pointer-events:none}
.act{height:380vh;background:#172b20}
.act__ui{isolation:isolate;overflow:hidden;height:100svh;min-height:600px;padding:100px 7vw 100px;align-items:center}
.act__chapters{width:34%;max-width:450px;align-self:center;text-align:start;margin:0}
html[lang] .chap h2{font-size:clamp(2.8rem,4vw,4.7rem);line-height:1.07;text-shadow:none}
.chap__p{font-size:.9rem;line-height:1.9;color:#e4d6b8!important}
.chap .eyebrow{color:#d6ba7a!important}.chap h2{color:#f0dfbb!important}
.act__arch,.act__signature,.act__cue{display:none}
.scene-nav{bottom:38px;right:7%;left:auto;transform:none}
.act__skip{top:110px;color:#e4d6b8}
.act__rail{bottom:48px;color:#e4d6b8}
.act__rail b i{background:#c8aa68}
html[lang="ar"] .act__chapters{direction:rtl;text-align:right;margin-right:auto;margin-left:0}
html[lang="ar"] .cabinet-film-stage::after{background:linear-gradient(90deg,#112319b0,transparent 51%)}
html[lang="ar"] .chap h2{font-family:'Aref Ruqaa',var(--ar-serif);line-height:1.6;font-size:clamp(2.3rem,3.4vw,3.8rem)}
@media(min-width:900px) and (min-height:650px){
 .chapter-hero{min-height:145svh;overflow:visible;padding:0}
 .chapter-hero__grid{position:sticky;top:0;min-height:100svh;padding-block:112px 65px}
 .hero-composition{width:100%;max-width:min(460px,calc((100svh - 177px)*.75))}
 .chapter-hero .chapter-copy{padding-block:0}
}
@media(max-width:899px){
 .act{height:300vh}
 .act__ui{height:100svh;min-height:620px;padding:0 28px 88px;align-items:end}
 .cabinet-film-stage img,.cabinet-film-stage video,.cabinet-film-stage canvas{height:56%;top:8%;object-fit:cover;object-position:76% center}
 .cabinet-film-stage::after{background:linear-gradient(0deg,#172b20 0%,#172b20 30%,transparent 53%,transparent 88%,#172b20 100%)}
 html[lang="ar"] .cabinet-film-stage::after{background:linear-gradient(0deg,#172b20 0%,#172b20 30%,transparent 53%,transparent 88%,#172b20 100%)}
 .act__chapters,html[lang="ar"] .act__chapters{width:100%;max-width:550px;align-self:end;text-align:center;margin:0 auto}
 html[lang] .chap h2{font-size:2.3rem;max-width:24ch;margin:10px auto;line-height:1.12}
 html[lang="ar"] .chap h2{font-size:1.9rem;line-height:1.6}
 .chap__p{font-size:.8rem;line-height:1.7;max-width:40ch;margin:auto}
 .scene-nav{left:50%;right:auto;transform:translateX(-50%);bottom:22px}
 .act__skip{top:82px;font-size:.58rem}
 .act__rail{display:none}
 .hero-composition{width:100%;max-width:400px}
 .chapter-hero{overflow:clip}
 #ritual{padding-block:70px 40px}
 #ritual .chapter-portrait,#about .chapter-portrait{max-width:360px}
}
@media(max-height:650px) and (min-width:700px){
 .act__ui{min-height:0}.act__chapters{width:36%;align-self:center;margin:0}
 .cabinet-film-stage img,.cabinet-film-stage video,.cabinet-film-stage canvas{height:100%;top:0;object-position:60% center}
 .cabinet-film-stage::after{background:linear-gradient(90deg,#112319b0,transparent 51%)}
 html[lang] .chap h2{font-size:1.8rem}.chap__p{font-size:.73rem}.act__skip{top:78px}
}
@media(prefers-reduced-motion:reduce){
 .chapter-film,.portrait-pause{display:none!important}[data-scene-depth]{translate:none}
 .chapter-hero{min-height:0}.chapter-hero__grid{position:relative;min-height:0}
 .cabinet-film-stage video,.cabinet-film-stage canvas{display:none!important}.act{height:250vh}
 .journey-progress{display:none}.chapter-film{transition:none}
}

.immersive-site #gl,.immersive-site #glow,.immersive-site #glbg,.immersive-site #stage2d{display:none!important}