:root{
  --bg:#0B0B0C; --bg2:#141417; --fg:#F5F5F6; --dim:#A2A2A9;
  --line:rgba(255,255,255,.13); --line2:rgba(255,255,255,.26);
  --acc:#FF4D7D; --accInk:#0B0B0C; --logoInvert:invert(1);
}
@media (prefers-color-scheme:light){
  :root{
    --bg:#FAFAFA; --bg2:#F0F0F1; --fg:#121213; --dim:#55555C;
    --line:rgba(0,0,0,.14); --line2:rgba(0,0,0,.3);
    --acc:#C4163F; --accInk:#FFFFFF; --logoInvert:none;
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--fg);text-decoration:none}
a:hover{color:var(--acc)}
ul{margin:0;padding:0;list-style:none}
@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:68px}
a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.brand-short{display:none}
@media (max-width:640px){
  .brand-full{display:none}.brand-short{display:inline}
  .nav{gap:14px!important;font-size:12.5px!important}
}
@media (max-width:360px){.nav{gap:10px!important}}
/* interaction states */
.s1:hover{color:var(--fg) !important}
.s2:hover{color:var(--fg) !important}
.s3:hover{color:var(--fg) !important}
.s4:hover{color:var(--fg) !important}
.s5:hover{color:var(--fg) !important}
.s6:hover{opacity:.88 !important}
.s6:active{transform:translateY(1px) !important}
.s7:hover{border-color:var(--fg) !important;color:var(--fg) !important}
.s7:active{transform:translateY(1px) !important}
.s8:hover{opacity:.82 !important}
.s9:hover{opacity:.82 !important}
.s10:hover{opacity:.88 !important}
.s11:hover{opacity:.82 !important}
.s12:hover{border-color:var(--fg) !important}
.s12:active{transform:translateY(1px) !important}
.s13:hover{border-color:var(--fg) !important}
.s13:active{transform:translateY(1px) !important}
.s14:hover{color:var(--acc) !important}
.s15:hover{color:var(--acc) !important}
.s16:hover{color:var(--acc) !important}
.s17:hover{color:var(--fg) !important}