
:root{
  --ink:#0B0C0E; --suite:#121317; --panel:#1A1C21; --line:#2A2D34;
  --bone:#ECEAE4; --dim:#8A8D96; --tally:#FF4127; --scrim:rgba(11,12,14,.55);
  --display:'Archivo',system-ui,sans-serif; --serif:'Instrument Serif',Georgia,serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  --gutter:max(24px,4vw,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)); --maxw:1680px; --hdr:56px; --r:4px;
  --e-out:cubic-bezier(.16,1,.3,1); --e-inout:cubic-bezier(.87,0,.13,1);
  color-scheme:dark;
}
@media (max-width:767px){:root{--gutter:max(16px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--hdr:52px}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:calc(var(--hdr) + 16px);scroll-padding-bottom:72px}
@media (max-width:767px){html{scroll-padding-bottom:96px}}
body{margin:0;background:var(--ink);color:var(--bone);font:400 17px/1.55 var(--display);font-variation-settings:'wdth' 100;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (max-width:767px){body{font-size:16px}}
img,video,svg{display:block;max-width:100%}
a{color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
[hidden]{display:none!important}
::selection{background:var(--tally);color:var(--ink)}
:focus-visible{outline:2px solid var(--tally);outline-offset:3px;border-radius:2px}
[tabindex="-1"]:focus-visible{outline:none}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--bone);color:var(--ink);padding:10px 14px}
.skip:focus{left:8px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mono,.eyebrow{font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;line-height:1.35}
.eyebrow{color:var(--dim);display:block;margin:0 0 16px}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:0}
.h1{font-family:var(--display);font-size:clamp(44px,7.2vw,128px);font-variation-settings:'wdth' 75;font-weight:800;line-height:.92;text-transform:uppercase;letter-spacing:-.01em;margin:0}
.h2{font-family:var(--display);font-size:clamp(34px,5.2vw,88px);font-variation-settings:'wdth' 75;font-weight:760;line-height:.95;letter-spacing:-.005em;margin:0}
.h3{font-family:var(--display);font-size:clamp(24px,2.4vw,36px);font-variation-settings:'wdth' 85;font-weight:700;line-height:1.05;margin:0}
.num{font-family:var(--display);font-variation-settings:'wdth' 62;font-weight:900;font-variant-numeric:tabular-nums;line-height:.9}
.lead{font-size:clamp(17px,1.35vw,21px);line-height:1.5;color:var(--bone);max-width:58ch;margin:0}
.txt{color:var(--dim);max-width:62ch;margin:0}
.txt b,.lead b{color:var(--bone);font-weight:600}
.s{position:relative}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.pad{padding-top:clamp(96px,14vh,180px);padding-bottom:clamp(96px,14vh,180px)}
.s-head{display:grid;gap:18px;margin-bottom:clamp(32px,5vw,64px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line);
  font:500 12.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,transform .2s}
.btn-red{background:var(--tally);border-color:var(--tally);color:var(--ink)}
.btn-ghost{color:var(--bone)}
@media (hover:hover){.btn-red:hover{background:#ff5a42} .btn-ghost:hover{border-color:var(--bone)}}
.link{font:500 12.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--line);padding:12px 0;display:inline-flex;align-items:center;gap:.5em;min-height:44px;box-sizing:border-box}
@media (hover:hover){.link:hover{border-color:var(--tally)}}
.chip{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(11,12,14,.6);color:var(--bone)}
.chip.red{border-color:var(--tally);color:var(--tally)}
.cta-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:clamp(40px,6vw,80px);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  text-decoration:none;font:500 13px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.cta-strip b{color:var(--tally);font-weight:500}
.frame{position:relative;overflow:hidden;background:var(--panel);border-radius:var(--r)}
.frame>img,.frame>video{width:100%;height:100%;object-fit:cover}
img[data-lqip]{background-size:cover;background-position:center}
.v-play{position:absolute;inset:auto auto 12px 12px;z-index:3}            
.corners::before,.corners::after{content:"";position:absolute;width:14px;height:14px;border:1.5px solid var(--bone);opacity:.8;pointer-events:none;z-index:4}
.corners::before{top:14px;left:14px;border-right:0;border-bottom:0}
.corners::after{bottom:14px;right:14px;border-left:0;border-top:0}
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-size:256px;animation:grain .5s steps(8) infinite}
@keyframes grain{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(0,0)}}
@media (max-width:767px),(prefers-reduced-motion:reduce){.grain{animation:none;opacity:.04;mix-blend-mode:normal}}
.hdr{position:fixed;top:0;left:0;right:0;z-index:60;height:calc(var(--hdr) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--gutter) 0;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;transition:transform .35s var(--e-out),background .3s,border-color .3s;border-bottom:1px solid transparent}
.hdr.solid{background:rgba(11,12,14,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--line)}
.hdr.hide{transform:translateY(-100%)}
.hdr-brand{font:600 14px/1 var(--display);letter-spacing:.01em;text-decoration:none;white-space:nowrap;justify-self:start;padding:15px 0}   
.hdr-brand .diamond{color:var(--tally);margin-right:6px}
.hdr-role{color:var(--dim);font-weight:400}
.hdr-nav{display:flex;gap:26px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.hdr-nav a{text-decoration:none;color:var(--dim);padding:10px 0;transition:color .2s}
.hdr-nav a:hover,.hdr-nav a.on{color:var(--bone)}
.hdr-cta{justify-self:end;min-height:40px;padding:0 16px}
.hdr-progress,.hdr-chapters{display:none}
.sheet{position:fixed;inset:auto 0 0 0;z-index:70;background:var(--suite);border-top:1px solid var(--line);padding:18px var(--gutter) calc(24px + env(safe-area-inset-bottom,0px));transform:translateY(100%)}
.sheet a{display:flex;gap:14px;padding:15px 0;min-height:44px;box-sizing:border-box;border-bottom:1px solid var(--line);text-decoration:none;font:500 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.sheet a i{font-style:normal;color:var(--dim)}
@media (max-width:1099px){
  .hdr{grid-template-columns:1fr auto}
  .hdr-nav{display:none}
}
@media (max-width:767px){
  .hdr-role{display:none}
  .hdr-cta{min-height:40px;padding:0 14px;font-size:11px}
  .hdr-progress{display:block;position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
  .hdr-progress i{display:block;height:100%;width:100%;background:var(--tally);transform-origin:0 50%;transform:scaleX(0)}
  .hdr-chapters{display:flex;position:fixed;left:var(--gutter);right:var(--gutter);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:59;justify-content:space-between;align-items:center;
    min-height:48px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:rgba(18,19,23,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .hdr-chapters-l{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
  .js .hdr-chapters{transition:opacity .35s var(--e-out),transform .35s var(--e-out),visibility 0s}
  .js .hdr-chapters:not(.on){opacity:0;transform:translateY(16px);visibility:hidden;transition:opacity .35s var(--e-out),transform .35s var(--e-out),visibility 0s linear .35s}
  body{padding-bottom:80px}
}
.cursor{position:fixed;top:0;left:0;z-index:95;pointer-events:none;display:none}
.cursor-dot{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--bone);transform:rotate(45deg)}
.cursor-ring{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;border:1px solid rgba(236,234,228,.5);border-radius:50%;transition:width .25s var(--e-out),height .25s var(--e-out),margin .25s var(--e-out),border-color .2s}
.cursor-label{position:absolute;left:18px;top:14px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--bone);color:var(--ink);padding:5px 7px;border-radius:999px;opacity:0;transition:opacity .2s;white-space:nowrap}
.cursor.label .cursor-label{opacity:1}
.cursor.play .cursor-ring{width:84px;height:84px;margin:-42px 0 0 -42px;border-color:var(--tally)}
.cursor.btn .cursor-ring{border-color:var(--tally)}
@media (hover:hover) and (pointer:fine){.cursor.on{display:block}}
dialog.player{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:calc(env(safe-area-inset-top,0px) + 14px) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 14px);
  border:0;background:#000;color:var(--bone);overflow:hidden}
dialog.player[open]{display:grid;grid-template-rows:auto 1fr auto auto;gap:12px}
dialog.player::backdrop{background:#000}
dialog.player{touch-action:none;overscroll-behavior:contain}   
.player-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}
.player-top .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-x{width:44px;height:44px;font-size:18px}
.player-stage{position:relative;min-height:0;overflow:hidden}
.player-stage video{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;background:#000}
.player-error{position:absolute;inset:auto 0 50% 0;text-align:center;color:var(--bone)}
.player-bar{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:14px}
.player-bar button{min-width:44px;min-height:44px;font:500 11px/1 var(--mono);letter-spacing:.08em}
.player-track{position:relative;height:28px;cursor:pointer;touch-action:none}
.player-track::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--line)}
.player-fill{position:absolute;left:0;top:50%;height:2px;width:100%;background:var(--bone);transform-origin:0 50%;transform:scaleX(0)}
.player-head{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--tally)}
.player-head::before{content:"";position:absolute;top:-2px;left:-5px;border:6px solid transparent;border-top-color:var(--tally)}
.player-credit{color:var(--dim);margin:0;text-transform:none;letter-spacing:.02em}
@media (max-width:767px){.player-bar{grid-template-columns:auto 1fr auto auto}.player-tc{display:none}}
.iris{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;z-index:120;pointer-events:none;visibility:hidden}
.iris.on{visibility:visible}
.js [data-reveal]{opacity:0;transform:translateY(24px)}
.js [data-reveal].in{opacity:1;transform:none;transition:opacity .9s var(--e-out),transform .9s var(--e-out)}
.ftr{padding:48px var(--gutter) calc(48px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:grid;gap:6px;font:500 11.5px/1.5 var(--mono);letter-spacing:.04em;color:var(--dim)}
.ftr p{margin:0} .ftr a{color:var(--bone);display:inline-flex;align-items:center;min-height:44px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js [data-reveal]{opacity:1;transform:none}
  .cursor{display:none!important}
}
.s.is-static [data-reveal]{opacity:1!important;transform:none!important}
