@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--gold:#dfbd7d;--ink:#f4ecd9;--muted:#aaa49a;--bar:clamp(32px,6svh,64px);font-family:Manrope,Arial,sans-serif;background:#000;color:var(--ink);scrollbar-color:#686051 #0b0b0b;scrollbar-width:thin}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:280px}.page{min-height:100svh;position:relative;isolation:isolate;background:#000}main{min-height:100svh;display:grid;place-items:center;position:relative}
.scene{position:fixed;inset:0;z-index:0;display:grid;place-items:center;background:#000;pointer-events:auto}
.film-frame{width:min(100vw,calc((100svh - var(--bar) * 2) * 16 / 9));aspect-ratio:16/9;position:relative;overflow:hidden;background:#000}
.scene video{display:block;width:100%;height:100%;object-fit:contain;transition:filter .7s ease,transform .7s ease}
.page.is-ended .scene video{filter:blur(9px) brightness(.58);transform:scale(1.035)}
.masthead{position:fixed;top:0;left:28px;z-index:3;height:var(--bar);display:flex;align-items:center;pointer-events:none;mix-blend-mode:screen}.wordmark{position:relative;width:156px;height:36px;overflow:hidden}.wordmark img{position:absolute;width:100%;height:auto;top:50%;transform:translateY(-50%)}
.playback{position:fixed;bottom:0;left:24px;right:24px;height:var(--bar);z-index:4;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:screen}
.playback button{cursor:pointer;min-height:44px;min-width:120px;padding:0 8px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--gold)}.playback button:hover{border-color:#9b713c}
.control-label{display:block;width:130px;height:36px;background-image:url('/assets/control-labels.png');background-repeat:no-repeat;background-size:100% 400%}.control-label[data-label=on]{background-position:50% 0%}.control-label[data-label=off]{background-position:50% 33.3333%}.control-label[data-label=skip]{background-position:50% 66.6667%}
.loading-status{position:fixed;top:50%;left:0;right:0;text-align:center;z-index:4;color:var(--gold);font-size:.875rem;text-shadow:0 2px 10px #000;margin:0}
.announcement{position:relative;z-index:2;text-align:center;width:min(92vw,780px);padding:30px 0;mix-blend-mode:screen;animation:arrive .65s ease-out both}
/* Blend the whole lettering layer against the film, not an isolated child. */
h1{position:relative;width:min(600px,88vw);height:116px;overflow:hidden;margin:0 auto 22px}h1 img{position:absolute;width:100%;height:auto;top:50%;left:0;transform:translateY(-50%)}
.follow{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:66px;padding:8px 24px;border:1px solid #bd914d;border-radius:4px;color:var(--gold);background:transparent;text-decoration:none;transition:border-color .18s,transform .18s}.follow:hover{border-color:#ffe1a5;transform:translateY(-2px)}.follow:active{transform:translateY(0)}.follow svg{width:24px;height:24px;flex-shrink:0}.follow-lettering{position:relative;display:block;width:224px;height:44px;overflow:hidden}.follow-lettering img{position:absolute;width:100%;height:auto;top:50%;left:0;transform:translateY(-50%)}
.loading-line{height:2px;width:72px;margin:0 auto 18px;background:#3a2d19;overflow:hidden}.loading-line span{display:block;width:28px;height:100%;background:var(--gold);animation:prelaunch 3s ease-in-out infinite}
a:focus-visible,button:focus-visible,video:focus-visible{outline:2px solid var(--ink);outline-offset:4px}h1:focus{outline:none}
.video-error{position:fixed;bottom:var(--bar);left:20px;right:20px;z-index:5;font-size:.875rem;line-height:1.6;color:var(--muted);text-align:center}.video-error a{color:var(--gold)}
.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}
@keyframes prelaunch{from{transform:translateX(-30px)}to{transform:translateX(74px)}}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b0b0b}::-webkit-scrollbar-thumb{background:#686051;border-radius:6px;border:2px solid #0b0b0b}::-webkit-scrollbar-thumb:hover{background:#93816a}
@media(max-width:650px){:root{--bar:48px}.masthead{left:18px}.wordmark{width:140px;height:32px}.playback{left:10px;right:10px}.control-label{width:112px;height:32px}.playback button{min-width:112px}.announcement{width:94vw;padding:16px 0}h1{width:88vw;height:70px;margin-bottom:12px}.loading-line{margin-bottom:10px}.follow{min-height:52px;padding:2px 14px;gap:12px}.follow-lettering{width:min(195px,52vw);height:38px}.follow svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.follow:hover{transform:none}.loading-line span{transform:translateX(22px)}}
@media(forced-colors:active){.follow,.playback button{border-color:ButtonText;color:LinkText}.loading-line{background:GrayText}.loading-line span{background:CanvasText}}