@keyframes ldr-ping{0%,to{opacity:.18}50%{opacity:1}}@keyframes ldr-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes sig-draw{0%{stroke-dashoffset:-100}to{stroke-dashoffset:0}}@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/bricolage-grotesque-latin.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}html.preload{background:var(--paper)}html.preload body>:not(.loader):not(script){opacity:0}.loader{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:var(--paper)}.loader .ldr{width:76px;height:76px;border-radius:22%;box-shadow:var(--shadow-lift)}html.ready .loader{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:no-preference){body>:not(.loader):not(script){transition:opacity .55s var(--ease)}html.ready .loader{transition:opacity .45s var(--ease),visibility 0s .45s}.loader .ldr{animation:ldr-breathe 2.6s ease-in-out infinite}.loader .pw1{animation:ldr-ping 1.5s ease-in-out infinite}.loader .pwb{animation:ldr-ping 1.5s ease-in-out .18s infinite}.loader .pw2{animation:ldr-ping 1.5s ease-in-out .36s infinite}}:root{--ink:#182420;--head-ink:#0F1A16;--ink-soft:#5C6B66;--paper:#F2F4F3;--paper-2:#EAEEEC;--surface:#FFFFFF;--line:#E1E6E4;--line-2:#D3DAD7;--accent:#146A57;--accent-deep:#0F5648;--accent-tint:rgba(20,106,87,.10);--accent-tint-2:rgba(20,106,87,.055);--btn:#146A57;--btn-deep:#0F5648;--ok:#2F7D57;--notice:#8A6D2F;--badge-bg:#141C19;--badge-ink:#FFFFFF;--badge-line:transparent;--r-card:16px;--r-lg:20px;--r-pill:999px;--shadow-card:0 1px 2px rgba(15,26,22,.05), 0 1px 3px rgba(15,26,22,.045);--shadow-lift:0 2px 6px rgba(24,36,32,.05), 0 16px 40px -18px rgba(24,36,32,.30);--measure:68ch;--font-display:"Bricolage Grotesque",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif;--nav-h:68px;--ease:cubic-bezier(.22,1,.36,1)}@media (prefers-color-scheme:dark){:root{--ink:#ECEAE3;--head-ink:#F4F2EC;--ink-soft:#93A2A7;--paper:#12181B;--paper-2:#0E1417;--surface:#1B2327;--line:#2A343A;--line-2:#33403F;--accent:#6FB3A0;--accent-deep:#8CC7B7;--accent-tint:rgba(111,179,160,.14);--accent-tint-2:rgba(111,179,160,.07);--ok:#67B47F;--notice:#C9A24E;--badge-bg:#0C1113;--badge-ink:#F4F2EC;--badge-line:#2A343A;--shadow-card:0 1px 2px rgba(0,0,0,.30), 0 1px 3px rgba(0,0,0,.25);--shadow-lift:0 2px 6px rgba(0,0,0,.35), 0 18px 44px -18px rgba(0,0,0,.60)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.62;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){body::before{opacity:.22}}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-deep)}img,svg{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;letter-spacing:-.02em;line-height:1.1}p{text-wrap:pretty}.note b,.phead .meta b,h1,h2,h3,h4,strong{color:var(--head-ink);font-weight:600}::selection{background:var(--accent-tint);color:var(--head-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}@supports (scrollbar-color:auto){html{scrollbar-color:var(--line-2) transparent}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;border:3px solid var(--paper)}::-webkit-scrollbar-track{background:0 0}.wrap,main{position:relative;z-index:1}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.narrow{max-width:760px}header.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(1.1) blur(10px);-webkit-backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid var(--line)}.nav-in{height:var(--nav-h);justify-content:space-between;gap:24px}.brand,.nav-in,.nav-links{display:flex;align-items:center}.brand{gap:11px}.brand,.brand .lockup,.brand:hover,.nav-links a.lk:hover{color:var(--head-ink)}.brand .lockup{height:26px;width:auto;display:block;transition:transform .25s var(--ease);transform-origin:left center}@media (prefers-reduced-motion:no-preference){.brand .lockup .sig-back,.brand .lockup .sig-out{stroke-dasharray:100;animation:sig-draw .7s var(--ease) .2s both}.brand:focus-visible .lockup,.brand:hover .lockup{transform:scale(1.045)}}.nav-links{gap:30px}.btn-ghost,.nav-links a.lk{color:var(--ink-soft);font-size:15px;font-weight:500}.btn-ghost{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 17px;border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--head-ink);font-weight:600;background:var(--surface);box-shadow:var(--shadow-card);transition:border-color .2s var(--ease),transform .2s var(--ease)}.btn-ghost:hover{color:var(--head-ink);border-color:var(--accent);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(1px)}.nav .btn-ghost{border-color:var(--accent)}.nav .btn-ghost:hover{border-color:var(--accent-deep);background:var(--accent-tint)}@media (max-width:640px){.nav-links a.lk{display:none}}main{flex:1 0 auto}.phead{padding:clamp(40px,6vw,72px)0 clamp(20px,3vw,30px)}.phead .back{display:inline-flex;align-items:center;gap:7px;color:var(--ink-soft);font-size:14px;font-weight:500;margin-bottom:22px}.phead .back:hover{color:var(--accent)}.phead .back svg{width:15px;height:15px}.phead h1{font-size:clamp(2.1rem,4.6vw,3.2rem);letter-spacing:-.03em;line-height:1.03;max-width:18ch}.phead .intro{margin-top:16px;max-width:60ch;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.55;color:var(--ink-soft)}.phead .meta{margin-top:20px;display:flex;gap:8px 18px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-soft)}.prose{max-width:var(--measure);padding:clamp(10px,2vw,20px)0 clamp(56px,8vw,96px)}.prose section{padding:0;margin-top:clamp(30px,4vw,44px)}.prose section:first-child{margin-top:8px}.prose h2{font-size:clamp(1.3rem,2.4vw,1.6rem);letter-spacing:-.02em;margin-bottom:12px}.prose h3{font-size:1.12rem;letter-spacing:-.012em;margin:22px 0 8px}.prose p{color:var(--ink);font-size:1.06rem;line-height:1.66}.prose p+p{margin-top:.9em}.prose ul{margin:.7em 0 0;padding:0;list-style:none}.prose li{position:relative;padding-left:26px;margin-top:.5em;color:var(--ink);line-height:1.6}.prose li::before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--accent)}.prose a{font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}.prose a:hover{text-decoration-color:var(--accent)}.prose .rule{height:1px;background:var(--line);border:0;margin:clamp(30px,4vw,44px)0 0}.prose .lead{font-size:1.18rem;line-height:1.6;color:var(--ink-soft)}.note{display:flex;gap:13px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:16px 18px;box-shadow:var(--shadow-card);margin-top:8px}.note svg{width:20px;height:20px;flex:0 0 auto;margin-top:2px}.foot-brand p,.note p{color:var(--ink-soft);font-size:.98rem;line-height:1.55}.note p{margin:0}.note.warn svg{color:var(--notice)}footer{background:var(--paper-2);border-top:1px solid var(--line);padding:clamp(48px,6vw,72px)0 40px;position:relative;z-index:1;flex-shrink:0}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px}@media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr;gap:32px 24px}}.foot-brand .brand,.foot-col h4{margin-bottom:14px}.foot-brand p{max-width:34ch}.foot-col h4{font-family:var(--font-body);font-size:12px;letter-spacing:.01em;color:var(--ink-soft);font-weight:600}.foot-col a{display:block;color:var(--ink);font-size:15px;padding:5px 0;font-weight:500}.foot-col a:hover,.note svg{color:var(--accent)}@media (pointer:coarse){.foot-col a{padding:10px 0}.brand,.phead .back{min-height:44px}}.foot-bottom{margin-top:clamp(36px,5vw,56px);padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--ink-soft)}.foot-bottom .em{color:var(--head-ink);font-weight:600}.foot-bottom .dot{opacity:.4;margin:0 4px}.totop{position:fixed;z-index:60;right:clamp(16px,4vw,28px);bottom:calc(clamp(16px,4vw,28px) + env(safe-area-inset-bottom,0));width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);color:var(--accent);box-shadow:var(--shadow-lift);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px)}.totop-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.totop-ring .track{stroke:var(--line)}.totop-ring .prog{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.totop-arrow{position:relative;width:20px;height:20px}.totop:focus-visible{border-radius:var(--r-pill)}.totop.show{opacity:1;visibility:visible;transform:translateY(0)}.totop.show:hover{border-color:var(--accent);color:var(--accent-deep);transform:translateY(-2px)}.totop.show:active{transform:translateY(1px)}@media (prefers-reduced-motion:no-preference){.totop{transition:opacity .32s var(--ease),transform .32s var(--ease),border-color .2s var(--ease),color .2s var(--ease),visibility 0s .32s}.totop.show{transition:opacity .32s var(--ease),transform .32s var(--ease),border-color .2s var(--ease),color .2s var(--ease),visibility 0s 0s}}