@charset "UTF-8";:root{--bg:#0A0A0A;--fg:#F4F4F1;--gr:#F0EA22;--mut:rgba(244,244,241,.62);--hair:rgba(244,244,241,.17);--dsp:"Inter",system-ui,sans-serif;--tgt:"Inter",system-ui,sans-serif;--bdy:"Inter",system-ui,sans-serif;--mn:"Inter",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:#0a0a0a}body{font-family:var(--bdy);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;touch-action:none}@media (pointer: fine){body{cursor:none}}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;contain:strict}#bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);will-change:background-color}canvas#cv{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#back{z-index:1}canvas#grl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;will-change:opacity}#front{z-index:3}#grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background-repeat:repeat;background-size:170px 170px}#ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.ch{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden}.e{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;will-change:transform,opacity}.e.wrap{white-space:normal}.dsp{font-family:var(--dsp);font-weight:700;letter-spacing:-.042em;line-height:.95}.dsp.w5{font-weight:500;letter-spacing:-.025em}.tgt{font-family:var(--tgt);font-weight:600;letter-spacing:-.028em;line-height:1.02}.mn{font-family:var(--mn);font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(8px,.62vw,11px);line-height:1.5;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.mn.sm{font-size:clamp(7px,.52vw,9.5px);letter-spacing:.24em}.mut{color:var(--mut)}.gr{color:var(--gr)}.ctr{text-align:center}#mark{position:absolute;left:clamp(16px,2.2vw,34px);top:clamp(16px,2.2vw,30px);opacity:0;display:flex;align-items:center;gap:7px;color:var(--fg);will-change:opacity,transform;background:none;border:0;font:inherit;padding:0;pointer-events:none;cursor:none}#mark i{display:block;width:5px;height:5px;background:var(--gr);border-radius:50%;flex:none;transition:transform .5s cubic-bezier(.16,1,.3,1)}#mark>svg.wmk{transition:transform .5s cubic-bezier(.16,1,.3,1)}#mark:hover>svg.wmk{transform:translateY(-2px)}#mark:hover i{transform:translateY(-2px) scale(1.5)}svg.wmk{display:block;height:clamp(11px,.88vw,15px);width:auto}svg.wmb{display:block;width:100%;height:auto}.wmask{overflow:hidden}.wmask>svg{width:100%;height:auto;display:block;will-change:transform}#nav{position:absolute;right:clamp(16px,2.2vw,34px);top:clamp(13px,1.9vw,26px);opacity:0;display:flex;align-items:center;gap:clamp(7px,.6vw,12px)}#nav #blog,#nav #tech,#nav #topr{display:inline-flex;align-items:center;gap:.6em;white-space:nowrap;text-decoration:none;font-family:var(--dsp);font-weight:700;letter-spacing:-.02em;font-size:clamp(11px,.86vw,14px);padding:.74em 1.15em;border:0;border-radius:999px;pointer-events:auto;cursor:none;transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,color .35s}#nav #blog,#nav #tech{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--hair)}#nav #blog:hover,#nav #tech:hover{background:var(--fg);color:var(--bg);box-shadow:none}#nav #topr{background:var(--gr);color:var(--bg)}#nav #blog:hover,#nav #tech:hover,#nav #topr:hover{transform:translateY(-2px)}#nav .ar{display:inline-block;transition:transform .45s cubic-bezier(.16,1,.3,1)}#nav #blog:hover .ar,#nav #tech:hover .ar,#nav #topr:hover .ar{transform:translate(4px)}@media (max-width: 560px){#nav{gap:6px}#nav #blog,#nav #tech,#nav #topr{font-size:11px;padding:0 .82em;min-height:40px;justify-content:center}#nav .ar{display:none}.mn{font-size:10px}.mn.sm{font-size:9px}#mark{padding:14px 12px;margin:-14px -12px}#preplay{min-height:40px}}#meta{position:absolute;left:clamp(16px,2.2vw,34px);bottom:clamp(16px,2.2vw,28px);opacity:0}#meta b{font-weight:500;color:var(--fg)}#hint{position:absolute;left:50%;bottom:clamp(22px,3.4vh,42px);transform:translate(-50%);opacity:0}#hint,#preskip,#preplay{display:inline-flex;align-items:center;gap:.9em;padding:.95em 1.5em;border-radius:999px;font-size:clamp(10px,.78vw,12px);font-weight:600;letter-spacing:.22em;line-height:1.2;color:var(--fg);white-space:nowrap;background:#0a0a0a61;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 38%,transparent),0 8px 28px #00000047}#hint .bar{display:block;flex:none;background:var(--gr);border-radius:2px}#hint .bar{width:2px;height:15px;animation:hintNudge 1.8s cubic-bezier(.45,0,.2,1) infinite}@keyframes hintNudge{0%,to{transform:translateY(-2px);opacity:.55}50%{transform:translateY(3px);opacity:1}}@media (prefers-reduced-motion: reduce){#hint .bar{animation:none}}#preplay{position:absolute;left:50%;bottom:calc(clamp(22px,3.4vh,42px) + 62px);transform:translate(-50%);border:0;cursor:none;opacity:0;pointer-events:none;transition:background .35s,color .35s,box-shadow .35s}#preplay i{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor;display:block;flex:none}#preplay:hover{background:var(--fg);color:var(--bg);box-shadow:none}#preplay i{color:var(--gr)}#preplay:hover i{color:var(--bg)}@media (pointer: coarse){#preplay{cursor:pointer}}#rail{position:absolute;right:clamp(14px,1.7vw,26px);top:50%;transform:translateY(-50%);height:min(64vh,540px);width:34px;pointer-events:auto;opacity:0}#rail .track{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--mut);opacity:.4;transform:translate(-.5px)}#rail .fill{position:absolute;left:50%;top:0;width:2px;background:var(--gr);transform:translate(-1px);height:0;border-radius:2px}#rail .knob{position:absolute;left:50%;width:16px;height:2px;background:var(--gr);border-radius:2px;transform:translate(-50%,-1px)}#rail .mk{position:absolute;left:50%;width:34px;height:18px;transform:translate(-50%,-50%);cursor:none;pointer-events:auto}#rail .mk:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:2px;border-radius:2px;background:var(--fg);opacity:.42;transform:translate(-50%,-50%);transition:width .3s cubic-bezier(.2,.7,.2,1),opacity .3s,background .3s}#rail .mk:hover:after{width:20px;opacity:1;background:var(--gr)}#rail .mk.act:after{width:20px;opacity:1;background:var(--gr)}#rail .lb{position:absolute;right:30px;top:50%;transform:translateY(-50%) translate(6px);white-space:nowrap;opacity:0;transition:opacity .28s,transform .28s cubic-bezier(.2,.7,.2,1);font-family:var(--mn);font-weight:600;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bg);background:var(--gr);padding:.42em .7em;border-radius:999px;pointer-events:none}#rail .mk:hover .lb{opacity:1;transform:translateY(-50%) translate(0)}#cursor{position:fixed;left:0;top:0;z-index:22;pointer-events:none;mix-blend-mode:difference}#cdot,#cring{position:absolute;left:0;top:0;border-radius:50%}#cdot{width:5px;height:5px;background:#fff;transform:translate(-50%,-50%)}#cring{width:34px;height:34px;border:1px solid rgba(255,255,255,.55);transform:translate(-50%,-50%) scale(1)}@media (pointer: coarse){#cursor{display:none}}.vid{position:absolute;left:50%;top:50%;overflow:hidden;will-change:transform,opacity;transform-origin:50% 50%;background:#0b0b0b;opacity:0}.vid video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;pointer-events:none;background:#0b0b0b;display:block}.som{position:absolute;z-index:6;opacity:0;pointer-events:none;visibility:hidden;font-family:var(--mn);font-size:clamp(8px,.62vw,10px);letter-spacing:.2em;text-transform:uppercase;color:#0b0b0b;background:var(--gr);border:0;border-radius:999px;padding:.68em 1.15em;cursor:none;white-space:nowrap;will-change:opacity,transform;transition:filter .35s ease}.som:hover{filter:brightness(1.12)}.som:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#0b0b0b;margin-right:.7em;vertical-align:middle;transform:translateY(-1px)}.frag{font-family:var(--tgt);font-weight:500;letter-spacing:-.01em}img.cli{display:block;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}.svc{font-family:var(--dsp);font-weight:700;letter-spacing:-.045em;line-height:.98}.svcd{font-family:var(--tgt);font-weight:400;letter-spacing:-.005em;line-height:1.35}.pjt{font-family:var(--dsp);font-weight:700;letter-spacing:-.05em;line-height:.95;mix-blend-mode:difference;color:#f5f5f2}#cta{display:block;pointer-events:auto}#cta a.big{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;text-decoration:none;color:var(--bg);background:var(--gr);border-radius:clamp(18px,2vw,30px);padding:clamp(18px,2.2vw,34px);cursor:none;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s}#cta .lab{font-family:var(--mn);font-weight:600;font-size:clamp(8px,.62vw,11px);letter-spacing:.2em;text-transform:uppercase;opacity:.62}@media (max-width: 560px){#cta .lab{font-size:10px}}#cta .tx{font-family:var(--dsp);font-weight:700;letter-spacing:-.04em;line-height:.96;white-space:normal;max-width:78%}#cta .ar{position:absolute;right:clamp(16px,2vw,30px);bottom:clamp(16px,2vw,30px);display:flex;align-items:center;justify-content:center;width:clamp(40px,4.2vw,66px);height:clamp(40px,4.2vw,66px);border-radius:50%;background:var(--bg);color:var(--gr);font-size:clamp(16px,1.6vw,26px);transition:transform .55s cubic-bezier(.16,1,.3,1)}#cta a.big:hover{transform:translateY(-4px);filter:brightness(1.05)}#cta a.big:hover .ar{transform:translate(4px,-2px)}a.lnk{color:inherit;text-decoration:none;pointer-events:auto;position:relative}a.lnk:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:currentColor;opacity:.3;transform-origin:0 50%;transform:scaleX(0);transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s}a.lnk:hover:after{transform:scaleX(1);opacity:.9}#social{display:flex;gap:clamp(14px,1.6vw,26px)}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0a0a;display:flex;align-items:center;justify-content:center;transition:opacity .9s ease .1s;pointer-events:none}#loader.gone{opacity:0}#loader .lw{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.4vw,30px);color:#f4f4f180}#loader .lw .lb{font-family:var(--mn);font-size:10px;letter-spacing:.34em;text-transform:lowercase}#loader .lg{position:relative;width:clamp(64px,7vw,104px);aspect-ratio:2000/2055}#loader .lg svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#loader .lg-base path{fill:#f4f4f11a}#loader .lg-base{animation:lgPulse 2.2s ease-in-out infinite}#loader .lg-fill path{fill:var(--gr)}#loader .lg-fill{clip-path:inset(calc((1 - var(--p, 0)) * 100%) 0 0 0)}@keyframes lgPulse{50%{opacity:.45}}@media (prefers-reduced-motion: reduce){#loader .lg-base{animation:none}}#pre{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;overflow:hidden;opacity:1;transition:opacity .8s cubic-bezier(.4,0,.2,1)}#pre:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,#0a0a0a4d,#0a0a0ab8 78%);opacity:0;transition:opacity 1.1s cubic-bezier(.16,1,.3,1) .1s}#pre.in:before{opacity:1}#pre.gone{opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility 0s .8s}#preframe{position:absolute;left:50%;top:50%;z-index:0;width:min(78vw,(100vh - 170px) * 16 / 9,1180px);aspect-ratio:16/9;border-radius:clamp(10px,1.2vw,18px);overflow:visible;background:#050505;transform:translate(-50%,-50%) scale(.93);opacity:0;filter:blur(10px);box-shadow:0 0 0 1px #f0ea2200,0 0 #f0ea2200,0 40px 120px #0009;transition:transform 1.25s cubic-bezier(.16,1,.3,1) .12s,opacity .9s ease .12s,filter 1.1s cubic-bezier(.16,1,.3,1) .12s,box-shadow 1.5s ease .2s}#pre.in #preframe{transform:translate(-50%,-50%) scale(1);opacity:1;filter:blur(0);box-shadow:0 0 0 1px #f0ea2252,0 0 clamp(34px,4.6vw,84px) #f0ea223d,0 40px 120px #0009;animation:frameGlow 4.5s ease-in-out 1.8s infinite}#pre.gone #preframe{transform:translate(-50%,-50%) scale(1.06);opacity:0;filter:blur(8px);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .6s ease,filter .7s ease,box-shadow .6s ease;animation:none}@keyframes frameGlow{50%{box-shadow:0 0 0 1px #f0ea2266,0 0 clamp(44px,6vw,110px) #f0ea2252,0 40px 120px #0009}}@media (max-width: 560px){#preframe{width:92vw}}@media (prefers-reduced-motion: reduce){#preframe,#pre.in #preframe,#pre.gone #preframe{transition:opacity .4s ease;transform:translate(-50%,-50%);filter:none;animation:none}}#pre video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#050505;border:0;border-radius:inherit;z-index:0;pointer-events:none}#pre iframe,#pre #preyt{position:absolute;top:0;right:0;bottom:0;left:0;border:0;display:block;z-index:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}#preshield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;cursor:none}@media (pointer: coarse){#preshield{cursor:pointer}}#preskip{z-index:2;position:absolute;right:clamp(16px,2.4vw,38px);bottom:clamp(22px,3.4vh,42px);pointer-events:auto;cursor:none;opacity:0;transition:opacity .5s ease,background .35s,color .35s,box-shadow .35s}#preskip.on{opacity:1}#preskip:hover{background:var(--fg);color:var(--bg);box-shadow:none}#prego{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:clamp(72px,7vw,104px);aspect-ratio:1;border:0;border-radius:50%;background:#0a0a0a8c;box-shadow:inset 0 0 0 1px #f4f4f180;display:flex;align-items:center;justify-content:center;cursor:none;pointer-events:auto;transition:background .35s,transform .45s cubic-bezier(.16,1,.3,1)}#prego[hidden]{display:none}#prego i{display:block;width:0;height:0;margin-left:6%;border-style:solid;border-width:.7em 0 .7em 1.2em;border-color:transparent transparent transparent var(--fg);font-size:clamp(20px,2vw,30px)}#prego:hover{background:#0a0a0acc;transform:translate(-50%,-50%) scale(1.06)}@media (pointer: coarse){#prego{cursor:pointer}}#preskip{justify-content:center;padding-right:1.28em}@media (pointer: coarse){#preskip{cursor:pointer}}.hc-a11y{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;white-space:nowrap}.hc-a11y a:focus-visible,.hc-a11y button:focus-visible{position:fixed;left:16px;top:16px;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;z-index:999;display:inline-flex;align-items:center;gap:.5em;padding:.8em 1.2em;background:var(--gr);color:#0a0a0a;font-family:var(--dsp);font-weight:700;font-size:14px;border-radius:.6em;outline:3px solid #fff;outline-offset:2px;text-decoration:none;cursor:auto}#nav #blog:focus-visible,#nav #tech:focus-visible,#nav #topr:focus-visible,#preplay:focus-visible{outline:2px solid var(--fg);outline-offset:3px}#nav:focus-within{opacity:1!important;pointer-events:auto!important}#mark:focus-visible{opacity:1!important;pointer-events:auto!important;outline:2px solid var(--fg);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}#cursor{display:none!important}body,#nav #blog,#nav #tech,#nav #topr,#preplay,#rail .mk,#cta a.big{cursor:auto!important}}
