:root{--ink-900:#1c1a17;--ink-800:#2a2722;--ink-700:#3d3833;--ink-600:#57514a;--ink-500:#7a7167;--ink-400:#9c9388;--ink-300:#c2b9ac;--ink-200:#e2dacb;--ink-100:#f0eadd;--ink-50:#fbf7ef;--paper:#fbf7ef;--card:#fff;--sunk:#f4eee1;--wing:#f2ecde;--honey-50:#fffbef;--honey-100:#fff4d6;--honey-200:#ffe7a3;--honey-300:#ffd668;--honey-400:#fbc22e;--honey-500:#f2b109;--honey-600:#c8890c;--honey-700:#9a6a08;--honey-800:#6f4c09;--bloom:#9a53c4;--bloom-ink:#5c2c84;--bloom-soft:#f0e6f8;--leaf:#3c9a6a;--leaf-ink:#1f6843;--leaf-soft:#dff0e4;--sky:#3e6fa8;--sky-ink:#234a77;--sky-soft:#dee8f2;--nectar:#e2743a;--nectar-ink:#8a3c13;--border:#e2dacb;--border-strong:#c2b9ac;--font-display:"Fredoka","Hanken Grotesk",system-ui,sans-serif;--font-sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--shadow-card:0 4px 12px #1c1a1714,0 2px 4px #1c1a170a;--shadow-lg:0 12px 28px #1c1a171a,0 4px 8px #1c1a170d;--shadow-honey:0 6px 18px #f2b10947;--ease-out:cubic-bezier(.22,1,.36,1);--comb-line:#1c1a170b;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--paper);color:var(--ink-900);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:19px;line-height:1.75;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::selection{background:var(--honey-200);color:var(--ink-900)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600;line-height:1.14}p{margin:0}a{color:inherit}img{max-width:100%}:focus-visible{outline:2.5px solid var(--honey-600);outline-offset:2px;box-shadow:0 0 0 3px var(--honey-200);border-radius:6px}.skip{z-index:100;background:var(--ink-900);color:#fff;border-radius:11px;padding:11px 18px;font-weight:600;text-decoration:none;position:absolute;top:8px;left:-9999px}.skip:focus{left:8px}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}@media (width<=480px){.wrap{padding:0 18px}}.eyebrow{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-500);align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:var(--honey-500);border-radius:50%;flex:none;width:9px;height:9px}.btn{cursor:pointer;font-family:var(--font-sans);transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out),background .12s var(--ease-out);border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:15.5px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-honey{background:var(--honey-500);color:var(--ink-900);box-shadow:var(--shadow-honey)}.btn-honey:hover{background:var(--honey-400)}.btn-ghost{color:var(--ink-700);border:1.5px solid var(--border-strong);background:0 0}.btn-ghost:hover{border-color:var(--ink-500)}.nav{z-index:40;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fbf7efe0;position:sticky;top:0}.nav-in{align-items:center;gap:22px;height:72px;display:flex}.brand{flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand svg{width:34px;height:30px}.brand b{font-family:var(--font-display);letter-spacing:-.02em;font-size:23px;font-weight:600}.nav-links{align-items:center;gap:18px;margin:0 auto;display:flex}.nav-links a{color:var(--ink-600);white-space:nowrap;font-size:14.5px;font-weight:500;text-decoration:none}.nav-links a:hover,.nav-links a.on{color:var(--ink-900)}.nav-div{background:var(--border-strong);flex:none;align-self:center;width:1px;height:20px;margin:0 6px}.nav-cta{align-items:center;gap:14px;display:flex}.nav-cta .btn{padding:11px 19px}.nav-toggle{border:1.5px solid var(--border-strong);background:var(--card);cursor:pointer;width:44px;height:44px;color:var(--ink-800);border-radius:11px;flex:none;justify-content:center;align-items:center;margin-left:auto;display:none}.nav-toggle svg{width:22px;height:22px}.nav-panel{display:none}@media (width<=1120px){.nav-links,.nav-cta{display:none}.nav-toggle{display:inline-flex}.nav.open .nav-panel{background:var(--paper);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);padding:10px 24px 18px;display:block;position:absolute;top:100%;left:0;right:0}.nav-panel a{color:var(--ink-700);border-bottom:1px solid var(--border);padding:13px 4px;font-size:16px;font-weight:500;text-decoration:none;display:block}.nav-panel a:last-of-type{border-bottom:none}.nav-panel .btn{justify-content:center;margin-top:14px;display:flex}.nav-panel .nav-sub-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-500);padding:15px 4px 5px;font-size:11px;font-weight:500;display:block}}.lang-toggle{background:var(--sunk);border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:2px;padding:3px;display:inline-flex}.lang-opt{min-width:30px;height:26px;font-family:var(--font-mono);letter-spacing:.03em;color:var(--ink-500);transition:color .15s var(--ease-out),background .18s var(--ease-out),box-shadow .18s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11.5px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.lang-opt:hover{color:var(--ink-800)}.lang-opt.on{background:var(--card);color:var(--ink-900);box-shadow:0 1px 2px #1c1a1724}.nav-panel .lang-toggle{align-self:flex-start;margin-top:16px}.has-drop{align-items:center;display:flex;position:relative}.nav-drop-btn{cursor:pointer;font-family:var(--font-sans);color:var(--ink-600);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14.5px;font-weight:500;line-height:1;display:inline-flex}.nav-drop-btn:hover{color:var(--ink-900)}.nav-drop-btn svg{width:12px;height:12px;transition:transform .18s var(--ease-out)}.has-drop.is-open .nav-drop-btn svg{transform:rotate(180deg)}.nav-drop{background:var(--card);border:1px solid var(--border);min-width:296px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out);z-index:50;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 14px);left:-14px;transform:translateY(6px)}.nav-drop:before{content:"";height:14px;position:absolute;top:-14px;left:0;right:0}.has-drop.is-open>.nav-drop{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.has-drop:hover>.nav-drop,.has-drop:focus-within>.nav-drop{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}.nav-drop a{color:var(--ink-800);border-radius:11px;flex-direction:column;gap:2px;padding:9px 12px;text-decoration:none;display:flex}.nav-drop a:hover{background:var(--sunk)}.nav-drop a b{color:var(--ink-900);letter-spacing:-.01em;font-size:14.5px;font-weight:600}.nav-drop a span{color:var(--ink-500);font-size:12.5px}.nav-drop-all{border-top:1px solid var(--border);margin-top:4px;font-size:13.5px;font-weight:600;color:var(--honey-700)!important;padding-top:12px!important}.nav-drop-all:hover{background:var(--honey-50)!important}.blog-hero{padding:70px 0 26px}.blog-hero h1{margin-top:16px;font-size:clamp(38px,5vw,60px)}.blog-hero p{color:var(--ink-600);max-width:34em;margin-top:16px;font-size:19px}.blog-list{flex-direction:column;gap:20px;max-width:820px;padding:26px 0 90px;display:flex}.pcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out);grid-template-columns:132px 1fr;align-items:center;gap:26px;padding:22px 24px;text-decoration:none;display:grid}.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.pcard:hover{transform:none}}.pcard-cover{border-radius:13px;flex:none;justify-content:center;align-items:center;width:132px;height:112px;display:flex;position:relative;overflow:hidden}.pcard-cover svg{z-index:1;width:52px;height:46px;position:relative}.pcard-cat{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--honey-700);font-size:11.5px;font-weight:500}.pcard h2{margin:7px 0 8px;font-size:22px;line-height:1.22}.pcard .excerpt{color:var(--ink-600);font-size:15.5px;line-height:1.55}.pcard .pmeta{font-family:var(--font-mono);color:var(--ink-500);flex-wrap:wrap;gap:8px;margin-top:11px;font-size:12px;display:flex}.pcard .pmeta span+span:before{content:"·";color:var(--ink-300);margin-right:8px}@media (width<=620px){.pcard{grid-template-columns:1fr;gap:16px}.pcard-cover{width:100%;height:120px}}.cov-honey{background:var(--honey-100)}.cov-honey svg{opacity:.95}.cov-bloom{background:var(--bloom-soft)}.cov-sky{background:var(--sky-soft)}.cov-leaf{background:var(--leaf-soft)}.cov-comb{background-image:radial-gradient(circle at 50% 0,transparent 0,transparent 7px,var(--comb-line) 7px,var(--comb-line) 8px,transparent 8px),radial-gradient(circle at 0 100%,transparent 0,transparent 7px,var(--comb-line) 7px,var(--comb-line) 8px,transparent 8px),radial-gradient(circle at 100% 100%,transparent 0,transparent 7px,var(--comb-line) 7px,var(--comb-line) 8px,transparent 8px);background-size:26px 45px}.post-hero{padding:56px 0 20px}.crumbs{font-family:var(--font-mono);color:var(--ink-600);margin-bottom:22px;font-size:12.5px}.crumbs a{color:var(--ink-500);text-decoration:none}.crumbs a:hover{color:var(--ink-900)}.crumbs span{color:var(--ink-300);margin:0 7px}.post-hero .post-cat{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--honey-700);font-size:12.5px;font-weight:500}.post-title{max-width:16ch;margin:14px 0 0;font-size:clamp(32px,4.6vw,52px)}.post-lead{color:var(--ink-600);max-width:640px;margin-top:20px;font-size:21px;line-height:1.6}.uc .post-title{max-width:none}.uc .post-lead{max-width:760px}.post-meta{font-family:var(--font-mono);color:var(--ink-600);flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;font-size:12.5px;display:flex}.post-meta .who{align-items:center;gap:8px;display:inline-flex}.post-meta .who img{object-fit:contain;width:26px;height:23px}.post-meta .dot{color:var(--ink-300)}.post-rule{background:var(--border);max-width:720px;height:1px;margin:34px 0 0}.prose{max-width:680px;color:var(--ink-800);padding:12px 0 40px;font-size:19px;line-height:1.78}.prose>p{margin:24px 0}.prose>p:first-of-type{margin-top:20px}.prose h2{letter-spacing:-.02em;margin:52px 0 4px;font-size:29px}.prose h3{margin:38px 0 2px;font-size:22px}.prose h2+p,.prose h3+p{margin-top:12px}.prose a{color:var(--ink-900);text-decoration:underline;text-decoration-color:var(--honey-400);text-underline-offset:3px;text-decoration-thickness:2px}.prose a:hover{text-decoration-color:var(--honey-600)}.prose strong{color:var(--ink-900);font-weight:700}.prose ul,.prose ol{flex-direction:column;gap:12px;margin:22px 0;padding-left:0;list-style:none;display:flex}.prose ul li{padding-left:30px;position:relative}.prose ul li:before{content:"";background:var(--honey-500);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:6px}.prose ol{counter-reset:n}.prose ol li{counter-increment:n;padding-left:38px;position:relative}.prose ol li:before{content:counter(n);background:var(--honey-100);width:24px;height:24px;color:var(--honey-800);font-family:var(--font-mono);border-radius:7px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:2px;left:0}.pullquote{border-left:3px solid var(--honey-500);font-family:var(--font-display);color:var(--ink-900);letter-spacing:-.01em;margin:44px 0;padding:6px 0 6px 26px;font-size:26px;font-weight:500;line-height:1.34}.prose figure{margin:36px 0}.prose .caption{font-family:var(--font-mono);color:var(--ink-400);margin-top:8px;font-size:12.5px}.callout{background:var(--sunk);border:1px solid var(--border);color:var(--ink-700);border-radius:14px;margin:36px 0;padding:20px 22px;font-size:16.5px;line-height:1.6}.callout b{color:var(--ink-900)}.post-cta{background:var(--honey-50);border:1.5px solid var(--honey-200);border-radius:var(--radius);max-width:680px;margin:8px 0 0;padding:28px 30px}.post-cta h3{font-size:23px}.post-cta p{color:var(--ink-600);margin:10px 0 18px;font-size:16px;line-height:1.6}.more{padding:56px 0 90px}.more h2{margin-bottom:22px;font-size:24px}.more-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:820px;display:grid}@media (width<=620px){.more-grid{grid-template-columns:1fr}}.mini{color:inherit;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out);border-radius:14px;padding:18px 20px;text-decoration:none;display:block}.mini:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.mini:hover{transform:none}}.mini .pcard-cat{font-size:11px}.mini h3{margin:6px 0 0;font-size:17px;line-height:1.3}footer{background:var(--ink-900);color:var(--ink-300);margin-top:20px;padding:56px 0 34px}.foot-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:40px;display:grid}.foot-brand .brand b{color:#fff}.foot-brand p{max-width:26em;color:var(--ink-400);margin-top:14px;font-size:14px}footer h4{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin:0 0 16px;font-size:11.5px;font-weight:500}footer ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}footer ul a{color:var(--ink-300);font-size:14.5px;text-decoration:none}footer ul a:hover{color:#fff}.foot-base{color:var(--ink-500);border-top:1px solid #ffffff17;flex-wrap:wrap;gap:16px;margin-top:48px;padding-top:22px;font-size:13px;display:flex}.foot-base span:last-child{margin-left:auto}@media (width<=1040px){.foot-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.foot-grid{grid-template-columns:1fr 1fr;gap:28px}}@media (width<=420px){.foot-grid{grid-template-columns:1fr}}