
:root{
  --bg:#050505; --s1:#0B0B0B; --s2:#111111; --s3:#181818;
  --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.12); --line3:rgba(255,255,255,.2);
  --text:#EDEDED; --muted:#A0A0A0; --dim:#6E6E6E; --chrome:#C9C9C9;
  --red:#FF1A1A; --red2:#FF4D3D; --deep:#8F0000;
  --serif:'Instrument Serif',Georgia,serif;
  
  --t-display:clamp(44px,6.3vw,88px); --t-h2:clamp(38px,5vw,66px); --t-h3:clamp(30px,3.3vw,44px);
  --r-frame:22px; --r-card:20px; --r-inner:14px; --r-you:18px 18px 6px 18px;
  --s-section:clamp(72px,8vw,112px); --sans:'Geist',system-ui,sans-serif;
  --wrap:1200px; --pad:clamp(16px,4vw,40px);
  --ease:cubic-bezier(.22,.8,.22,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video,iframe{display:block;max-width:100%}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--chrome);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);position:relative}
.skip{position:absolute;left:-999px;top:8px}.skip:focus{left:8px;background:var(--text);color:var(--bg);padding:8px 12px;z-index:99}
h1,h2,h3,h4,p{margin:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}
h2{font-size:var(--t-h2);line-height:1.02}
.sub{color:var(--muted);font-size:clamp(16px,1.5vw,18px);line-height:1.6;max-width:34em}
.center{text-align:center}.center .sub{margin-left:auto;margin-right:auto}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;border:0;font:500 15px/1 var(--sans);cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease),background .2s,box-shadow .2s}
.btn:active{transform:scale(.97)}
.btn--red{background:var(--red);color:#fff;box-shadow:0 0 0 1px rgba(255,80,60,.5) inset,0 8px 30px -8px rgba(255,26,26,.7)}
.btn--red:hover{background:#ff2e2e;box-shadow:0 0 0 1px rgba(255,120,100,.6) inset,0 10px 40px -6px rgba(255,26,26,.85)}
.btn--white{background:var(--text);color:#000}.btn--white:hover{background:#fff}
.btn--ghost{background:rgba(255,255,255,.03);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}.btn--ghost:hover{box-shadow:inset 0 0 0 1px var(--line3);background:rgba(255,255,255,.06)}
.btn--sm{height:34px;padding:0 15px;font-size:14px}
form.js-form{margin:0}


.nav{position:fixed;top:12px;left:0;right:0;z-index:60;pointer-events:none;padding:0 12px}
.nav .wrap{pointer-events:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;max-width:1080px;padding:0 8px 0 18px;border-radius:999px;
  background:rgba(16,16,16,.5);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.08),0 12px 40px -14px rgba(0,0,0,.85);transition:background .3s,box-shadow .3s}
.nav.on .wrap{background:rgba(10,10,10,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1),0 16px 50px -16px #000,0 0 40px -20px rgba(255,26,26,.35)}
.nav .wrap::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,80,60,.55),transparent);opacity:0;transition:opacity .3s}
.nav.on .wrap::after{opacity:1}
.brand{display:flex;align-items:center;gap:10px;font:600 16px/1 var(--sans);letter-spacing:-.01em}
.brand img{width:22px;height:22px}
.nav__links{display:flex;gap:2px;font-size:14px;color:var(--muted)}
.nav__links a{padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}.nav__links a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.nav__right{display:flex;justify-content:flex-end;align-items:center;gap:10px}
@media (max-width:860px){.nav .wrap{grid-template-columns:1fr auto;padding-left:14px}.nav__links{display:none}.nav__signin{padding:0 12px}}
footer{border-top:1px solid var(--line);padding:56px 0 40px;font-size:14px;color:var(--muted)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.foot__top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.foot__line{font:400 clamp(32px,4vw,52px)/1 var(--serif);color:var(--text);letter-spacing:-.02em}
footer{position:relative;overflow:hidden}
.foot__mark{font:400 clamp(90px,19vw,280px)/.8 var(--serif);letter-spacing:-.04em;text-align:center;margin-top:40px;user-select:none;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.foot h4{margin:0 0 14px;font:500 14px/1 var(--sans);color:var(--text)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot a:hover{color:var(--text)}
.foot__about{max-width:24em;margin-top:14px}
.legal{margin-top:48px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--dim);font-size:12px}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}
.rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}
.aurora i:nth-child(1){width:60vw;height:60vw;left:-20vw;top:-24vw;opacity:.22;background:radial-gradient(circle,rgba(255,70,50,.5),transparent 65%);animation:a1 32s ease-in-out infinite alternate}
.aurora i:nth-child(2){width:46vw;height:46vw;right:-16vw;top:30vh;opacity:.14;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);animation:a2 40s ease-in-out infinite alternate}
.aurora i:nth-child(3){width:56vw;height:56vw;left:22vw;bottom:-32vw;opacity:.18;background:radial-gradient(circle,rgba(255,26,26,.38),transparent 65%);animation:a3 46s ease-in-out infinite alternate}
@keyframes a1{to{transform:translate(20vw,16vh) scale(1.15)}}
@keyframes a2{to{transform:translate(-18vw,24vh) scale(.9)}}
@keyframes a3{to{transform:translate(-16vw,-20vh) scale(1.2)}}
.grain{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.04;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
