:root{color-scheme:dark;--black:#0b0c0b;--paper:#f2f0e7;--muted:#aaa9a1;--accent:#ddeb8e;--line:#ffffff26;--pad:clamp(24px,4.4vw,80px)}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:auto}body{margin:0;background:var(--black);color:var(--paper);font:16px/1.5 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{border:0;border-radius:0}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button:disabled{pointer-events:none}button[hidden],[hidden]{display:none!important}::selection{background:var(--accent);color:var(--black)}p,h1,h2,h3{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}img{max-width:100%;display:block}h1,h2{font-weight:400;line-height:.97;letter-spacing:-.055em}.micro{font-size:10px;letter-spacing:.15em;line-height:1.65;font-weight:400}.accent{color:var(--accent)}.section{padding:85px var(--pad)}.line-link{display:inline-flex;gap:35px;align-items:center;border-bottom:1px solid #ffffff70;padding:12px 0;font-size:13px}.line-link span{font-size:22px;transition:transform .25s}.line-link:hover span{transform:translate(3px,-3px)}.text-button{padding:12px 0;background:transparent;font-size:10px;letter-spacing:.11em;min-height:44px}.text-button:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.access-skip{position:fixed;top:14px;left:50%;transform:translate(-50%,-180%);background:var(--accent);color:#101112;padding:14px;z-index:1000}.access-skip:focus{transform:translate(-50%,0)}
/* The destination stays spatially anchored below the cinematic overlay. */
#portal{position:relative;min-height:100vh}html.js:not(.portal-ready) #portal{position:fixed;inset:0;overflow:hidden;pointer-events:none}html.js #journey{height:760svh}#cinema{display:none}html.js #cinema{display:block;position:fixed;inset:0;z-index:20;background:#050605;isolation:isolate;height:100dvh;overflow:hidden}html.portal-ready #journey{display:none}html.portal-ready #cinema{display:none}.portal-nav{padding:21px var(--pad);display:flex;align-items:center;gap:26px;background:#101112;border-bottom:1px solid var(--line)}.wordmark{font-size:34px;font-weight:700;letter-spacing:-.1em}.wordmark span{color:var(--accent);font-weight:400}.portal-nav .location{color:var(--muted);letter-spacing:.04em}.portal-nav nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.portal-nav nav a:last-child{color:var(--accent)}.portal-hero{height:calc(100svh - 94px);min-height:620px;position:relative;overflow:hidden;background:#1e201c}.portal-backdrop,.portal-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}.portal-backdrop{filter:saturate(.55) brightness(.65)}.portal-shade{background:linear-gradient(0deg,#0b0c0bf2 1%,#0b0c0b20 80%),linear-gradient(90deg,#0b0c0b80,transparent)}.hero-top{position:absolute;top:30px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between}.portal-titles{position:absolute;bottom:75px;left:var(--pad);right:var(--pad)}.portal-titles h1{font-size:clamp(64px,11.6vw,187px);font-weight:500;line-height:.86;margin-top:24px;letter-spacing:-.075em}.title-period{color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:35px}.hero-bottom>p{font:italic 24px Georgia,serif;color:#ddd9c9}.still-credit{position:absolute;bottom:20px;right:var(--pad);color:#b9b8ad;font-size:8px}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:60px 0 50px}.section-heading h2,.library-link h2,.about h2{font-size:clamp(35px,4.5vw,72px)}.section-heading>p,.library-tail p{font-size:13px;color:var(--muted);line-height:1.7}.film-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:38px}.film-second{margin-top:90px}.film-image{position:relative;overflow:hidden;aspect-ratio:16/10;background:#252720}.film-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:transform .6s,filter .6s}.film:hover img,.film:focus-visible img{transform:scale(1.035);filter:saturate(.95)}.watch{position:absolute;inset:auto auto 22px 22px;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.12em}.watch>span{border:1px solid #ffffff80;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px;background:#0005}.duration{position:absolute;right:18px;bottom:23px;padding:5px 9px;background:#080a0899}.film-caption{display:flex;align-items:center;justify-content:space-between;padding-top:18px}.film-caption .micro{color:var(--muted);font-size:9px}.film-caption h3{font-size:24px;font-weight:400;margin-top:7px;letter-spacing:-.03em}.film-caption>span{font-size:27px}.library-link{display:flex;justify-content:space-between;gap:30px;border-block:1px solid var(--line);padding:50px 0;margin-top:100px}.library-link h2{margin-top:24px}.library-tail{align-self:flex-end}.library-tail .line-link{margin-top:20px}.library-link:hover .line-link{color:var(--accent)}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;padding-top:0;align-items:center}.about h2{margin-top:28px}.body-copy{font-size:14px;line-height:1.8;color:var(--muted);max-width:520px;margin-top:28px}.about .line-link{margin-top:25px}.camera-portrait{position:relative;background:#050605}.camera-portrait img{width:100%;aspect-ratio:1;object-fit:cover}.camera-portrait>span{font-size:8px;position:absolute;bottom:15px;left:15px;color:var(--muted)}.contact{border-block:1px solid var(--line);background:#141612}.contact>div{display:flex;justify-content:space-between;align-items:center;margin:30px 0}.contact h2{font-size:clamp(48px,7.5vw,118px)}.contact-arrow{width:100px;height:100px;border-radius:50%;border:1px solid #ddeb8e80;display:grid;place-items:center;font-size:65px;font-weight:300;color:var(--accent);transition:background .3s,color .3s}.contact-arrow:hover{background:var(--accent);color:#101112}.contact>p:last-child{font-size:13px;color:var(--muted)}footer.section{padding-top:40px;padding-bottom:25px}.footer-top{display:flex;justify-content:space-between;gap:25px;font-size:12px}.footer-top nav{display:flex;gap:25px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:55px;color:var(--muted);font-size:8px}.footer-bottom button{font-size:9px}
/* Cinematic editorial layer. All motion comes from one normalized timeline. */
#scene,#scene canvas,#fallback-world,.vignette,.grain,#darkness{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#scene canvas{display:block}.vignette{background:radial-gradient(ellipse at 53% 46%,transparent 30%,#0009 95%);z-index:2}.grain{opacity:.055;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}#darkness{background:#000;opacity:0;z-index:4}#cinema-nav{position:absolute;top:max(27px,env(safe-area-inset-top));left:var(--pad);right:var(--pad);z-index:7;display:flex;justify-content:space-between;align-items:flex-start}.cinema-brand{font-size:12px;letter-spacing:.14em;font-weight:500}.cinema-brand span{display:block;color:#aaa99e;font-size:8px;letter-spacing:.12em;margin-top:5px}.skip{font-size:10px;letter-spacing:.1em;min-height:44px;display:flex;align-items:center;gap:18px;margin-top:-6px}.skip span{color:var(--accent);font-size:20px}.opening{position:absolute;z-index:5;left:var(--pad);bottom:18%;pointer-events:none}.opening .micro{font-size:9px}.opening h2{font-size:clamp(60px,8.7vw,145px);line-height:.91;letter-spacing:-.06em;margin-top:26px}.opening h2 em{font-size:1.015em;letter-spacing:-.075em}.small-period{color:var(--accent)}.opening-line{font-size:13px;color:#c8c5b9;margin-top:27px;line-height:1.7}.scene-caption{position:absolute;z-index:5;left:var(--pad);bottom:20%;pointer-events:none;opacity:0}.scene-caption>p:last-child{font-size:clamp(28px,4.4vw,68px);line-height:1.05;letter-spacing:-.04em;margin-top:20px}.cinema-footer{position:absolute;z-index:7;bottom:max(20px,env(safe-area-inset-bottom));left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:30px;border-top:1px solid #ffffff2a;padding-top:15px}.cinema-footer>div:first-child{display:flex;align-items:center;gap:10px}.status-dot{width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #ddeb8e60}.cinema-footer .micro{font-size:8px;letter-spacing:.13em}.cinema-footer button{font-size:9px;margin-left:auto}.progress{width:70px;height:1px;background:#ffffff30}.progress span{display:block;height:1px;background:var(--accent);width:0}.progress-count{min-width:62px;color:var(--muted);text-align:right}#decision{position:absolute;z-index:8;left:50%;bottom:20%;transform:translateX(-50%);text-align:center;white-space:nowrap}.decision-line{display:block;width:1px;height:38px;background:linear-gradient(transparent,#ddeb8e99);margin:0 auto 18px}.enter-button{background:#0c0d0bbd;backdrop-filter:blur(12px);padding:17px 23px;border:1px solid #ddeb8e70;min-height:52px;letter-spacing:.13em;font-size:11px;display:inline-flex;align-items:center;gap:35px}.enter-button>span{font-size:22px;color:var(--accent)}.enter-button:hover,.enter-button:focus-visible{background:#ddeb8e;color:#111;border-color:#ddeb8e}.enter-button:hover>span{color:#111}#decision>p{font-size:7px;color:#bfbdb1;margin-top:13px;letter-spacing:.13em}#alternative{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse,#12150b66,transparent 65%);padding:var(--pad)}#alternative h2{font-size:clamp(42px,7vw,100px);margin:25px 0}#alternative>p:not(.micro){color:var(--muted);font-size:14px}#alternative .line-link{margin-top:25px}#alternative .text-button{margin-top:20px;color:#aaa}#fallback-world{display:none;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#3c3322,#070907 65%)}.fallback-mode #fallback-world{display:block}.fallback-room{position:absolute;inset:15%;background:linear-gradient(115deg,#10140e,#50432c 50%,#151a13);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);box-shadow:0 0 70px #b69b5c55}.fallback-frame{position:absolute;inset:20% 17%;border:2px solid #b9ad80;box-shadow:0 0 50px #b9ad8022;transform:perspective(600px) rotateY(-3deg)}.fallback-camera{position:absolute;inset:0;background:#030403}.fallback-camera img{height:100%;width:100%;object-fit:contain}
@media(min-width:1600px){.opening{bottom:17%}.portal-hero{min-height:760px}}@media(max-width:900px){.portal-nav .location{display:none}.opening h2{font-size:11vw}.opening{bottom:17%}.progress-count{display:none}.scene-caption{bottom:23%}.section{padding-block:60px}.about{gap:5%}.about h2{font-size:35px}.footer-bottom{flex-wrap:wrap}.portal-hero{min-height:560px}.portal-titles h1{font-size:12vw}.film-grid{gap:25px}.library-link{margin-top:65px}.contact-arrow{width:75px;height:75px;font-size:46px}}
@media(max-width:600px){:root{--pad:23px}html.js #journey{height:650svh}.portal-nav{padding-block:16px}.wordmark{font-size:28px}.portal-nav nav{gap:19px;font-size:12px}.portal-hero{height:calc(100svh - 76px);min-height:580px}.hero-top{top:22px;font-size:8px}.hero-top span:last-child{display:none}.portal-titles{bottom:85px}.portal-titles h1{font-size:14.3vw;line-height:.93;letter-spacing:-.07em}.portal-titles .micro{font-size:8px;letter-spacing:.12em}.hero-bottom{display:block;margin-top:28px}.hero-bottom>p{font-size:21px}.hero-bottom .line-link{margin-top:18px}.portal-backdrop{object-position:57% 50%}.still-credit{font-size:7px}.section-top>.micro{font-size:8px}.section-heading{display:block;margin:40px 0 30px}.section-heading h2,.library-link h2{font-size:43px}.section-heading>p{margin-top:22px;font-size:12px}.film-grid{display:block}.film-second{display:block;margin-top:38px}.film-image{aspect-ratio:16/10}.film-caption h3{font-size:22px}.library-link{display:block;padding-block:35px;margin-top:55px}.library-tail{margin-top:25px}.library-tail p{font-size:12px}.library-link h2{margin-top:20px}.about{display:block;padding-top:0}.about h2{font-size:38px}.camera-portrait{margin-top:35px}.camera-portrait img{aspect-ratio:4/3;object-fit:cover}.contact h2{font-size:12vw}.contact-arrow{width:55px;height:55px;font-size:35px;flex-shrink:0;margin-left:5px}.contact>div{margin-block:25px}.footer-top{display:block}.footer-top nav{gap:19px;margin-top:30px;flex-wrap:wrap}.footer-bottom{display:block;margin-top:35px}.footer-bottom>*{display:block;margin-top:12px}.cinema-brand{font-size:10px;letter-spacing:.09em}.cinema-brand span{font-size:6px;margin-top:6px}.skip{font-size:8px;gap:8px;min-height:44px}#cinema-nav{top:max(20px,env(safe-area-inset-top))}.opening{bottom:18%}.opening h2{font-size:16.5vw;line-height:.94;margin-top:18px}.opening>.micro{font-size:7px;letter-spacing:.12em}.opening-line{font-size:12px;margin-top:22px}.cinema-footer{gap:12px;padding-top:11px;bottom:max(17px,env(safe-area-inset-bottom))}.cinema-footer .micro{font-size:6px;letter-spacing:.08em}.cinema-footer button{font-size:7px;letter-spacing:.08em}.progress{width:32px}.scene-caption{bottom:22%;left:var(--pad);right:var(--pad)}.scene-caption .micro{font-size:8px}.scene-caption>p:last-child{font-size:37px;line-height:1.05}.enter-button{font-size:10px;padding:13px 18px;gap:25px}#decision{bottom:20%}#decision>p{font-size:6px;letter-spacing:.07em}.decision-line{height:25px;margin-bottom:12px}#alternative h2{font-size:44px}#alternative .micro{font-size:8px}#alternative>p:not(.micro){font-size:12px}.fallback-camera img{object-fit:cover}}
@media(max-height:500px) and (orientation:landscape){#cinema-nav{top:15px}.cinema-brand span{display:none}.opening{bottom:23%}.opening h2{font-size:14vh;margin-top:10px}.opening-line{display:none}.opening .micro{font-size:7px}.scene-caption{bottom:23%}.scene-caption>p:last-child{font-size:8vh}.scene-caption .micro{font-size:7px}.cinema-footer{bottom:10px;padding-top:5px}#decision{bottom:21%}.decision-line{display:none}#alternative h2{font-size:12vh;margin:12px 0}#alternative .line-link{margin-top:6px}#alternative .text-button{margin-top:0}.portal-hero{height:700px}.portal-titles h1{font-size:12vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.js #cinema,.js #journey{display:none!important}html.js:not(.portal-ready) #portal{position:relative;overflow:visible;pointer-events:auto}.film:hover img{transform:none}}
/* Phase 02 review slice. No photographic environment layer is mounted. */
#slice-end,#unsupported{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:6;padding:var(--pad);background:radial-gradient(ellipse,#101912b3,#030604cc)}#slice-end h2,#unsupported h2{font-size:clamp(44px,7vw,104px);margin:25px 0}#slice-end>p:not(.micro),#unsupported>p:not(.micro){color:#bbc1b4;font-size:14px}#slice-end .line-link,#unsupported .line-link{margin-top:22px}#unsupported details{max-width:650px;margin-top:20px;font-size:11px;color:#a8b09f}#render-error{white-space:pre-wrap}#review-tools{position:absolute;right:var(--pad);top:100px;z-index:9;font-size:11px;background:#080c08dc;max-width:min(360px,90vw);padding:12px;border:1px solid #8b9b622e}#review-tools label{display:block;margin:12px 0}#review-tools input{width:100%}#diagnostics{white-space:pre-wrap;font-size:10px;max-height:240px;overflow:auto}.cinema-footer{gap:20px}#look-toggle{margin-left:auto}#advance{margin-left:0}@media(max-width:600px){#review-tools{top:78px;font-size:9px;max-width:230px}.cinema-footer{gap:11px}#look-toggle{font-size:6px}.opening>.micro{max-width:280px}#unsupported h2,#slice-end h2{font-size:43px}#unsupported .micro,#slice-end .micro{font-size:8px}}
.line-link{min-height:44px}
