/* NDIOURX — cinematic interface. No framework, remote font or CDN. */
:root{--bg:#071015;--panel:#0d1a21;--ink:#edf2f1;--muted:#b4c0c4;--accent:#b6ded8;--accent-rgb:182,222,216;--line:rgba(221,240,244,.18);--gutter:clamp(24px,5vw,96px);--header-h:88px;--ease:cubic-bezier(.22,.7,.18,1);--pan-x:0px;--pan-y:0px;--scroll-y:0px;color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;font-synthesis:none}
:root[data-scene="1"]{--accent:#e9caaa;--accent-rgb:233,202,170}
:root[data-scene="2"]{--accent:#bedaea;--accent-rgb:190,218,234}
*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:106px}body{margin:0;background:var(--bg);color:var(--ink);font-size:18px;line-height:1.5;overflow-x:clip}body.is-locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}h1,h2,p{margin:0}button,dialog{padding:0}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.shell{width:calc(100% - var(--gutter)*2);max-width:1640px;margin-inline:auto}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.accent,.brand-x{color:var(--accent);transition:color .8s}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:14px;left:16px;z-index:1000;background:var(--ink);color:var(--bg);padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.15em;font-weight:500;color:var(--muted)}
/* Fixed, compact navigation + honest page progress. */
.site-header{position:fixed;top:0;inset-inline:0;height:var(--header-h);z-index:40;background:linear-gradient(180deg,rgba(5,12,16,.75),rgba(5,12,16,.18));border-bottom:1px solid rgba(223,239,242,.14);transition:height .3s,background .3s;isolation:isolate}.site-header.is-scrolled{height:74px;background:rgba(7,16,21,.95);backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:25px;font-weight:650;letter-spacing:-1px;white-space:nowrap}.brand-symbol{width:27px;height:32px;color:var(--accent);transition:color .8s}.brand-x{color:var(--ink)}.desktop-nav{display:flex;align-items:stretch;gap:44px;height:100%;margin-left:auto;margin-right:auto}.nav-link{height:100%;display:flex;align-items:center;gap:9px;position:relative;color:#c0cbcf;font-size:17px;padding-inline:2px;transition:color .2s}.nav-link>.icon{width:16px;height:16px;transition:transform .25s}.nav-link[aria-expanded="true"]>.icon{transform:rotate(180deg)}.nav-link::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav-link.is-active,.nav-link:hover,.nav-link[aria-expanded="true"]{color:var(--ink)}.nav-link.is-active::after,.nav-link:hover::after,.nav-link[aria-expanded="true"]::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:24px}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;color:var(--muted);border:1px solid transparent;transition:border-color .2s,color .2s}.icon-button:hover{border-color:var(--line);color:var(--ink)}.motion-toggle .icon{width:20px;height:20px}.resume-icon{display:none}:root[data-motion="off"] .pause-icon{display:none}:root[data-motion="off"] .resume-icon{display:block}.nav-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;padding:10px 18px;font-size:16px;color:var(--ink);background:rgba(182,222,216,.09);border:1px solid rgba(182,222,216,.45);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:background .25s,color .25s}.nav-cta:hover{background:var(--accent);color:var(--bg)}.nav-cta:focus-visible{outline-offset:-4px}.nav-cta .icon{width:19px;height:19px}.mobile-menu-toggle{display:none}.reading-progress{height:2px;position:absolute;top:0;left:0;width:100%;pointer-events:none}.reading-progress span{display:block;background:var(--accent);width:100%;height:100%;transform:scaleX(0);transform-origin:0 0;transition:background .6s}
/* Pan only the artwork. Text and controls never track the pointer. */
.hero{height:100svh;min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:#0b171d;touch-action:pan-y}.hero-art{position:absolute;inset:-3%;z-index:-3;transform:translate3d(var(--pan-x),calc(var(--pan-y) + var(--scroll-y)),0);transition:transform .85s var(--ease);will-change:transform}.hero-scene{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity 1s var(--ease),transform 1.5s var(--ease)}.hero-scene.is-active{opacity:1;transform:scale(1)}.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:62% 47%;filter:brightness(1.14) saturate(.9);animation:scene-breathe 32s ease-in-out infinite alternate;animation-play-state:paused}.hero-scene.is-active img{animation-play-state:running}.hero.is-asleep .hero-scene img{animation-play-state:paused}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,10,14,.65),rgba(3,10,14,.14) 70%),linear-gradient(180deg,rgba(3,10,14,.12) 25%,transparent 50%,rgba(3,10,14,.95) 100%)}.hero-frame{position:absolute;inset:calc(var(--header-h) + 30px) 26px 24px;pointer-events:none;z-index:-1}.hero-frame>span{position:absolute;width:16px;height:16px;opacity:.55}.hero-frame>span:nth-child(1){top:0;left:0;border-top:1px solid var(--accent);border-left:1px solid var(--accent)}.hero-frame>span:nth-child(2){top:0;right:0;border-top:1px solid var(--accent);border-right:1px solid var(--accent)}.hero-frame>span:nth-child(3){bottom:0;left:0;border-bottom:1px solid var(--accent);border-left:1px solid var(--accent)}.hero-frame>span:nth-child(4){bottom:0;right:0;border-bottom:1px solid var(--accent);border-right:1px solid var(--accent)}.hero-content{height:100%;padding-top:var(--header-h);padding-bottom:120px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.hero-eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:28px;color:#d1dfdf;animation:element-in 1s var(--ease) .2s both}.small-diamond{width:7px;height:7px;border:1px solid var(--accent);transform:rotate(45deg)}h1{font-family:Arial,"Segoe UI",sans-serif;font-size:clamp(78px,8.8vw,156px);font-weight:700;line-height:.95;letter-spacing:-.055em;text-transform:uppercase;max-width:100%}.title-mask{display:block;overflow:hidden;padding-bottom:.075em;margin-bottom:-.012em}.title-mask>span{display:block;animation:title-in 1.15s var(--ease) .1s both}.title-mask:nth-child(2)>span{animation-delay:.23s}.title-dot{color:var(--accent);transition:color .8s}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:36px;animation:element-in 1s var(--ease) .42s both}.button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:62px;padding:16px 26px;font-size:19px;font-weight:500;isolation:isolate;overflow:hidden;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));transition:background .3s,color .3s}.button:focus-visible{outline-offset:-5px}.button-solid{background:var(--accent);color:#091419}.button-solid::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;transform:translateX(-104%) skewX(-18deg);transition:transform .48s var(--ease)}.button-solid:hover::before{transform:translateX(0) skewX(0)}.button .icon{transition:transform .3s var(--ease)}.button:hover .icon{transform:translateX(4px)}.watch-button{display:flex;align-items:center;gap:14px;min-height:60px;font-size:19px;padding:2px}.small-play{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(225,241,243,.48);border-radius:50%;transition:background .25s,color .25s,border-color .25s}.small-play .icon{width:19px;height:19px}.watch-button:hover .small-play{color:var(--bg);background:var(--ink);border-color:var(--ink)}.hero-bottom{position:absolute;bottom:44px;inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:48px;animation:element-in 1s var(--ease) .6s both}.scroll-hint{display:flex;align-items:center;gap:16px;font-size:16px;color:#d2dcde;min-height:52px}.scroll-symbol{height:44px;display:flex;align-items:center;position:relative}.scroll-hint .icon{width:21px;height:21px;transition:transform .3s}.scroll-hint:hover .icon{transform:translateY(5px)}.scene-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:75%;max-width:1060px;gap:0;border-top:1px solid rgba(226,241,244,.28)}.scene-tab{display:flex;align-items:center;position:relative;gap:18px;padding:20px 24px 12px;color:#becbcc;text-align:left;min-width:0;transition:background .35s,color .35s}.scene-tab:first-child{padding-left:0}.scene-tab:last-child{padding-right:0}.scene-thumb{width:76px;height:46px;flex-shrink:0;overflow:hidden;opacity:.6;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));transition:opacity .35s}.scene-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.scene-name{font-size:19px;font-weight:500;white-space:nowrap}.scene-index{font-size:13px;color:#adc0c3;margin-left:auto;font-variant-numeric:tabular-nums;align-self:flex-start;line-height:2}.scene-line{position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease),background .6s}.scene-tab.is-active{color:var(--accent)}.scene-tab.is-active .scene-line{transform:scaleX(1)}.scene-tab:hover .scene-thumb,.scene-tab.is-active .scene-thumb{opacity:1}.scene-tab:hover .scene-thumb img{transform:scale(1.12)}.scene-tab:hover{color:var(--ink)}
/* Large targets and images; no stacks of explanatory copy. */
.world-section{padding-top:120px;padding-bottom:120px;scroll-margin-top:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:46px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2{font-family:Arial,"Segoe UI",sans-serif;font-size:clamp(56px,5.8vw,100px);font-weight:500;line-height:1;letter-spacing:-.055em}.section-count{font-size:16px;letter-spacing:.08em;color:var(--muted);padding-bottom:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.world-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:22px}.world-card{height:530px;min-width:0;position:relative;text-align:left;background:#102029;overflow:hidden;isolation:isolate;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.world-card:focus-visible{outline-offset:-6px}.world-card>img{width:100%;height:100%;object-fit:cover;object-position:60% center;filter:saturate(.82) brightness(1.1);transition:transform .85s var(--ease),filter .6s}.world-card:first-child>img{object-position:67% center}.world-card:hover>img,.world-card:focus-visible>img{transform:scale(1.045);filter:saturate(1) brightness(1.18)}.world-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,14,.3),transparent 40%,rgba(3,10,14,.2) 55%,rgba(3,10,14,.9));pointer-events:none}.world-number{position:absolute;top:30px;left:30px;display:flex;align-items:center;gap:16px;font-size:14px;color:#dae5e7;font-variant-numeric:tabular-nums}.index-line{width:30px;height:1px;background:rgba(235,246,247,.65)}.world-caption{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:12px}.world-title{font-size:clamp(30px,3.1vw,54px);letter-spacing:-.045em;line-height:1.1;font-weight:500}.world-open{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(237,245,246,.3);transition:color .3s,background .3s,border-color .3s;flex-shrink:0}.world-open>.icon{width:22px;height:22px;transition:transform .3s var(--ease)}.world-card:hover .world-open,.world-card:focus-visible .world-open{background:var(--accent);border-color:var(--accent);color:var(--bg)}.frame-corners{position:absolute;inset:13px;border:1px solid transparent;pointer-events:none;transition:border-color .4s}.frame-corners::before,.frame-corners::after{content:"";position:absolute;width:23px;height:23px;border-color:rgba(224,243,245,.6);transition:width .5s var(--ease),height .5s var(--ease),border-color .4s}.frame-corners::before{left:0;top:0;border-left:1px solid;border-top:1px solid;border-color:rgba(224,243,245,.5)}.frame-corners::after{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid;border-color:rgba(224,243,245,.5)}.world-card:hover .frame-corners::before,.world-card:hover .frame-corners::after,.film-frame:hover .frame-corners::before,.film-frame:hover .frame-corners::after{width:48px;height:48px;border-color:var(--accent)}
/* The film opens into the viewport as it is approached; scrolling remains native. */
.film-section{padding-top:20px;padding-bottom:100px;scroll-margin-top:102px}.film-outer{--film-inset:var(--gutter);padding-inline:var(--film-inset);max-width:1832px;margin:auto}.film-frame{display:block;position:relative;width:100%;height:clamp(380px,45vw,690px);min-height:350px;overflow:hidden;background:#261c18;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.film-frame:focus-visible{outline-offset:-6px}.film-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:brightness(.9) saturate(.86);transition:transform 1.2s var(--ease),filter .6s}.film-frame:hover>img{transform:scale(1.035);filter:brightness(1) saturate(1)}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,12,.05),rgba(8,11,12,.12) 50%,rgba(4,10,13,.7))}.film-play-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:24px;white-space:nowrap}.film-play{position:relative;width:106px;height:106px;display:grid;place-items:center;border:1px solid rgba(243,247,246,.5);border-radius:50%;background:rgba(8,18,21,.24);transition:background .3s,color .3s,transform .4s var(--ease);backdrop-filter:blur(4px)}.film-play>.icon{width:34px;height:34px;margin-left:4px}.play-orbit{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);opacity:.7;transition:transform 1.2s var(--ease)}.film-frame:hover .film-play{background:var(--ink);color:var(--bg);transform:scale(1.045)}.film-frame:hover .play-orbit{transform:rotate(90deg);color:var(--ink)}.film-watch-label{font-size:21px;font-weight:500}.film-bottom{position:absolute;bottom:28px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;font-size:17px;letter-spacing:.08em}.film-bottom .icon{width:22px;height:22px}.site-footer{min-height:170px;display:flex;align-items:center;justify-content:space-between;gap:36px;border-top:1px solid var(--line);padding-top:40px;padding-bottom:45px}.footer-brand{font-size:24px}.site-footer p{font-size:15px;color:var(--muted)}.back-top{font-size:16px;display:flex;align-items:center;gap:20px;min-height:44px}.back-top .icon{width:19px;height:19px;transition:transform .25s}.back-top:hover .icon{transform:translateY(-4px)}
/* Native dialogs supply focus trapping and Escape, with custom visual transitions. */
.dialog-panel{color:var(--ink);background:var(--panel);border:1px solid rgba(213,240,244,.2);box-shadow:0 22px 100px rgba(0,0,0,.45);max-width:none;max-height:none}.dialog-panel::backdrop{background:rgba(1,6,10,.76);backdrop-filter:blur(7px)}.dialog-panel[open]{animation:panel-in .38s var(--ease) both}.dialog-panel[open]::backdrop{animation:backdrop-in .3s ease both}.close-button{display:flex;align-items:center;gap:12px;min-height:44px;min-width:44px;font-size:16px;padding:8px 10px;border:1px solid transparent;transition:background .2s,border-color .2s}.close-button:hover{background:rgba(221,240,244,.07);border-color:var(--line)}.close-button .icon{width:21px;height:21px}.world-menu{position:fixed;top:calc(var(--header-h) + 20px);bottom:auto;width:min(1230px,calc(100% - var(--gutter)*2));max-height:calc(100dvh - var(--header-h) - 44px);overflow:auto;margin:0 auto;padding:30px 34px 24px}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.menu-head h2{font-size:25px;letter-spacing:-.025em;font-weight:500}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.menu-card{min-width:0;text-align:left}.menu-card-art{display:block;aspect-ratio:16/9;overflow:hidden;background:#16242a;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.menu-card img{width:100%;height:100%;object-fit:cover;filter:brightness(1.1);transition:transform .8s var(--ease)}.menu-card:hover img{transform:scale(1.05)}.menu-card-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:17px;font-size:22px;border-bottom:1px solid var(--line);transition:color .3s,border-color .3s}.menu-card:hover .menu-card-label{color:var(--accent);border-color:var(--accent)}.menu-card-label .icon{width:21px;height:21px;transition:transform .3s}.menu-card:hover .icon{transform:translateX(4px)}.world-menu[open] .menu-card{animation:element-in .55s var(--ease) var(--delay) both}.menu-all{display:flex;justify-content:flex-end;align-items:center;gap:20px;min-height:44px;font-size:16px;padding-top:12px;margin-top:12px;color:var(--accent)}.mobile-menu{position:fixed;inset:0;width:100%;height:100dvh;margin:0;padding:22px 26px;overflow-y:auto}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-menu-head .brand{font-size:22px;gap:8px}.mobile-menu-head .brand-symbol{width:21px;height:26px}.mobile-nav{margin-top:45px;display:flex;flex-direction:column}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;font-size:48px;font-weight:500;letter-spacing:-.05em;min-height:88px;border-bottom:1px solid var(--line)}.mobile-nav .icon{width:25px;height:25px;color:var(--accent)}.mobile-menu-art{height:clamp(100px,22vh,220px);margin-top:38px;overflow:hidden}.mobile-menu-art img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.mobile-motion{display:flex;align-items:center;justify-content:center;gap:13px;margin:18px auto 0;min-height:44px;font-size:16px}.mobile-motion .icon{width:18px;height:18px}.world-viewer{position:fixed;inset:20px;width:calc(100% - 40px);height:calc(100dvh - 40px);margin:0;overflow:hidden;background:#071015;isolation:isolate}.viewer-art{position:absolute;inset:0;z-index:-3;touch-action:pan-y}.viewer-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;filter:brightness(1.16)}#gallery-image-next{opacity:0}.viewer-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,10,14,.64),rgba(3,10,14,0) 85%),linear-gradient(180deg,rgba(3,10,14,.45),transparent 30%,rgba(3,10,14,.78))}.viewer-top{position:absolute;top:24px;left:36px;right:28px;display:flex;align-items:center;justify-content:space-between}.viewer-wordmark{font-size:22px;font-weight:600;letter-spacing:-.035em}.viewer-top .close-button{background:rgba(6,15,21,.45);border-color:var(--line)}.viewer-copy{position:absolute;left:clamp(30px,5.2vw,100px);bottom:150px;right:40px}.viewer-copy .eyebrow{color:#d9e1e1;margin-bottom:15px}.viewer-copy h2{font-size:clamp(68px,9vw,150px);font-family:Arial,sans-serif;line-height:1;font-weight:500;letter-spacing:-.06em;margin-bottom:38px}.viewer-bottom{position:absolute;bottom:32px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.viewer-note{font-size:16px;color:#cdd8db}.gallery-controls{display:flex;align-items:center;gap:24px}.arrow-button{display:grid;place-items:center;width:54px;height:54px;background:rgba(6,15,21,.45);border:1px solid rgba(228,242,244,.4);transition:background .25s,color .25s}.arrow-button:hover{background:var(--accent);color:var(--bg)}.gallery-count{font-size:16px;letter-spacing:.12em;min-width:76px;text-align:center;font-variant-numeric:tabular-nums}.video-viewer{width:min(1160px,calc(100% - 50px));margin:auto;padding:22px 24px 19px;overflow:auto;max-height:calc(100dvh - 44px);background:#081117}.video-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.video-head h2{font-size:28px;font-weight:500;letter-spacing:-.03em}.video-viewer video{width:100%;max-height:calc(100dvh - 230px);background:#000;aspect-ratio:16/9;object-fit:contain}.video-viewer>p{font-size:15px;color:var(--muted);margin-top:15px}.video-viewer #video-message{color:var(--accent)}.noscript{padding:24px;background:#16303b;color:#fff;font-size:17px;text-align:center}
/* Progressive enhancement: content is visible without JavaScript. */
.js-reveal [class~="reveal"]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease) var(--delay,0ms),transform .9s var(--ease) var(--delay,0ms)}.js-reveal .reveal.is-visible{opacity:1;transform:none}
@keyframes title-in{from{transform:translateY(105%)}to{transform:translateY(0)}}
@keyframes element-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes scene-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(min-width:1800px){.world-card{height:620px}.hero-content{padding-bottom:140px}}
@media(max-width:1150px){.header-inner{gap:20px}.desktop-nav{gap:30px}.header-actions{gap:15px}.brand{font-size:23px}.nav-cta{gap:25px}.scene-dock{width:80%}.scene-tab{gap:12px;padding-inline:16px}.scene-thumb{width:58px;height:42px}.scene-name{font-size:17px}.scene-index{display:none}.hero-bottom{gap:25px}.world-grid{gap:18px;grid-template-columns:1.2fr 1fr 1fr}.world-card{height:440px}.world-caption{left:22px;right:22px;bottom:25px}.world-title{font-size:32px}.world-number{left:26px}.world-open{width:38px;height:38px}.site-footer{gap:24px}.site-footer p{font-size:14px}}
@media(max-width:860px){:root{--gutter:32px;--header-h:78px}.desktop-nav,.nav-cta{display:none}.mobile-menu-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px}.mobile-menu-toggle>.icon{width:24px;height:24px}.header-actions{gap:15px}.header-inner{gap:16px}.hero{min-height:720px}.hero-frame{inset:calc(var(--header-h) + 22px) 16px 18px}.hero-content{padding-bottom:140px}h1{font-size:clamp(58px,9.5vw,84px)}.hero-bottom{bottom:36px}.scroll-hint{display:none}.scene-dock{width:100%;max-width:none}.scene-tab{padding:18px 18px 10px;justify-content:center}.scene-tab:first-child{padding-left:8px}.scene-tab:last-child{padding-right:8px}.scene-index{display:none}.scene-thumb{width:64px;height:42px}.scene-name{font-size:18px}.world-section{padding-top:95px;padding-bottom:90px}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.world-card{height:390px}.world-caption{left:21px;right:21px;flex-wrap:wrap;gap:18px}.world-title{font-size:30px}.world-open{width:38px;height:38px}.world-number{left:22px;top:24px}.index-line{display:none}.section-heading{margin-bottom:34px}.section-heading h2{font-size:68px}.eyebrow{font-size:13px}.film-section{padding-bottom:75px}.film-frame{height:440px;min-height:300px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:20px;min-height:160px;padding-block:30px}.site-footer p{grid-column:1;grid-row:2;font-size:14px}.back-top{grid-column:2;grid-row:1/span 2}.world-viewer{inset:12px;width:calc(100% - 24px);height:calc(100dvh - 24px)}.viewer-copy{left:36px;bottom:150px}.viewer-copy h2{font-size:92px}.world-menu{width:calc(100% - 40px);padding:24px}.menu-grid{gap:16px}.menu-head h2{font-size:23px}.menu-card-label{font-size:20px}}
@media(max-width:640px){:root{--gutter:24px;--header-h:74px}.site-header.is-scrolled{height:68px}.brand{font-size:22px;gap:9px}.brand-symbol{width:23px;height:28px}.header-actions{gap:8px}.mobile-menu-toggle{font-size:15px;gap:7px}.hero{height:100svh;min-height:700px}.hero-content{padding-top:100px;padding-bottom:160px;justify-content:center}.hero-eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:26px}.small-diamond{width:6px;height:6px}h1{font-size:clamp(36px,10.7vw,68px);letter-spacing:-.045em;line-height:1}.title-mask:first-child{font-size:1.55em}.title-mask{padding-bottom:.075em;margin-bottom:0}.hero-actions{flex-direction:column;align-items:flex-start;gap:17px;margin-top:28px}.button{font-size:17px;min-height:56px;gap:26px;padding:15px 21px}.button .icon{width:21px;height:21px}.watch-button{font-size:17px;min-height:46px;gap:12px}.small-play{width:40px;height:40px}.hero-bottom{bottom:34px}.scene-dock{border-top-color:rgba(226,241,244,.33)}.scene-tab{padding:18px 5px 12px;justify-content:center;gap:0;min-height:54px}.scene-tab:first-child{padding-left:0}.scene-tab:last-child{padding-right:0}.scene-thumb{display:none}.scene-name{font-size:17px;font-weight:400}.hero-art{inset:-2%}.hero-scene img{object-position:63% 43%}.hero-vignette{background:linear-gradient(90deg,rgba(3,10,14,.59),rgba(3,10,14,.15)),linear-gradient(180deg,rgba(3,10,14,.16),transparent 25%,rgba(3,10,14,.14) 40%,rgba(3,10,14,.95) 100%)}.hero-frame{inset:94px 12px 17px}.hero-frame>span{width:10px;height:10px}.world-section{padding-top:78px;padding-bottom:82px}.section-heading{margin-bottom:30px;gap:15px}.section-heading h2{font-size:clamp(52px,13vw,76px);letter-spacing:-.06em}.section-heading .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:15px}.section-count{font-size:13px;letter-spacing:.04em;padding-bottom:6px}.world-grid{grid-template-columns:1fr;gap:22px}.world-card{height:auto;aspect-ratio:1/.98}.world-title{font-size:46px}.world-caption{left:28px;right:28px;bottom:32px;flex-wrap:nowrap}.world-number{left:30px;top:30px}.index-line{display:block}.world-open{width:44px;height:44px}.world-card>img{object-position:60% center}.world-card:first-child>img{object-position:64% center}.film-section{padding-top:0;padding-bottom:66px}.film-section .section-heading{align-items:flex-end}.film-section .section-heading h2{font-size:clamp(42px,10.5vw,65px)}.film-section .section-count{padding-bottom:4px}.film-outer{padding-inline:16px!important}.film-frame{height:340px;min-height:0}.film-play{width:76px;height:76px}.film-play>.icon{width:25px;height:25px}.play-orbit{inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px)}.film-play-wrap{gap:22px}.film-watch-label{font-size:18px}.film-bottom{left:26px;right:26px;bottom:21px;font-size:13px}.film-bottom .icon{width:19px;height:19px}.frame-corners{inset:11px}.site-footer{gap:14px;padding-top:29px;padding-bottom:34px}.footer-brand{font-size:20px}.footer-brand .brand-symbol{width:21px;height:25px}.site-footer p{font-size:12px;line-height:1.6;max-width:220px}.back-top{font-size:14px;gap:10px}.viewer-top{top:17px;left:22px;right:15px}.viewer-wordmark{font-size:20px}.world-viewer{inset:0;width:100%;height:100dvh}.viewer-art>img{object-position:62% center}.viewer-copy{left:27px;right:27px;bottom:146px}.viewer-copy h2{font-size:clamp(66px,15vw,92px);margin-bottom:28px}.viewer-copy .eyebrow{font-size:12px}.viewer-bottom{bottom:28px;left:26px;right:26px;justify-content:center}.viewer-note{display:none}.gallery-controls{gap:24px}.arrow-button{width:52px;height:52px}.viewer-copy .button{font-size:16px}.video-viewer{width:calc(100% - 22px);padding:17px 15px;max-height:calc(100dvh - 22px)}.video-head{margin-bottom:15px}.video-head h2{font-size:24px}.close-button{gap:8px;font-size:15px;padding:8px}.video-viewer>p{font-size:13px;margin-top:12px}.world-menu{top:12px;max-height:calc(100dvh - 24px);width:calc(100% - 24px);padding:20px}.menu-grid{grid-template-columns:1fr;gap:16px}.menu-card-art{aspect-ratio:2.6/1}.menu-card-label{padding-block:12px}.menu-head h2{font-size:22px}.menu-head{gap:10px}.menu-all{font-size:15px}.mobile-menu{padding:20px 24px}.mobile-menu-head .brand{font-size:20px}.mobile-menu-head .close-button{font-size:14px;gap:5px}}
@media(max-width:360px){:root{--gutter:20px}.brand{font-size:20px;gap:8px}.brand-symbol{width:20px}.header-actions{gap:3px}.mobile-menu-toggle span{display:none}.mobile-menu-toggle{min-width:40px;justify-content:center}h1{font-size:36px}.hero{min-height:680px}.hero-content{padding-bottom:145px}.world-title{font-size:40px}.world-caption{left:26px;right:25px}.section-heading h2{font-size:58px}.film-section .section-heading h2{font-size:39px}.film-section .section-count{font-size:12px}.film-frame{height:300px}.site-footer p{max-width:165px}.mobile-nav{margin-top:28px}.mobile-nav a{font-size:43px;min-height:76px}.mobile-menu-art{margin-top:25px}.mobile-menu-head .brand{font-size:18px}.mobile-menu-head{gap:6px}}
@media(max-height:610px) and (min-width:641px){.hero{min-height:680px}.mobile-menu-art{display:none}.viewer-copy{bottom:105px}.viewer-copy h2{font-size:70px;margin-bottom:20px}.viewer-bottom{bottom:20px}.viewer-copy .button{min-height:48px;padding:12px 20px}.viewer-top{top:15px}.mobile-nav{margin-top:20px}.mobile-nav a{min-height:66px;font-size:40px}}
@media(hover:none){.hero-art{will-change:auto}.world-card>img,.film-frame>img{transition:none}}
/* A single, persistent switch stops ALL decorative movement, not the controls. */
:root[data-motion="off"]{scroll-behavior:auto}:root[data-motion="off"] *, :root[data-motion="off"] *::before,:root[data-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root[data-motion="off"] .hero-art,:root[data-motion="off"] .hero-scene,:root[data-motion="off"] .hero-scene img{transform:none!important}:root[data-motion="off"] .title-mask>span,:root[data-motion="off"] .hero-eyebrow,:root[data-motion="off"] .hero-actions,:root[data-motion="off"] .hero-bottom{opacity:1!important;transform:none!important}:root[data-motion="off"] .reveal{opacity:1!important;transform:none!important}:root[data-motion="off"] .world-card:hover>img,:root[data-motion="off"] .film-frame:hover>img{transform:none!important}:root[data-motion="off"] .film-play,:root[data-motion="off"] .play-orbit{transform:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]){scroll-behavior:auto}}
@media print{.site-header,.hero-art,.hero-vignette,.hero-frame,.hero-bottom,.hero-actions,.dialog-panel,.back-top{display:none!important}body{background:#fff;color:#111}.hero{height:auto;min-height:0;background:none}.hero-content{padding:30px 0}.hero h1{font-size:60px}.world-section,.film-section{padding-block:30px}.reveal{opacity:1!important;transform:none!important}.world-card{height:230px}.film-frame{height:280px}.site-footer{color:#111;min-height:0}.eyebrow,.accent,.title-dot,.site-footer p{color:#333}.film-frame{print-color-adjust:exact}}

.dialog-panel.is-closing{animation:panel-out .2s ease both}.dialog-panel.is-closing::backdrop{animation:backdrop-out .2s ease both}@keyframes panel-out{to{opacity:0;transform:translateY(10px)}}@keyframes backdrop-out{to{opacity:0}}