@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/jetbrains-mono-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--bg:#000;--fg:#fff;--dim:#9a9a9a;--rule:#3a3a3a;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--fg);font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:16px;line-height:1.65;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;padding:clamp(1.25rem,5vw,3.5rem)}
main,header,footer{width:100%;max-width:64ch}
a{color:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover,a:focus-visible{background:var(--fg);color:var(--bg);text-decoration:none}
a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
::selection{background:var(--fg);color:var(--bg)}

header{display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:baseline;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--rule)}
.brand{font-weight:700;text-decoration:none}
nav{display:flex;gap:1.5rem}
nav a[aria-current="page"]{background:var(--fg);color:var(--bg);text-decoration:none;padding:0 .5ch}

main{flex:1;padding:clamp(2rem,8vh,5rem) 0}
.wordmark{margin:0 0 clamp(1.5rem,5vh,3rem);font-size:clamp(4.5rem,24vw,11rem);line-height:.9;font-weight:700;letter-spacing:-.06em;margin-left:-.05em}
h1{margin:0 0 1.5rem;font-size:1.5rem;line-height:1.3;font-weight:700}
h2{margin:2.5rem 0 .75rem;font-size:1rem;font-weight:700}
p{margin:0 0 1.25rem}
.lead{font-size:1.125rem;line-height:1.6}
.dim{color:var(--dim)}

dl{margin:0;border-top:1px solid var(--rule)}
dl>div{display:grid;grid-template-columns:11ch 1fr;gap:0 2ch;padding:.75rem 0;border-bottom:1px solid var(--rule)}
dt{color:var(--dim)}
dd{margin:0}
@media (max-width:30rem){dl>div{grid-template-columns:1fr}}

.links{margin:0 0 1.25rem;padding:0;list-style:none;border-top:1px solid var(--rule)}
.links li{padding:.75rem 0;border-bottom:1px solid var(--rule)}
.links a{font-weight:700}
.links span{display:block;color:var(--dim)}
.note{font-size:.875rem}

footer{padding-top:1rem;border-top:1px solid var(--rule);color:var(--dim);font-size:.875rem}