/* V24 — one switch, a clean frame, and two real films joined by a desert title. */
.cinematic-toggle{display:inline-flex;align-items:center;gap:12px;background:none;border:0;color:#aaa9a2;font:inherit;font-size:9px;letter-spacing:.17em;padding:12px 0;min-height:44px;cursor:pointer}
.cinematic-toggle i{width:7px;height:7px;background:currentColor;border-radius:50%;flex:none}
.cinematic-toggle[aria-pressed="true"]{color:#e04c40}
.cinema-look .cinematic-toggle::after{display:none}
.cinema-look--closing{left:auto;right:var(--lc-inset);top:86px;bottom:auto}
.cinematic-toggle:focus-visible{outline:1px solid currentColor;outline-offset:5px}
/* No recording perimeter on the opening sky or the fashion film. */
#top .cinema-viewfinder,#canon-opening .cinema-viewfinder{display:none}
#canon-opening .hero-bottomline{justify-content:flex-end;border:0}
body[data-page="home"] #canon-opening .hero-video-wrap .horse-video,
body[data-page="home"][data-cinema-look="red"] #canon-opening.cinema-opening[data-opening-source="bts"] .hero-video-wrap .horse-video{filter:grayscale(1)}
body[data-page="home"] .lunar-closing{--lc-top:120px}
.lunar-closing .cinema-viewfinder{--vf-colour:#d5d5cd88;border-color:#d5d5cd22}
body[data-cinema-look="red"] .lunar-closing .cinema-viewfinder{--vf-colour:#d8463a99;border-color:#d8463a44}
body[data-cinema-look="red"] .universe-outline{-webkit-text-stroke-color:#e04c40;text-shadow:0 0 23px #d8463a30}
body[data-cinema-look="red"] .lc-heading h2 span{-webkit-text-stroke-color:#c9756e}
body[data-cinema-look="red"] .lunar-closing .lc-terrain{filter:grayscale(1) brightness(.53) contrast(1.3) sepia(.6) saturate(1.8) hue-rotate(315deg)}
body[data-cinema-look="red"] #top .universe-grain,body[data-cinema-look="red"] .lunar-closing .lc-grain{background-image:url('assets/cinema-grain.svg');background-size:180px;opacity:.28;mix-blend-mode:screen}
body[data-cinema-look="red"] #top .universe-grain{animation:signature-grain .85s steps(3,end) infinite;animation-play-state:var(--sky-motion-state,running)}
@keyframes signature-grain{0%,100%{background-position:0 0}33%{background-position:61px -37px}66%{background-position:-23px 79px}}
/* A single alpha silhouette removes the vertical seams between sliced masks. */
.v10-sky .universe-moon-phase{display:none!important}
.v10-sky .universe-moon-surface{background:#e9e8e3;-webkit-mask:url('assets/lua-moon.png') center/contain no-repeat;mask:url('assets/lua-moon.png') center/contain no-repeat;clip-path:none;filter:none}
.v10-sky:not(.sky-intro-ready) .universe-moon-reveal{opacity:0}
body.cinema-intro-active .v10-sky .universe-moon-reveal{visibility:hidden;animation:none!important;opacity:0}
.sky-intro-ready .universe-moon-reveal{animation:signature-moon-arrive 2.2s cubic-bezier(.2,.65,.2,1) .8s both;animation-play-state:var(--sky-motion-state,running)}
@keyframes signature-moon-arrive{0%{opacity:0;transform:translateY(12px) scale(.84)}45%{opacity:.8}100%{opacity:1;transform:translateY(0) scale(1)}}
/* The opening logo's phases and timing are owned by cinema-intro.css. */
/* The desert invitation opens into the actual sunset footage. */
body[data-page="home"].opening-film-ready .camera-journey{height:500svh}
.duo-image video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:grayscale(1)!important;transform:scale(var(--duo-scale,1.02))}
.duo-invitation{position:absolute;inset:0;z-index:3;background:#211207;overflow:hidden;opacity:var(--duo-title-opacity,1);visibility:visible;pointer-events:auto}
.duo-invitation[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.duo-desert{width:100%;height:100%;object-fit:cover;filter:none!important;opacity:.85;transform:scale(calc(1.06 + var(--duo-title-travel,0) * .08))}
#duo-title{left:5vw;right:5vw;top:50%;bottom:auto;font-size:clamp(35px,7.65vw,155px);line-height:.99;letter-spacing:-.065em;opacity:1;transform:translateY(-50%);font-weight:400}
#duo-title a{display:block}
#duo-title a::after{display:none}
#duo-title span{display:flex;align-items:center;white-space:nowrap}
#duo-title img{width:13vw;max-height:.92em;object-fit:contain;margin-left:.18em}
#duo-title .duo-together{gap:2vw;justify-content:flex-end}
#duo-title .duo-together i{flex:1;height:2px;background:currentColor;margin-right:.1em}
.duo-names{opacity:var(--duo-copy,1)}
.duo-sponsors{background:#050505;display:flex;align-items:center;justify-content:center;gap:clamp(30px,5vw,90px);padding:38px 5vw;border-bottom:1px solid #ffffff14}
.duo-sponsors p{font-size:8px;letter-spacing:.2em;color:#bbbcb5;margin:0}
.duo-sponsors>div{display:flex;align-items:center;gap:clamp(30px,5vw,85px)}
.duo-sponsors img{width:clamp(95px,11vw,165px);height:44px;object-fit:contain;filter:brightness(0) invert(1)!important;opacity:.82}
.duo-play{position:absolute;left:5vw;bottom:5vh;z-index:5;color:#eeede7;background:#0007;border:1px solid #fff6;padding:14px 20px;font-size:9px;letter-spacing:.15em}
.duo-play[hidden]{display:none}
/* Neutral cursor on the clean fashion frame, brand red elsewhere. */
body.is-fashion-frame .rec-cursor-mark,body.is-fashion-frame .rec-cursor-dot{background:#efeee9;box-shadow:none}
@media(max-width:700px){
 body[data-page="home"].opening-film-ready .camera-journey{height:480svh}
 .cinema-look--closing{top:auto;bottom:54px;right:var(--lc-inset)}
 .cinematic-toggle{font-size:7px;gap:9px}
 body[data-page="home"] .lunar-closing{--lc-top:104px}
 .lunar-closing .lc-heading{width:calc(100% - 2 * var(--lc-inset))}
 #duo-title{font-size:7.6vw;left:4vw;right:4vw}
 .duo-image video{object-position:52% 50%}
 .duo-sponsors{flex-direction:column;gap:20px;padding:28px 5vw}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"].opening-film-ready .camera-journey{height:auto}
 .duo-stage{height:auto!important;min-height:0!important;display:flex;flex-direction:column}
 .duo-invitation{position:relative;order:-1;min-height:70svh;opacity:1!important}
 .duo-desert{position:absolute;inset:0;transform:none}
 .duo-image{position:relative;inset:auto;height:75svh}
 .duo-image video{transform:none}
 .duo-names{top:auto;bottom:65svh}
 .duo-grade,.duo-grain{display:none}
 .sky-intro-ready .universe-moon-reveal,body[data-cinema-look="red"] #top .universe-grain{animation:none}
}

/* V24.1 — the same sky grain continues behind the navigation, without a dark strip. */
body[data-page="home"][data-cinema-look="red"]:not(.is-film-chapter) .site-header{background:transparent;border-bottom-color:transparent}

@media(prefers-reduced-motion:reduce){.v10-sky .universe-moon-reveal,.v10-sky:not(.sky-intro-ready) .universe-moon-reveal{opacity:1;visibility:visible;animation:none!important}}