:root {
  --bg:#0d1417;--ink:#ece6db;--text:#b6bdbd;--muted:#899497;--amber:#f59f00;
  --serif:'Newsreader',Georgia,serif;--sans:'Inter',system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
h1,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}button,a,input{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--amber);outline-offset:5px}::selection{background:#674a34;color:var(--ink)}
.container{width:min(1256px,calc(100% - 112px));margin-inline:auto}
.site-header{height:96px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:5}
.brand{--wordmark-size:32px;display:flex;align-items:baseline;gap:.326056em;font-size:var(--wordmark-size);width:max-content;color:var(--ink)}
.brand img{display:block;width:1.186295em;height:.771563em;transform:translateY(.01078125em)}
.brand span{font:500 1em/1 var(--serif);font-optical-sizing:none;font-variation-settings:'opsz' 72;letter-spacing:-.012em}
main{flex:1;display:flex;align-items:center;width:100%;isolation:isolate}
.hero{width:100%;position:relative;padding-bottom:28px}
.hero-stage{position:relative;width:100%;height:clamp(360px,48svh,510px);isolation:isolate}
.motion-scene{position:absolute;inset:-190px 0;overflow:hidden;pointer-events:none;z-index:-1;
  --ambient-feather-x:linear-gradient(90deg,transparent 0%,#00000007 2.5%,#0000001b 5%,#00000037 7.5%,#0000005a 10%,#00000080 12.5%,#000000a5 15%,#000000c8 17.5%,#000000e4 20%,#000000f8 22.5%,black 25%,black 75%,#000000f8 77.5%,#000000e4 80%,#000000c8 82.5%,#000000a5 85%,#00000080 87.5%,#0000005a 90%,#00000037 92.5%,#0000001b 95%,#00000007 97.5%,transparent 100%);
  --ambient-feather-y:linear-gradient(180deg,transparent 0%,#0000001b 3%,#0000005a 6%,#000000a5 9%,#000000e4 12%,black 15%,black 80%,#000000e4 84%,#000000a5 88%,#0000005a 92%,#0000001b 96%,transparent 100%);
}
.motion-scene iframe,.motion-scene::before{position:absolute;width:clamp(820px,90vw,1280px);aspect-ratio:16/9;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);mask-image:var(--ambient-feather-x),var(--ambient-feather-y);mask-composite:intersect;transition:opacity 900ms}
.motion-scene iframe{border:0;opacity:0}
.motion-scene::before{content:'';background:url('assets/ambient-poster.jpg') center/100% 100%;opacity:.76}
.motion-loaded .motion-scene iframe{opacity:.76}.motion-loaded .motion-scene::before{opacity:0}
.hero-overprint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
h1{font:400 76px/1.08 var(--serif);letter-spacing:-.035em;text-align:center;color:var(--ink);max-width:calc(100% - 80px);padding:.12em .15em;transform:translateY(.14em);text-shadow:0 2px 22px #090e1290}
h1 em{font-weight:400}.mobile-title-break{display:none}
.ambient-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 8px;font-size:11px;color:#929c9d;border-radius:4px;margin-right:-8px}
.ambient-toggle:hover{background:#ece6db08}.ambient-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;display:block}
.hero-intro{text-align:center;padding-top:18px;position:relative}
.hero-description{font-size:16px;line-height:1.75;max-width:600px;margin:auto;color:#b4bcbb;text-wrap:balance}
.description-detail{display:block;text-wrap:balance}
.film-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:25px;padding:10px 21px;border:1px solid #ece6db38;border-radius:999px;font-size:14px;color:var(--ink);transition:background .2s,border-color .2s}
.film-button:hover{background:#ece6db0c;border-color:#ece6db70}.play-symbol{width:16px;height:20px;display:grid;place-content:center}.play-symbol svg{width:16px;height:16px;fill:currentColor}.film-duration{font-size:12px;color:var(--muted);margin-left:3px;font-variant-numeric:tabular-nums}
.release-note{text-align:center;margin-top:30px;position:relative}
.release-message{font-size:12px;line-height:1.8;color:#99a4a4;text-wrap:balance}.release-time{white-space:nowrap;color:#bac1bd}.release-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#d5aa69;margin-right:8px;vertical-align:3px}
.site-footer{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;color:#808d90;position:relative}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px}
.hero-stage.is-cinema{height:auto;aspect-ratio:16/9;width:min(1200px,calc(100% - 112px),calc((100svh - 144px)*1.7777778));margin:64px auto 80px;scroll-margin-top:64px}
.is-cinema .motion-scene,.is-cinema .hero-overprint{display:none}.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#080b0f;border-radius:6px}
.cinema-toolbar{position:absolute;top:-56px;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#929c9d;font-size:12px}
.cinema-toolbar button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 8px;margin-left:-8px;color:#c4cbc7;font-size:13px;border-radius:4px}.cinema-toolbar button:hover{color:var(--ink)}.cinema-toolbar button>span{font-size:18px}
.cinema-transport{position:absolute;bottom:-72px;left:0;right:0;display:grid;grid-template-columns:44px 1fr 44px;grid-template-rows:24px 44px;column-gap:8px;align-items:center;color:#bac3c1}
.cinema-transport input{grid-column:1/-1;grid-row:1;width:100%;height:24px;min-width:0;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:none;--progress:0%}
.cinema-transport input::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(to right,#d2d4c9 0 var(--progress),#ece6db30 var(--progress) 100%)}
.cinema-transport input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-top:-3px;border:0;border-radius:50%;background:#d2d4c9;transition:transform .15s}
.cinema-transport input::-moz-range-track{height:2px;border-radius:1px;background:linear-gradient(to right,#d2d4c9 0 var(--progress),#ece6db30 var(--progress) 100%)}
.cinema-transport input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:#d2d4c9}
.cinema-transport input:hover::-webkit-slider-thumb,.cinema-transport input:focus-visible::-webkit-slider-thumb,.is-scrubbing input::-webkit-slider-thumb{transform:scale(1.35)}
.cinema-transport input:focus-visible{outline:1px solid #ece6db85;outline-offset:3px;border-radius:3px}
.cinema-icon{grid-row:2;width:44px;height:44px;padding:0;display:grid;place-content:center;border-radius:4px}.cinema-icon:hover{background:#ece6db08;color:var(--ink)}.cinema-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#cinema-pause{grid-column:1;margin-left:-12px}#cinema-sound{grid-column:3;justify-self:end;margin-right:-12px}
.icon-play{fill:currentColor;stroke:none}#cinema-pause[data-state="playing"] .icon-play,#cinema-pause[data-state="paused"] .icon-pause,#cinema-sound[data-muted="false"] .sound-off,#cinema-sound[data-muted="true"] .sound-on{display:none}
.cinema-transport output{grid-row:2;grid-column:2;margin-left:-8px;font-size:11px;color:#929d9f;font-variant-numeric:tabular-nums;white-space:nowrap}
.hero:has(.is-cinema) .hero-intro{display:none}.film-transcript{max-width:720px;margin-top:30px;font-size:13px}.film-transcript summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding-block:14px;list-style:none}.film-transcript summary::-webkit-details-marker{display:none}.film-transcript summary>span{color:var(--amber)}.film-transcript[open] summary>span{rotate:45deg}.film-transcript p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:20px}
@media(min-width:1600px){h1{font-size:82px}}
@media(max-width:1100px){.container{width:calc(100% - 80px)}h1{font-size:70px}}
@media(max-width:850px){.container{width:calc(100% - 48px)}.site-header{height:88px}.brand{--wordmark-size:29px}h1{font-size:60px}.hero-stage{height:390px}}
@media(max-width:650px){
 .container{width:calc(100% - 40px)}.site-header{height:82px}.brand{--wordmark-size:28px}
 main{align-items:flex-start}.hero{padding-bottom:18px}.hero-stage{height:330px}.motion-scene{inset:-70px 0}.motion-scene iframe,.motion-scene::before{width:820px;height:462px;aspect-ratio:auto}
 h1{font-size:44px;transform:translateY(.14em);line-height:1.08;max-width:calc(100% - 36px);padding-inline:0}.mobile-title-break{display:inline}
 .hero-intro{padding-top:18px}.hero-description{font-size:15px;line-height:1.75;max-width:330px}.film-button{margin-top:24px;font-size:14px}
 .release-note{margin-top:26px;max-width:280px}.release-message{font-size:12px}.site-footer{height:72px;font-size:10px;gap:16px}.ambient-toggle{font-size:10px}
 .cinema-toolbar button{font-size:12px}.cinema-toolbar>span{font-size:11px}.film-transcript{font-size:12px}.film-transcript p{font-size:13px}
}
@media(max-width:360px){.brand{--wordmark-size:26px}.hero-stage{height:300px}h1{font-size:38px;transform:translateY(.14em)}.motion-scene iframe,.motion-scene::before{width:760px;height:428px;aspect-ratio:auto}.hero-description{font-size:14px}.release-note{margin-top:24px}.site-footer{height:64px}}
@media(min-width:851px) and (max-height:820px){.site-header{height:80px}.hero-stage{height:360px}.motion-scene iframe,.motion-scene::before{width:1100px}h1{font-size:70px}.hero-intro{padding-top:18px}.hero-description{font-size:16px}.film-button{margin-top:24px}.release-note{margin-top:26px}.hero{padding-bottom:20px}.site-footer{height:58px}.hero-stage.is-cinema{height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ambient-toggle{display:none}}
.cinema-surface{position:absolute;inset:0;width:100%;height:100%;z-index:1;border-radius:6px}
.cinema-surface:focus-visible{outline-offset:4px}
.cinema-toolbar,.cinema-transport{z-index:2}
.film-status{max-width:380px;margin:12px auto 0;font-size:12px;color:var(--muted);text-wrap:balance}
.not-found-page{background:radial-gradient(ellipse at 50% 45%,#a52b7c08,transparent 65%),var(--bg)}
.not-found-page main{justify-content:center;padding:40px 20px}
.not-found{text-align:center;max-width:680px}
.not-found-code{font:12px/1.6 'Space Mono',monospace;letter-spacing:.1em;color:var(--amber);margin-bottom:20px}
.not-found h1{font-size:clamp(40px,6vw,68px);max-width:none;padding:0;transform:none;line-height:1.1}
.not-found-description{font-size:15px;line-height:1.7;max-width:400px;margin:24px auto 0;text-wrap:balance}
.not-found .film-button{margin-top:30px}
.not-found-page .site-footer{justify-content:center}.site-footer a{display:inline-block;padding-block:14px;margin-block:-14px;transition:color .2s}.site-footer a:hover{color:var(--ink)}

html:has(.is-cinema[data-format="reel"]){overflow:hidden}
main:has(.is-cinema[data-format="reel"]){position:relative;z-index:10}
.hero-stage.is-cinema[data-format="reel"]{position:fixed;inset:0;z-index:10;width:100%;height:100dvh;aspect-ratio:auto;margin:0;background:#080b0f}
[data-format="reel"] .cinema-video{border-radius:0}
[data-format="reel"] .cinema-surface{border-radius:0}
[data-format="reel"] .cinema-toolbar{top:0;height:auto;padding:max(4px,env(safe-area-inset-top)) 16px 20px;background:linear-gradient(#080b0fb8,#080b0f00)}
[data-format="reel"] .cinema-toolbar button{margin-left:-8px}
[data-format="reel"] .cinema-transport{bottom:0;padding:24px 16px max(6px,env(safe-area-inset-bottom));background:linear-gradient(#080b0f00,#080b0fb8)}
.motion-scene iframe,.motion-scene::before{left:round(50%,1px);top:round(50%,1px)}
#cinema-start{visibility:hidden}.js-ready #cinema-start{visibility:visible}
[data-format="reel"] .cinema-surface:focus-visible{outline-offset:-6px}