@font-face{font-family:Manrope;src:url('/assets/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Fraunces;src:url('/assets/Fraunces-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--paper:#f2f6f8;--surface:#fff;--ink:#1b304a;--muted:#4f6074;--blue:#2862f1;--line:#dce5eb;--focus:#5479ed;--thumb:#6c7d92;--track:#f2f6f8;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scrollbar-color:var(--thumb) var(--track)}
*{box-sizing:border-box;scrollbar-width:auto;scrollbar-color:var(--thumb) var(--track)}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--track)}::-webkit-scrollbar-thumb{background:var(--thumb);border:3px solid var(--track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::-webkit-scrollbar-thumb:active{background:var(--ink)}
body{margin:0;font-size:1rem;line-height:1.65;overflow-wrap:anywhere}
a{color:var(--blue);text-underline-offset:.22em;cursor:pointer}a:hover{text-decoration-thickness:2px}a:active{color:var(--ink)}a:focus-visible{outline:3px solid var(--focus);outline-offset:5px;border-radius:2px}
.skip{position:absolute;left:20px;top:12px;padding:12px 16px;background:var(--surface);transform:translateY(-180%);z-index:1}.skip:focus{transform:translateY(0)}
.shell{width:min(100% - 40px,1120px);margin-inline:auto}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:20px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:1.8rem;font-weight:600;text-decoration:none;line-height:1.25}
.brand img{width:36px;height:36px;flex:none}
nav{display:flex;flex-wrap:wrap;gap:4px 20px}nav a{display:inline-flex;align-items:center;min-height:48px;color:var(--ink);text-decoration:none;font-weight:600}nav a:hover,nav a[aria-current=page]{text-decoration:underline}
main{padding-block:clamp(40px,7vw,80px)}
h1,h2{font-family:Fraunces,Georgia,serif;font-weight:550;font-variation-settings:'SOFT' 20,'WONK' 1;line-height:1.2;overflow-wrap:anywhere}
h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.025em;margin:0 0 24px;max-width:22ch}
h2{font-size:1.5rem;margin:40px 0 14px}
p{margin:0 0 20px}.lead{font-size:1.2rem;line-height:1.6;max-width:52ch}.quiet{color:var(--muted)}
.reading{max-width:680px}.reading h1{font-size:clamp(2rem,4vw,2.6rem)}.reading p{max-width:65ch}
.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:48px 0 32px;padding-top:16px;border-top:1px solid var(--line)}.modes h2{margin-top:16px}.modes p{color:var(--muted)}
.contact{font-size:clamp(1.1rem,3vw,1.5rem);display:inline-flex;align-items:center;min-height:48px}
ol{padding-inline-start:24px}li{padding-inline-start:4px;margin-block:12px}
.notice{margin-top:40px;padding-block:24px;border-block:1px solid var(--line);max-width:680px}
footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:24px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}footer p{margin:0}footer a{display:inline-flex;align-items:center;min-height:48px}
@media(max-width:700px){.modes{grid-template-columns:1fr;gap:0;margin-top:32px}.modes h2{margin-top:24px}.shell{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
@media(forced-colors:active){:root{--thumb:ButtonText;--track:Canvas}a:focus-visible{outline-color:Highlight}}