@font-face{font-family:"Hanken";font-weight:800;src:url("../fonts/hanken-800.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Hanken";font-weight:400;src:url("../fonts/hanken-400.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Plex Mono";font-weight:400;src:url("../fonts/plexmono-400.ttf") format("truetype");font-display:swap}
:root{--paper:#F6F3EE;--paper-raised:#FBFAF7;--paper-sunken:#ECE7DF;--ink:#1E2321;--muted:#5A615D;--line:#DDD6CA;--line-strong:#7F8581;--flame:#F7701F;--flame-ink:#B5450F;--inkt:#101C34}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/28px "Hanken",system-ui,sans-serif;display:flex;flex-direction:column;min-height:100vh;overflow-wrap:anywhere}
a{color:var(--flame-ink)}
a:focus-visible{outline:2px solid var(--flame);outline-offset:2px}
.site-head{border-bottom:1px solid var(--line);padding:16px}
.site-head a{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.03em}
.site-head img{width:36px;height:36px;display:block}
main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:80px 16px}
main>*{max-width:68ch}
@media(min-width:768px){main{padding:128px 32px}.site-head{padding:16px 32px}}
h1,h2,h3{font-weight:800;letter-spacing:-.03em;line-height:.95;margin:0}
h1{font-size:clamp(36px,8vw,64px);margin-bottom:32px}
h2,h3{font-size:24px;margin:48px 0 12px}
p,ul,ol{margin:0 0 16px}
li{margin-bottom:8px}

.ph{background:var(--paper-sunken);padding:0 4px}
.btn{display:inline-block;background:var(--flame);color:var(--inkt);padding:12px 24px;border-radius:2px;font-weight:800;text-decoration:none;transition:opacity .2s ease-out}
.btn:hover{opacity:.9}
.site-foot{background:var(--inkt);color:var(--paper);padding:32px 16px;font-size:14px;line-height:22px}
.site-foot a{color:var(--paper)}
.site-foot .ph{background:none;color:#A8B4CC}
@media(min-width:768px){.site-foot{padding:32px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}