@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/barlow-condensed-700.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:400 600;font-style:normal;font-display:swap;src:url('fonts/source-sans-3-400.woff2') format('woff2')}
*{box-sizing:border-box;margin:0}
html{background:#1d2226;scroll-behavior:smooth}
body{background:#1d2226;color:#ece8df;font:400 1.0625rem/1.6 'Source Sans 3','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#ece8df;text-underline-offset:3px}
a:focus-visible{outline:3px solid #e6493b;outline-offset:3px;border-radius:3px}
header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px clamp(16px,4vw,64px);border-bottom:1px solid #59626a}
.logo{font:700 1.45rem/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.08em;text-decoration:none;display:inline-flex;align-items:center;gap:.4em}
.logo svg{width:32px;height:32px;flex:none}
main{max-width:720px;margin:0 auto;padding:clamp(32px,6vw,72px) 16px 80px}
h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;line-height:1.08}
h1{font-size:clamp(2.6rem,7vw,3.8rem)}
h2{font-size:1.65rem;margin:1.5em 0 .3em}
p+p{margin-top:.8em}
.note{color:#a9afa9;margin-top:.4em}
.jump{margin-bottom:1em}
section{margin-top:64px;padding-top:48px;border-top:1px solid #59626a;scroll-margin-top:16px}