:root{color-scheme:dark;font-family:"Courier New",monospace;background:#080d10;color:#ecf5ef}
*{box-sizing:border-box}
body{margin:0;line-height:1.65}
a{color:#8de2c1;text-underline-offset:.25em}
a:hover,a:focus-visible{color:#fff}
:focus-visible{outline:2px solid #e4bc72;outline-offset:4px}
.skip{position:absolute;left:-10000px;top:1rem;background:#102520;padding:.5rem}
.skip:focus{left:1rem;z-index:2}
.top,footer{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1rem max(1.2rem,calc((100vw - 60rem)/2));border-bottom:1px solid #234038}
.brand{font-weight:bold;text-decoration:none;color:#ecf5ef}
nav{display:flex;gap:1rem;flex-wrap:wrap}
main{max-width:62rem;padding:clamp(2rem,6vw,6rem) 1.2rem 4rem;margin:auto}
h1{font-size:clamp(2.6rem,10vw,6rem);line-height:1.08;letter-spacing:-.07em;margin:.2em 0 .4em}
h2{font-size:clamp(1.3rem,4vw,2rem);line-height:1.3}
p{max-width:66ch}
.lede{font-size:clamp(1.15rem,2.6vw,1.55rem);color:#d0eadf}
.eyebrow{color:#e4bc72;font-size:.8rem;letter-spacing:.1em}
.cursor{color:#e4bc72}
section{margin-top:4.5rem;padding-top:1rem;border-top:1px solid #234038}
ol{padding-left:1.5rem}
li{padding:.5rem 0;max-width:65ch}
footer{border-top:1px solid #234038;border-bottom:0;color:#aec6bb;font-size:.82rem}
@media(max-width:480px){.top,footer{padding:1rem 1.2rem}nav{gap:.75rem}}