:root{--bg:#1A1A2E;--bg2:#23233F;--ink:#F3F1EC;--mut:#A9A8BD;--star:#F9C878;--line:rgba(243,241,236,.16);color-scheme:dark;box-sizing:border-box}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}
.d{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;font-weight:800;text-transform:uppercase;line-height:.86;margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--star);outline-offset:4px;border-radius:12px}
.star{display:block;width:100%;aspect-ratio:1;fill:var(--star);filter:drop-shadow(0 0 var(--g,16px) rgba(249,200,120,.7))}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:300;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:99px;font-weight:500}
.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}
header.site{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) clamp(20px,5vw,72px) 16px}
header.site .logo{display:block}
header.site .logo img{height:56px;width:auto;display:block}
header.site nav{display:flex;gap:clamp(14px,3vw,36px);font-size:15px;font-weight:500}
header.site nav a{padding:6px 2px;border-bottom:2px solid transparent}
header.site nav a[aria-current]{border-color:var(--star)}
footer.site{padding:60px clamp(20px,5vw,72px) 40px;color:var(--mut);font-size:14px}
footer.site img{height:90px;width:auto;display:block;margin-bottom:18px}
footer.site nav{display:flex;gap:22px;flex-wrap:wrap;margin:0 0 18px;font-size:15px}
footer.site nav a:hover{color:var(--ink)}
#cs{position:fixed;left:0;top:0;width:26px;z-index:100;pointer-events:none;opacity:0;transition:opacity .3s}
@media (hover:none),(pointer:coarse){#cs{display:none}}
@media (max-width:640px){header.site nav a:nth-child(n+3){display:none}}
#reveal{display:none;position:fixed;inset:0;z-index:200;pointer-events:none;background:radial-gradient(ellipse 75% 75% at 50% 50%,rgba(10,10,30,.55),#080818 100%)}
html.from-tr #reveal{display:block;animation:revealout 1.1s ease-out .1s forwards}
@keyframes revealout{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01s!important}html{scroll-behavior:auto}#reveal{display:none!important}}