/* V26 — sky, the duo, the fashion set, then KYOSEI. */
body[data-page="home"].opening-film-ready .camera-journey{height:440svh;background:#050505}
.opening-film-ready .camera-journey .duo-stage{opacity:var(--duo-opacity,1)}
.fashion-scene{position:relative;background:#050505}
.fashion-stage{position:relative;height:100svh;overflow:hidden;background:#050505}
.opening-film-ready .camera-journey .fashion-scene{position:absolute;inset:0;height:100%;z-index:9;pointer-events:none;background:transparent}
.opening-film-ready .camera-journey .fashion-stage{position:sticky;top:0;opacity:var(--fashion-opacity,0);pointer-events:auto}
.opening-film-ready .fashion-scene[inert] .fashion-stage{pointer-events:none}
.fashion-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.04);transform:translate3d(0,var(--fashion-y,0px),0) scale(var(--fashion-scale,1.06))}
.fashion-grain,.fashion-shade,.fashion-exit{position:absolute;inset:0;pointer-events:none}
.fashion-grain{background:url('assets/cinema-grain.svg') repeat;background-size:180px;opacity:.07;mix-blend-mode:screen}
.fashion-shade{background:linear-gradient(#0002,transparent 30%,transparent 70%,#0004)}
.fashion-exit{z-index:2;background:#0d0f0c;opacity:var(--fashion-exit,0)}
html[data-press-theme="light"] .fashion-exit{background:#edece6}
.fashion-scroll{position:absolute;z-index:3;right:3.5vw;bottom:32px;display:flex;align-items:center;min-height:44px;color:#eeece5;font-size:8px;letter-spacing:.2em;text-decoration:none;opacity:var(--fashion-copy,1)}
.fashion-play{position:absolute;z-index:3;left:3.5vw;bottom:32px;min-height:44px;background:#05050570;color:#eeece5;border:1px solid #ffffff60;padding:12px 18px;font-size:9px;letter-spacing:.15em}
.fashion-play[hidden]{display:none}
.fashion-scroll:focus-visible,.fashion-play:focus-visible{outline:1px solid #eeece5;outline-offset:6px;opacity:1}
body.is-fashion-frame .rec-cursor-mark,body.is-fashion-frame .rec-cursor-dot{background:#fff;box-shadow:none}
/* Shared left edge, one heading and white original marks without separators. */
.brand-orbit.brand-orbit-v8{padding:85px 0 38px;background:#080808;border-top:1px solid #ffffff1f}
.brand-orbit-v8 .brand-orbit-head{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding:0 3.5vw;margin:0}
.brand-orbit-v8 .brand-orbit-head .eyebrow{margin:0;max-width:none;font-size:9px;letter-spacing:.18em;color:#fff}
.brand-orbit-v8 .brand-orbit-head h2{margin:0;font-size:clamp(54px,7.4vw,130px);line-height:1;letter-spacing:-.055em;white-space:nowrap;color:#fff}
.brand-orbit-v8 .brand-orbit-head h2 em{font-style:normal;-webkit-text-stroke:1px #fff}
.personal-brands{background:#080808;padding:12px 0 85px}
.personal-brands .brands-ticker{padding:8px 0;border:0}
.personal-brands .brands-group{min-width:100vw;gap:40px;padding:0 3.5vw 0 0;justify-content:space-around}
.personal-brands .brands-entry{height:120px;gap:0;justify-content:center;width:clamp(145px,13vw,195px)}
.personal-brands .brand-original-mark{width:145px;height:52px;max-width:100%;object-fit:contain;filter:brightness(0) invert(1);opacity:1;margin:0;mix-blend-mode:normal}
.personal-brands .brand-original-mark--four-seasons{height:78px;width:125px}
.personal-brands .brand-original-mark--the-lane{width:140px;height:60px}
.personal-brands .brand-original-mark--mazda{width:72px;height:60px}
.personal-brands .brand-original-mark--dji{width:120px;height:90px}
.personal-brands .brand-original-mark--zhiyun{width:120px;height:48px}
.personal-brands .brand-original-mark--voigtlander{width:160px;height:55px}
.personal-brands .brand-original-mark--gopro-white{width:150px;height:60px}
@media(max-width:700px){
 body[data-page="home"].opening-film-ready .camera-journey{height:420svh}
 .fashion-stage video{object-fit:contain;transform:none}
 .fashion-scroll{right:5vw;bottom:24px;font-size:7px}
 .fashion-play{left:5vw;bottom:24px}
 .brand-orbit.brand-orbit-v8{padding:65px 0 24px}
 .brand-orbit-v8 .brand-orbit-head{padding:0 5vw;gap:24px}
 .brand-orbit-v8 .brand-orbit-head .eyebrow{font-size:8px}
 .brand-orbit-v8 .brand-orbit-head h2{font-size:11vw}
 .personal-brands .brands-group{gap:25px;padding-right:25px}
 .personal-brands .brands-entry{width:140px;height:100px}
 .personal-brands{padding-bottom:55px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"].opening-film-ready .camera-journey{height:auto}
 .opening-film-ready .camera-journey .fashion-scene{position:relative;inset:auto;height:auto;pointer-events:auto}
 .opening-film-ready .camera-journey .fashion-stage{position:relative;opacity:1}
 .fashion-stage video{transform:none}
 .fashion-exit{display:none}
 .fashion-scroll{opacity:1}
 .personal-brands .brands-group{min-width:0;width:100%;padding:0 5vw;gap:18px;justify-content:center}
}
/* V27 — live dissolve: the outgoing image stays opaque until BTS covers it. */
.opening-film-ready .duo-scene .duo-image{height:calc(79% + var(--duo-open,0)*21%)}
.opening-film-ready .duo-scene .duo-image video{transform:translateY(var(--duo-image-y,0px)) scale(var(--duo-push,1.035))}
.opening-film-ready .duo-scene .duo-grade{opacity:calc(1 - var(--duo-open,0))}
.opening-film-ready .duo-scene .duo-names,
.opening-film-ready .duo-scene .duo-sponsors{opacity:var(--duo-clean,1)}
.opening-film-ready .duo-scene[inert] .duo-stage{pointer-events:none}
/* The next scene is now the black Films gallery in either press theme. */
.fashion-exit,html[data-press-theme="light"] .fashion-exit{background:#050505}
@media(max-width:700px){
 .opening-film-ready .duo-scene .duo-image{top:calc(10% - var(--duo-open,0)*10%);height:calc(48% + var(--duo-open,0)*52%)}
 .opening-film-ready .duo-scene .duo-image video{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .opening-film-ready .duo-scene .duo-image video{transform:none}
}