:root{color-scheme:light;--ink:#091418;--paper:#f4f2ec;--panel:#fff;--muted:#566164;--line:#c4cac8;--orange:#f05a2b;--accent-text:#a8320f;--lime:#d6ee74;--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;font-size:17px;line-height:1.72}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(9,20,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(9,20,24,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 88%)}a{color:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(244,242,236,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,20,24,.12)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:.8rem}.brand small{display:block;font-weight:500;color:var(--muted);letter-spacing:.02em;font-size:.68rem}.navlinks{display:flex;gap:1.8rem;list-style:none;margin:0;padding:0}.navlinks a{text-decoration:none;font-size:.86rem;font-weight:800}.navlinks a[aria-current=page],.navlinks a:hover{color:var(--accent-text)}.theme-toggle{min-height:44px;border:0;background:transparent;color:#aebabc;padding:0 .2rem;font:inherit;font-size:.78rem;text-decoration:underline;text-decoration-color:#536167;text-underline-offset:4px;cursor:pointer}.theme-toggle:hover{color:#fff;text-decoration-color:#fff}.page-head{padding:6rem 0 3rem;border-bottom:1px solid var(--line)}.kicker{color:var(--accent-text);font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.page-head h1,.post-head h1{font-size:clamp(3.4rem,8vw,7rem);line-height:.9;letter-spacing:-.07em;margin:.7rem 0 1.2rem}.intro{max-width:670px;color:var(--muted);font-size:1.1rem}.post-list{padding:2rem 0 6rem}.post-card{display:grid;grid-template-columns:150px 1fr auto;gap:2rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--line)}.post-date{color:var(--muted);font-size:.85rem}.post-card h2{font-size:clamp(1.6rem,3.4vw,2.8rem);letter-spacing:-.045em;line-height:1.05;margin:0 0 .8rem}.post-card p{margin:0;color:var(--muted);max-width:650px}.read{align-self:center;display:inline-flex;border:1px solid var(--ink);border-radius:999px;padding:.65rem 1rem;text-decoration:none;font-weight:800;font-size:.82rem}.post-head{padding:6rem 0 2.5rem;border-bottom:1px solid var(--line)}.post-head h1{max-width:11ch}.post-meta{color:var(--muted);font-size:.88rem}.article{max-width:760px;margin:0 auto;padding:4rem 0 7rem}.article h2,.article h3,.article h4{line-height:1.15;letter-spacing:-.035em;margin:2.6rem 0 1rem}.article h2{font-size:2rem}.article h4{font-size:1.2rem}.article p{margin:0 0 1.5rem}.article img{display:block;width:100%;height:auto;margin:2rem 0 .7rem;border-radius:3px}.article figcaption,.caption{color:var(--muted);font-size:.86rem}.article blockquote{margin:2.2rem 0;padding:1.2rem 0 1.2rem 1.5rem;border-left:4px solid var(--orange);font-size:1.25rem}.article hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.article li+li{margin-top:.5rem}.back{display:inline-block;margin-bottom:2rem;font-weight:800;text-underline-offset:4px}footer{background:#050b0e;color:white;padding:2.5rem 0}.fine{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#9aa7a9;font-size:.8rem}.fine a{text-underline-offset:3px}.fine a:hover{color:white}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.75;text-rendering:optimizeLegibility}.brand-mark{display:block;width:42px;height:42px;object-fit:contain;border-radius:14px;background:none;flex:none}.navlinks a{display:flex;align-items:center;min-height:44px}.menu{display:none;border:0;background:var(--ink);color:var(--paper);border-radius:999px;padding:.65rem 1rem;font:inherit;font-weight:700}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:#091418;padding:.8rem 1rem;border-radius:6px;font-weight:800}.skip:focus{top:16px}.page-head h1,.post-head h1{line-height:.98;letter-spacing:-.045em;font-weight:800}.post-card h2{line-height:1.12;letter-spacing:-.025em}.article h2,.article h3,.article h4{line-height:1.22;letter-spacing:-.02em}.article{max-width:72ch}.kicker{letter-spacing:.1em}
@media(max-width:850px){.navlinks{position:absolute;left:20px;right:20px;top:67px;display:none;flex-direction:column;background:#091418;color:#fff;padding:1.2rem;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.28)}.navlinks.open{display:flex}.menu{display:block}}
@media(max-width:700px){.shell{width:min(calc(100% - 28px),var(--max))}.nav{height:66px}.brand>span:last-child{display:none}.navlinks{gap:.8rem}.navlinks a{font-size:.76rem}.page-head,.post-head{padding-top:4rem}.post-card{grid-template-columns:1fr;gap:.7rem}.read{justify-self:start;min-height:44px}.article{padding:3rem 0 5rem}.fine{display:block}.fine span{display:block}}
@media(max-width:340px){.navlinks{gap:.5rem}.navlinks a{font-size:.7rem}.brand-mark{width:34px;height:34px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ink:#edf3f2;--paper:#071215;--panel:#102024;--muted:#b4c0c2;--line:#46585d;--orange:#ff7548;--accent-text:#ff9a78;--lime:#d8ef78}.topbar{background:rgba(7,18,21,.9);border-color:rgba(237,243,242,.14)}body:before{background-image:linear-gradient(rgba(237,243,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(237,243,242,.045) 1px,transparent 1px)}}
:root[data-theme="light"]{color-scheme:light;--ink:#091418;--paper:#f4f2ec;--panel:#fff;--muted:#566164;--line:#c4cac8;--orange:#f05a2b;--accent-text:#a8320f;--lime:#d6ee74}:root[data-theme="light"] .topbar{background:rgba(244,242,236,.9);border-color:rgba(9,20,24,.12)}:root[data-theme="light"] body:before{background-image:linear-gradient(rgba(9,20,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(9,20,24,.04) 1px,transparent 1px)}
:root[data-theme="dark"]{color-scheme:dark;--ink:#edf3f2;--paper:#071215;--panel:#102024;--muted:#b4c0c2;--line:#46585d;--orange:#ff7548;--accent-text:#ff9a78;--lime:#d8ef78}:root[data-theme="dark"] .topbar{background:rgba(7,18,21,.9);border-color:rgba(237,243,242,.14)}:root[data-theme="dark"] body:before{background-image:linear-gradient(rgba(237,243,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(237,243,242,.045) 1px,transparent 1px)}