/* V22 — the sky, the set and the lunar epilogue share one camera language. */
.camera-journey{position:relative;isolation:isolate}
.journey-light{display:none;pointer-events:none}
body[data-page="home"].opening-film-ready .camera-journey{height:280svh}
body[data-page="home"].opening-film-ready .camera-journey #top{position:absolute;inset:0;height:100%;z-index:1;background:#030405}
body[data-page="home"].opening-film-ready .camera-journey #top .universe-home-sticky{position:sticky;top:0;height:100svh;min-height:0;opacity:var(--journey-sky-opacity,1)}
body[data-page="home"].opening-film-ready .camera-journey #canon-opening.cinema-opening{position:absolute;inset:0;height:100%;margin:0;z-index:5;pointer-events:none;background:none}
body[data-page="home"].opening-film-ready .camera-journey #canon-opening .horse-scene{position:sticky;top:0;pointer-events:auto}
body[data-page="home"].opening-film-ready .camera-journey #canon-opening[inert] .horse-scene{pointer-events:none}
body[data-page="home"].opening-film-ready .journey-light{display:block;position:absolute;inset:0;z-index:12;pointer-events:none}
.journey-light-stage{position:sticky;top:0;height:100svh;overflow:hidden}
.journey-beam{position:absolute;inset:-25%;opacity:var(--journey-beam,0);transform:scale(var(--journey-beam-scale,1));background:radial-gradient(ellipse at 54% 39%,#fff8de 0,rgba(236,232,218,.3) 12%,rgba(231,222,203,.06) 28%,transparent 47%);mix-blend-mode:screen}
.journey-burn{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 54% 40%,#fffdf5 0%,#f5f0df 30%,#dacdb0b3 61%,#60372a00 94%);pointer-events:none}
.is-film-burn .journey-burn{animation:journey-exposure-burn .94s cubic-bezier(.2,.7,.3,1) both}
@keyframes journey-exposure-burn{0%{opacity:0;transform:scale(.96)}25%{opacity:.72}57%{opacity:.24}100%{opacity:0;transform:scale(1.13)}}

/* A thin recording perimeter. All marks are decorative, never capture input. */
.cinema-viewfinder{--vf-colour:#d8463a88;position:absolute;inset:80px 12px 14px;z-index:15;pointer-events:none;border:1px solid #d8463a38;background:linear-gradient(var(--vf-colour),var(--vf-colour)) left top/22px 1px,linear-gradient(var(--vf-colour),var(--vf-colour)) left top/1px 22px,linear-gradient(var(--vf-colour),var(--vf-colour)) right top/22px 1px,linear-gradient(var(--vf-colour),var(--vf-colour)) right top/1px 22px,linear-gradient(var(--vf-colour),var(--vf-colour)) left bottom/22px 1px,linear-gradient(var(--vf-colour),var(--vf-colour)) left bottom/1px 22px,linear-gradient(var(--vf-colour),var(--vf-colour)) right bottom/22px 1px,linear-gradient(var(--vf-colour),var(--vf-colour)) right bottom/1px 22px;background-repeat:no-repeat}
.cinema-rec-label{color:#d8463a;font-size:8px;font-weight:500;letter-spacing:.14em;margin-right:7px}
.cinema-rec-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d8463a;box-shadow:0 0 7px #d8463a44;flex:none}
.cinema-timecode{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.4;letter-spacing:.13em;font-variant-numeric:tabular-nums;color:#c2c4bd;font-weight:400;text-shadow:0 1px 10px #000}
.universe-coordinates .cinema-timecode,.hero-topline .cinema-timecode,.lc-record-top .cinema-timecode{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap}
body[data-page="home"] .v10-sky .universe-coordinates .universe-signature{gap:8px}
.hero-topline>span:first-child{display:flex;align-items:center;gap:7px}
.hero-topline .cinema-rec-label{font-size:7px}
.cinema-look{position:absolute;z-index:16;left:var(--pad,4vw);bottom:94px;display:flex;align-items:center;gap:14px;min-height:40px;font-size:8px;letter-spacing:.16em}
.cinema-look[hidden]{display:none}
.cinema-look-label{color:#858a84;margin-right:3px;font-size:7px}
.cinema-look button{position:relative;display:inline-flex;align-items:center;min-height:40px;padding:8px 0;background:transparent;border:0;font:inherit;letter-spacing:inherit;color:#92968f;cursor:pointer;transition:color .45s}
.cinema-look button::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:#d8463a;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.cinema-look button[aria-pressed="true"]{color:#e9e9e2}
.cinema-look button[aria-pressed="true"]::after{transform:scaleX(1)}
.cinema-look button:hover{color:#fff}
.cinema-look button:focus-visible{outline:1px solid #d8463a;outline-offset:5px}
body[data-page="home"] .v10-sky .universe-statement{bottom:max(calc(14% + 14px),156px)}

/* Image treatments leave the page geometry, navigation and original assets intact. */
body[data-cinema-look="mono"] main :is(video,.home-doc-card>img,.story-portal>img,.home-film-grid img,.press-home-image img,.team-teaser-media img,.closing-bg img){filter:grayscale(1)}
/* Higher specificity than the opening's original-grade rule. */
body[data-page="home"][data-cinema-look="mono"] #canon-opening.cinema-opening[data-opening-source="bts"] .hero-video-wrap .horse-video{filter:grayscale(1)}
body[data-cinema-look="red"] :is(.universe-outline,.lc-heading h2 span){-webkit-text-stroke-color:#c3847c;animation:none}
body[data-cinema-look="red"] .universe-stars{filter:sepia(.5) hue-rotate(310deg) saturate(1.1)}
body[data-cinema-look="mono"] :is(.universe-stars,.universe-moon-surface){filter:grayscale(1)}

/* The epilogue keeps the same lunar terrain, phrase and six destinations. */
body[data-page="home"] .lunar-closing{--lc-top:145px;background:#020303}
.lunar-closing .lc-record-top{position:absolute;z-index:16;top:99px;left:var(--lc-inset);right:var(--lc-inset);display:flex;justify-content:space-between;gap:30px;color:#b3b7b0;font-size:7px;letter-spacing:.14em;line-height:1.5;pointer-events:none}
.lc-record-top>span:first-child{display:flex;align-items:center;gap:8px}
.lunar-closing .lc-heading{width:min(59vw,820px)}
.lunar-closing .lc-heading h2{font-size:clamp(26px,2.8vw,50px)}
.lunar-closing .lc-tools{top:var(--lc-top);background:#03040545;border-color:#a5aaa126}
.lunar-closing .lc-terrain{filter:grayscale(1) brightness(.53) contrast(1.28);object-position:46% 49%;animation-name:lc-cinema-orbit;animation-duration:44s;animation-delay:-6s}
@keyframes lc-cinema-orbit{from{transform:scale(1.13) translate3d(-1.5%,.7%,0) rotate(-.25deg)}to{transform:scale(1.22) translate3d(1.5%,-.7%,0) rotate(.25deg)}}
.lunar-closing .lc-shade{background:linear-gradient(115deg,#020405b3 0%,#02040542 30%,transparent 57%,#01020347 100%),radial-gradient(ellipse at var(--lc-light-x,50%) var(--lc-light-y,50%),transparent 15%,#0102034d 85%)}
.lunar-closing .lc-vignette{background:linear-gradient(#010203b3,transparent 36%,transparent 72%,#010203a3),radial-gradient(ellipse at 59% 45%,transparent 39%,#01020388 100%)}
.lunar-closing .lc-shade::after{background:linear-gradient(112deg,transparent 25%,#e3e3de03 39%,#e3e3de13 49%,#e3e3de03 59%,transparent 73%);animation-duration:52s}
.lunar-closing .lc-grain{opacity:.125;background-size:145px;animation-duration:1.15s}
.lunar-closing .lc-terrain,.lunar-closing .lc-shade::after,.lunar-closing .lc-grain{animation-play-state:var(--lc-overlay-motion-state,var(--lc-motion-state,paused))}
.cinema-crosshair{position:absolute;z-index:7;left:50%;top:50%;width:17px;height:17px;transform:translate(-50%,-50%);pointer-events:none;opacity:.22;background:linear-gradient(#d2d4ce,#d2d4ce) center/1px 100%,linear-gradient(#d2d4ce,#d2d4ce) center/100% 1px;background-repeat:no-repeat}
.lunar-closing .lc-node{border:1px solid transparent;border-radius:1px;padding:10px 14px;transition:border-color .5s,background .5s}
.lunar-closing .lc-node:hover,.lunar-closing .lc-node:focus-visible{border-color:#d8463a4d;background:#03040461}
.lunar-closing .lc-note--destination{opacity:.65;transform:none;font-size:6px;letter-spacing:.12em}
.lunar-closing .lc-instructions{bottom:31px}
body[data-cinema-look="red"] .lunar-closing .lc-terrain{filter:grayscale(1) brightness(.53) contrast(1.28) sepia(.35) hue-rotate(310deg) saturate(1.08)}

@media(max-width:1100px){.universe-coordinates .cinema-timecode,.hero-topline .cinema-timecode{top:26px}.lc-director-credit,.lc-producer-credit{font-size:6px;letter-spacing:.08em}}
@media(max-width:700px){
 body[data-page="home"].opening-film-ready .camera-journey{height:260svh}
 .cinema-viewfinder{inset:74px 8px 10px;--vf-colour:#d8463a70}
 .cinema-rec-label{font-size:6px;margin-right:2px}
 body[data-page="home"] .v10-sky .universe-coordinates .universe-signature{gap:5px}
 .cinema-timecode{font-size:8px}
 .cinema-look{bottom:85px;gap:15px;font-size:7px;min-height:40px}
 .cinema-look-label{font-size:6px}
 body[data-page="home"] .v10-sky .universe-statement{bottom:max(calc(16% + 12px),154px)}
 body[data-page="home"] .lunar-closing{--lc-top:140px}
 .lunar-closing .lc-heading{width:calc(100% - 2 * var(--lc-inset) - 90px)}
 .lunar-closing .lc-heading h2{font-size:clamp(19px,5.1vw,30px)}
 .lunar-closing .lc-record-top{top:93px;font-size:6px}
 .lc-record-top .lc-director-credit,.lc-record-top .lc-producer-credit{display:none}
 .lunar-closing .lc-tools button{width:40px;height:44px}
 .lunar-closing .lc-node{padding:6px;gap:6px}
 .lunar-closing .lc-note--destination{display:block;max-width:97px;white-space:normal;font-size:5px;line-height:1.6;letter-spacing:.02em;margin-top:6px}
 .lunar-closing .lc-instructions{font-size:5px;bottom:25px}
 .lunar-closing .lc-label strong{font-size:clamp(13px,3.4vw,22px)}
}
@media(max-height:600px){
 .cinema-look{bottom:78px}
 body[data-page="home"] .v10-sky .universe-statement{bottom:142px}
 body[data-page="home"] .v10-sky .universe-statement h1{font-size:clamp(36px,7vw,70px)}
 body[data-page="home"] .v10-sky .universe-creations{font-size:8px;margin-top:10px}
 .universe-coordinates .cinema-timecode,.hero-topline .cinema-timecode{top:21px;font-size:7px}
 body[data-page="home"] .lunar-closing{--lc-top:119px}
 .lunar-closing .lc-heading h2{font-size:23px}
 .lunar-closing .lc-heading{width:min(66vw,620px)}
 .lunar-closing .lc-record-top{top:87px}
 .lunar-closing .lc-note{display:none}
}
@media(max-height:480px){
 body[data-page="home"] .v10-sky .universe-statement{bottom:123px}
 body[data-page="home"] .v10-sky .universe-statement h1{font-size:clamp(32px,6vw,50px)}
 .cinema-look{bottom:69px;font-size:6px;gap:12px}
 body[data-page="home"] .lunar-closing{--lc-top:114px}
 .lunar-closing .lc-heading h2{font-size:18px}
 .lunar-closing .lc-heading{width:min(68vw,520px)}
 .lunar-closing .lc-record-top{top:86px}
 .lunar-closing .lc-label strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"].opening-film-ready .camera-journey{height:auto}
 body[data-page="home"].opening-film-ready .camera-journey #top,
 body[data-page="home"].opening-film-ready .camera-journey #canon-opening.cinema-opening{position:relative;inset:auto;height:100svh;opacity:1;margin:0;pointer-events:auto}
 body[data-page="home"].opening-film-ready .camera-journey #top .universe-home-sticky,
 body[data-page="home"].opening-film-ready .camera-journey #canon-opening .horse-scene{position:relative;opacity:1;clip-path:none!important}
 body[data-page="home"].opening-film-ready .journey-light{display:none}
 .lunar-closing .lc-terrain,.lunar-closing .lc-shade::after,.lunar-closing .lc-grain{animation:none}
 .cinema-look button,.cinema-look button::after,.lunar-closing .lc-node{transition:none}
}