:root{--deep:#0b211c;--mid:#0f2a24;--surface:#16382f;--panel:#14332b;--ink:#f3ede4;--muted:#a9b7ad;--copper:#d98a4f;--copper-soft:#efc79f;--sage:#9fd3b8;--rust:#e4735a;--line:#f3ede424;--font-serif:"Newsreader",Georgia,serif;--font-sans:"Karla",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;color-scheme:dark}html,body{overflow-x:clip}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--sage);outline-offset:6px;border-radius:2px}::selection{background:var(--copper);color:var(--deep)}.wrap{width:min(1160px,100% - 96px);margin-inline:auto}.eyebrow,.micro{font-family:var(--font-mono)}.eyebrow{letter-spacing:.15em;color:var(--copper-soft);text-transform:uppercase;font-size:10px;line-height:1.8}.micro{letter-spacing:.07em;color:var(--muted);font-size:10px}.skip{z-index:100;background:var(--ink);color:var(--deep);padding:12px 20px;text-decoration:none;position:fixed;top:-100px;left:24px}.skip:focus{top:12px}.topbar{z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);view-transition-name:topbar;background:#0b211cf7;justify-content:space-between;align-items:center;gap:25px;height:78px;padding-inline:max(48px,50% - 580px);transition:box-shadow .3s;display:flex;position:sticky;top:0}.topbar.is-scrolled{box-shadow:0 14px 34px -22px #000}.brand{font-family:var(--font-serif);white-space:nowrap;letter-spacing:-.03em;color:inherit;font-size:25px;text-decoration:none}.brand-dot{color:var(--copper)}.nav{font-family:var(--font-sans);color:var(--muted);align-items:center;gap:27px;margin-left:auto;font-size:14px;display:flex}.nav a{color:inherit;white-space:nowrap;padding-block:10px;text-decoration:none;position:relative}.nav a:after{content:"";background:var(--copper);transform-origin:0;height:1px;transition:transform .25s;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0)}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav a:hover:after,.nav a[aria-current]:after{transform:scaleX(1)}.nav .about-link{border-left:1px solid var(--line);color:var(--copper-soft);padding-left:22px}.nav .about-link:hover,.nav .about-link[aria-current]{color:var(--ink)}.topbar .language{font-family:var(--font-mono);color:var(--copper-soft);border-left:1px solid var(--line);padding-left:22px;white-space:nowrap;padding-block:10px;font-size:12px;text-decoration:none}.topbar .language:hover{color:var(--ink)}.reading-progress{background:linear-gradient(90deg,var(--copper),var(--sage));transform-origin:0;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.footer{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--muted);view-transition-name:footer;flex-wrap:wrap;align-items:center;gap:22px;padding-block:25px 30px;font-size:10px;display:flex}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:var(--ink)}.motion-toggle{border:1px solid var(--line);font-size:9px;font:inherit;color:inherit;cursor:pointer;background:0 0;padding:6px 9px;font-size:9px}.motion-toggle:disabled{cursor:default}.motion-toggle[aria-pressed=true]{border-color:var(--sage);color:var(--sage)}.back-top{margin-left:auto}@media (width<=1050px){.wrap{width:calc(100% - 64px)}.topbar{padding-inline:32px}.nav{gap:18px}.nav .about-link,.topbar .language{padding-left:16px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.topbar{flex-wrap:wrap;gap:3px;height:auto;min-height:99px;padding:13px 20px 10px}.brand{font-size:23px}.topbar .language{padding-left:0;color:var(--copper-soft);font-size:11px;font-family:var(--font-mono);border-left:0;order:1;margin-left:auto;padding-block:6px;text-decoration:none}.nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;order:2;justify-content:space-between;gap:10px;width:100%;font-size:11px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{padding-block:6px}.nav .about-link{padding-left:10px}.footer{gap:16px;font-size:9px}.back-top{margin-left:0}}@media (width<=360px){.nav{gap:6px;font-size:10px}.nav .about-link{padding-left:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :before,html[data-reduced-motion=true] :after{transition:none!important;animation:none!important}@view-transition{navigation:auto}::view-transition-old(topbar),::view-transition-new(topbar),::view-transition-old(footer),::view-transition-new(footer){mix-blend-mode:normal;animation:none}::view-transition-group(footer){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}::view-transition-old(root){animation:.18s both page-out}::view-transition-new(root){animation:.35s both page-in}html[data-variant=b]::view-transition-old(root){animation:.25s ease-in both slide-out}html[data-variant=b]::view-transition-new(root){animation:.5s cubic-bezier(.2,.7,.2,1) both slide-in}html[data-variant=c]::view-transition-old(root){animation:none}html[data-variant=c]::view-transition-new(root){animation:.55s cubic-bezier(.65,0,.35,1) both wipe-in}@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}@keyframes page-in{0%{opacity:0;transform:translateY(9px)}}@keyframes slide-out{to{opacity:0;transform:translateY(-28px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(44px)}}@keyframes wipe-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}html[data-reduced-motion=true]::view-transition-old(root),html[data-reduced-motion=true]::view-transition-new(root){animation:none}
