/* Individually composed frames. Navigation and landing remain the existing atelier. */
.photo-frame{position:fixed;inset:0;overflow:hidden;pointer-events:none;opacity:1;will-change:opacity}
.cinema-photo{display:block;width:100%;height:100%;object-fit:cover;will-change:transform}
#cinematic-veil{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;background:#100e0d}
#portrait-bridge{position:fixed;inset:0;z-index:3;display:grid;place-items:center;text-align:center;padding:18vw;pointer-events:none;opacity:0;color:#f2e7d5;font:italic clamp(24px,3vw,46px)/1.3 Cormorant,serif;letter-spacing:.015em;text-shadow:0 2px 18px #000}
#journey .copy,#journey .copy-ghost,body.opening #journey .copy,body.has-enquiry #journey .copy{position:absolute;inset:0;width:100%;height:100%;transform:none;top:0;bottom:0;left:0;pointer-events:none;text-shadow:0 2px 20px #0009;isolation:isolate}
#journey .copy::before{display:none}
.title-block,.body-block{position:absolute;left:var(--title-x);width:var(--title-width);text-align:left;max-width:none}
.title-block{top:var(--title-y)}
.body-block{top:72%;max-width:420px}
.copy[data-align=right] .title-block,.copy[data-align=right] .body-block{text-align:right}
.copy[data-align=center] .title-block,.copy[data-align=center] .body-block{text-align:center}
.copy[data-align=center] .body-block{left:50%;translate:-50% 0;width:40%}
.copy[data-align=right] .body-block{left:auto;right:calc(100% - var(--title-x) - var(--title-width));width:var(--title-width)}
.title-block::before{content:'';position:absolute;inset:-40% -24% -70%;z-index:-1;background:radial-gradient(ellipse,#0807068c 5%,#08070640 42%,transparent 70%);pointer-events:none}
#journey .copy h2{font:400 clamp(38px,var(--title-size),115px)/1.05 Cormorant,Georgia,serif;letter-spacing:-.022em;color:var(--scene-ivory);margin:14px 0 18px;text-wrap:initial;max-width:100%;animation:none}
#journey .copy h2 .title-line{display:block;white-space:nowrap;font:inherit;background:none;-webkit-text-fill-color:currentColor;color:inherit;filter:none;margin:0;line-height:1.08;overflow:visible}
#journey .copy h2 em.title-line{font-style:italic;color:var(--scene-accent)}
#journey .copy h2 .title-line.script-accent{font-family:'Great Vibes',cursive;font-size:1.06em;line-height:1.22;font-style:normal;padding-inline:.02em}
.type-unit{display:inline-block;white-space:pre}
#journey .copy .overline{color:var(--scene-accent);font-size:11px;letter-spacing:.27em;animation:none}
#journey .copy .overline::after{display:none}
#journey .copy p{font:500 italic clamp(20px,1.65vw,27px)/1.32 Cormorant,Georgia,serif;letter-spacing:.006em;color:var(--scene-ivory);margin:0;max-width:100%;animation:none;text-wrap:pretty}
.chapter-mark{font:400 20px/1 Italiana,serif;letter-spacing:.22em;color:var(--scene-accent);margin-bottom:19px;opacity:.8}
.editorial-rule{display:block;height:1px;width:58px;background:linear-gradient(90deg,var(--scene-accent),transparent);margin-top:18px}
.copy[data-align=right] .editorial-rule{margin-left:auto;rotate:180deg}.copy[data-align=center] .editorial-rule{margin-inline:auto;background:linear-gradient(90deg,transparent,var(--scene-accent),transparent)}
.copy[data-rule=none] .editorial-rule{visibility:hidden}.copy[data-rule=long] .editorial-rule{width:112px}.copy[data-rule=double] .editorial-rule{width:76px;box-shadow:0 4px 0 -0.1px #dcc29355}.copy[data-rule=vertical] .editorial-rule{height:24px;width:1px;margin-top:12px}
.final-monogram{display:block;width:46px;height:52px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 0 14px #f7dc9124)}
#replay{pointer-events:auto;font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #dfc69288;color:var(--scene-accent);padding:12px 0;margin-top:16px}
#replay:hover{color:#fff9e9;border-color:#fff1c2}
body[data-chapter="6"] .shade{background:radial-gradient(ellipse at 50% 45%,transparent 25%,#08060575 92%),linear-gradient(0deg,#080605a8,transparent 46%,#08060577)}
body.phase-departure .stage-bloom{filter:brightness(1.12)}body.phase-departure .floor-haze{filter:brightness(1.08)}
body.team #webgl{visibility:hidden}body.team .floor-haze,body.team .beam-set{display:none}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}
@media(max-width:700px){
 #journey .copy{display:flex;flex-direction:column;justify-content:flex-end;padding:0 7vw 130px;gap:20px}
 .title-block,.body-block,.copy[data-align=right] .body-block,.copy[data-align=center] .body-block{position:relative;top:auto!important;left:auto;right:auto;width:100%;max-width:100%;translate:none;text-align:left}
 .copy[data-mobile-align=right] .title-block,.copy[data-mobile-align=right] .body-block{text-align:right}
 .copy[data-mobile-align=center] .title-block,.copy[data-mobile-align=center] .body-block{text-align:center}
 #journey .copy h2{font-size:clamp(35px,10.7vw,55px);margin:12px 0 10px;line-height:1.04}
 #journey .copy p{font-size:22px;max-width:330px;line-height:1.26}
 .copy[data-mobile-align=right] p{margin-left:auto!important}.copy[data-mobile-align=center] p{margin-inline:auto!important}
 .copy[data-mobile-align=right] .editorial-rule{margin-left:auto;margin-right:0}.copy[data-mobile-align=left] .editorial-rule{margin-left:0;margin-right:auto}
 .chapter-mark{font-size:15px;margin-bottom:12px}.editorial-rule{margin-top:12px}.copy[data-rule=vertical] .editorial-rule{height:14px}
 .title-block::before{inset:-35% -12% -80%;background:radial-gradient(ellipse,#080706a8 8%,#08070655 43%,transparent 75%)}
 #journey .copy .overline{font-size:9px;letter-spacing:.21em}.final-monogram{height:40px;width:38px;margin-bottom:8px}
 #replay{font-size:10px;margin-top:9px;padding:11px 0}
}
@media(max-width:700px) and (max-height:700px){
 #journey .copy{padding-bottom:112px;gap:12px}#journey .copy h2{font-size:clamp(32px,9.8vw,45px);margin:8px 0}#journey .copy p{font-size:20px}.chapter-mark{margin-bottom:8px}.final-monogram{height:31px}.editorial-rule{margin-top:9px}
}
@media(max-height:520px) and (orientation:landscape){
 #journey .copy{display:block;padding:0}.title-block{top:36%!important;left:8%;width:49%}.body-block,.copy[data-align=right] .body-block,.copy[data-align=center] .body-block{top:48%!important;left:64%;right:auto;width:29%;translate:none;text-align:left}
 #journey .copy h2{font-size:clamp(27px,4.4vw,43px);margin:9px 0}#journey .copy p{font-size:18px;line-height:1.2}.chapter-mark{display:none}.final-monogram{display:none!important}.editorial-rule{margin-top:7px}#journey .copy .overline{font-size:9px}.copy[data-rule=vertical] .editorial-rule{height:12px}#replay{font-size:9px;margin-top:5px}#chapters{gap:18px;overflow-x:auto;scrollbar-width:thin}#landing{padding:80px 15px 16px}
}
@media(prefers-reduced-motion:reduce){.photo-frame,.cinema-photo{will-change:auto}#portrait-bridge{display:none}.type-unit{opacity:1!important;transform:none!important}}