:root{--n950:#050e22;--n900:#081634;--n800:#0c2147;--n700:#13306a;--gold:#cfb04e;--gold2:#e4cc85;--white:#fff;--mist:#c3cde2;--line:rgba(207,176,78,.24);--r:14px;--max:1160px;
--head:"Sora","Segoe UI",system-ui,-apple-system,sans-serif;--body:"Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--n950);color:var(--white);font:400 1.0625rem/1.65 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold2)}
h1,h2,h3{font-family:var(--head);line-height:1.15;margin:0 0 .5em;font-weight:600;letter-spacing:-.01em}
h1{font-size:clamp(2.1rem,5.4vw,3.9rem)}
h2{font-size:clamp(1.55rem,3.2vw,2.3rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em;max-width:68ch}
.wrap{width:min(100% - 2.5rem,var(--max));margin-inline:auto}
.section{padding:clamp(3.5rem,8vw,6rem) 0}
.section.alt{background:var(--n900)}
.lead{color:var(--mist);font-size:1.15rem}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--n950);padding:.6rem 1rem;z-index:100}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
