*{box-sizing:border-box}
html{background:#08090a}
body{margin:0;background:#08090a;color:#e9ebeb;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#e9ebeb;text-decoration:none}
a:hover{color:var(--ac,#f2b45c)}
.card-title{color:rgba(233,235,235,.65);transition:color .3s ease}
a:hover .card-title{color:rgba(233,235,235,1)}
a.card-title:hover{color:rgba(233,235,235,1)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;letter-spacing:inherit}
h1,h2,h3,p{margin:0}
::selection{background:var(--ac,#f2b45c);color:#08090a}
:root{--pad:clamp(18px,3.4vw,58px);--card-a:min(72vh,44vw);--card-b:min(60vh,36vw);--title:clamp(38px,7.4vw,118px);--title-s:clamp(26px,3.9vw,61px);--hud:10px}
@media (max-width:820px){:root{--pad:18px;--card-a:46vh;--card-b:34vh;--title:clamp(32px,9.4vw,54px);--title-s:clamp(26px,7.6vw,44px);--hide-sm:none}}
@keyframes om-scan{0%{transform:translateX(-2vw)}100%{transform:translateX(102vw)}}
@keyframes om-drift{from{background-position:0 0}to{background-position:126px 0}}
@keyframes om-blink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes om-cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.watch-btn:hover{background:var(--ac,#f2b45c);border-color:var(--ac,#f2b45c);color:#08090a}
.nav-tile:hover{background:rgba(255,255,255,.03)}
.still-thumb{transition:filter .55s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.still-thumb:hover{filter:brightness(1.15) contrast(1.04)}