*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--l-bg);color:var(--l-ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Geist,Inter,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footnotes{border-top:var(--l-rule);color:var(--l-muted);margin:44px 0 0;padding-top:24px;font-size:14.5px}.footnotes ol{gap:8px;margin:0 0 0 20px;display:grid}.footnotes a[data-footnote-backref]{color:var(--l-accent);margin-left:4px}.empty{max-width:1080px;color:var(--l-muted);margin:0 auto;padding:64px 24px}nav.site{z-index:50;background:color-mix(in srgb,var(--l-bg) 82%,transparent);backdrop-filter:blur(14px);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:18px;max-width:1240px;margin:0 auto;padding:18px 24px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;font-size:21px;font-weight:600;display:flex}.logo svg{display:block}.logo b{color:var(--l-accent);font-weight:inherit}.logo .crumb{color:var(--l-faint);font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:500}.nav-links{gap:var(--l-nav-gap);color:var(--l-muted);margin-left:auto;font-size:15px;font-weight:500;display:flex}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--l-ink)}.nav-actions{align-items:center;gap:14px;display:flex}@media (width<=47.5rem){.nav-links{display:none}}@media (width<=30rem){.logo .crumb{display:none}.nav-inner{padding:14px 18px}}.site-compact .nav-inner{max-width:none;padding:10px 24px}.site-compact .nav-links{margin-left:auto}@media (width<=47.5rem){.site-compact .nav-links{gap:0;display:flex}}@media (width<=30rem){.site-compact .nav-inner{padding:8px 16px}}.btn{cursor:pointer;white-space:nowrap;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--l-btn-grad);color:var(--l-btn-text);box-shadow:var(--l-btn-shadow)}.btn-dark:hover{background:var(--l-accent-deep)}.btn-ghost{background:var(--l-card);color:var(--l-ink);border:var(--l-rule);box-shadow:0 4px 14px -8px #0b122026}.btn-sm{padding:10px 20px;font-size:14px}.sub-panel{background:var(--l-grad);text-align:center;border-radius:44px;margin:0 16px;padding:78px 24px;position:relative;overflow:hidden}.sub-inner{max-width:620px;margin:0 auto;position:relative}.sub-inner .figrow{justify-content:center;margin-bottom:22px;display:flex}.sub-inner h2{font-size:clamp(28px,4vw,42px);font-weight:600;line-height:1.12}.sub-inner>p{color:var(--l-muted);margin-top:14px;font-size:16.5px}.sub-form{gap:10px;max-width:460px;margin:30px auto 0;display:flex}@media (width<=32.5rem){.sub-form{flex-direction:column}}.sub-form input[type=email]{border:var(--l-rule);background:var(--l-card);color:var(--l-ink);border-radius:999px;flex:1;min-width:0;padding:14px 20px;font-family:Inter,sans-serif;font-size:15px}.sub-form input[type=email]::placeholder{color:var(--l-faint)}.sub-proof{color:var(--l-faint);flex-wrap:wrap;justify-content:center;gap:22px;margin-top:22px;font-size:13.5px;display:flex}.sub-proof span{align-items:center;gap:7px;display:inline-flex}.sub-proof .ck{border:1.5px solid var(--l-teal);width:18px;height:18px;color:var(--l-teal);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.site-footer{background:var(--l-footer-grad);border-radius:44px;margin:28px 16px 16px;padding:56px 24px 36px}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;max-width:1080px;margin:0 auto;display:flex}.foot-row .tag{color:var(--l-muted);max-width:260px;margin-top:12px;font-size:14px}.foot-links{flex-wrap:wrap;gap:48px;display:flex}.foot-links h5{font-size:var(--l-label-size);text-transform:uppercase;letter-spacing:var(--l-label-tracking);color:var(--l-faint);margin-bottom:12px;font-family:Inter,sans-serif;font-weight:600}.foot-links a{color:var(--l-muted);padding:4px 0;font-size:14.5px;display:block}.foot-links a:hover{color:var(--l-ink)}.copyright{color:var(--l-faint);border-top:1px solid color-mix(in srgb,var(--l-ink) 10%,transparent);flex-wrap:wrap;justify-content:space-between;gap:8px;max-width:1080px;margin:40px auto 0;padding-top:22px;font-size:13.5px;display:flex}.fade{opacity:1;transform:none}@media (scripting:enabled){.fade{opacity:0;transition:opacity var(--motion-enter) ease,transform var(--motion-enter) ease;transform:translateY(26px)}.fade.in{opacity:1;transform:none}}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}:focus-visible{outline:3px solid var(--l-accent-deep);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade,.fade.in{opacity:1;transition:none;transform:none}.btn,.btn:hover{transition:none;transform:none}}.cat{letter-spacing:.01em;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-block}.cat-plum{background:var(--l-accent-soft);color:var(--l-accent-deep)}.cat-teal{background:var(--l-teal-soft);color:var(--l-teal-deep)}.cat-apricot{background:var(--l-apricot-soft);color:var(--l-apricot-deep)}.hero-panel{background:var(--l-grad);border-radius:44px;margin:8px 16px 0;padding:64px 24px 56px;position:relative;overflow:hidden}.hero-head{max-width:1080px;margin:0 auto 40px}.hero-head h1{font-size:clamp(34px,5vw,54px);font-weight:600;line-height:1.08}.hero-head p{color:var(--l-muted);max-width:560px;margin-top:14px;font-size:17px}.hero-head .feed-link{color:var(--l-accent-deep);align-items:center;gap:8px;margin-top:18px;font-size:14.5px;font-weight:500;display:inline-flex}.hero-head .feed-link:hover{text-decoration:underline}.featured{background:var(--l-card);border:var(--l-rule);max-width:1080px;box-shadow:var(--l-shadow);border-radius:26px;grid-template-columns:1.05fr 1fr;margin:0 auto;display:grid;overflow:hidden}@media (width<=53.75rem){.featured{grid-template-columns:1fr}}.featured .art{background:linear-gradient(135deg,var(--l-accent-soft) 0%,var(--l-accent-soft2) 55%,var(--l-art-tint) 100%);min-height:300px;position:relative}.featured .art svg{width:100%;height:100%;position:absolute;inset:0}.featured .body{flex-direction:column;padding:38px 40px 34px;display:flex}@media (width<=35rem){.featured .body{padding:28px 24px}}.featured .meta-top{align-items:center;gap:12px;display:flex}.featured .kicker{font-size:var(--l-label-size);letter-spacing:var(--l-label-tracking);text-transform:uppercase;color:var(--l-faint);font-weight:600}.featured h2{margin-top:16px;font-size:clamp(24px,2.8vw,32px);font-weight:600;line-height:1.18}.featured h2 a:hover{color:var(--l-accent-deep)}.featured .dek{color:var(--l-muted);max-width:46ch;margin-top:12px;font-size:16px}.featured .meta{color:var(--l-faint);margin-top:auto;padding-top:26px;font-size:13.5px}.filters{flex-wrap:wrap;align-items:center;gap:10px;max-width:1112px;margin:44px auto 8px;padding:0 24px;display:flex}.filter{cursor:pointer;background:var(--l-card);color:var(--l-muted);border:var(--l-rule);transition:color var(--motion-fast) ease,background var(--motion-fast) ease;border-radius:999px;padding:9px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.filter:hover{color:var(--l-ink)}.filter[aria-pressed=true]{background:var(--l-accent);border-color:var(--l-accent);color:var(--l-btn-text)}.filter-count{color:var(--l-faint);margin-left:auto;font-size:13px}@media (width<=35rem){.filter-count{display:none}}.grid-sec{padding:28px 0 88px}.pcard,.kcard{background:var(--l-card);border:var(--l-rule);transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease;border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.pcard:hover,.kcard:hover{box-shadow:var(--l-shadow);transform:translateY(-3px)}.pcard .body,.kcard .body{flex-direction:column;flex:1;display:flex}.pcard h3,.kcard h3{font-weight:600;line-height:1.3}.pcard h3 a:hover,.kcard h3 a:hover{color:var(--l-accent-deep)}.pcard .meta,.kcard .meta{color:var(--l-faint);margin-top:auto;font-size:13px}.thumb{height:150px;position:relative;overflow:hidden}.thumb svg{width:100%;height:100%;position:absolute;inset:0}.pgrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=60rem){.pgrid{grid-template-columns:1fr 1fr}}@media (width<=40rem){.pgrid{grid-template-columns:1fr}}.pcard.hide{display:none}.pcard .body{padding:22px 24px 20px}.pcard h3{margin-top:14px;font-size:18.5px}.pcard .dek{color:var(--l-muted);margin-top:8px;font-size:14.5px}.pcard .meta{align-items:center;gap:8px;padding-top:18px;display:flex}.post-hero{background:var(--l-grad);text-align:center;border-radius:44px;margin:8px 16px 0;padding:72px 24px 64px}.post-hero .inner{max-width:760px;margin:0 auto}.post-hero h1{margin-top:20px;font-size:clamp(32px,4.6vw,52px);font-weight:600;line-height:1.1}.post-hero .dek{color:var(--l-muted);max-width:600px;margin:20px auto 0;font-size:18px}.post-hero .meta{color:var(--l-faint);margin-top:28px;font-size:13.5px}.article-wrap{max-width:728px;margin:0 auto;padding:64px 24px 40px}.prose{color:var(--l-ink);font-size:17.5px;line-height:1.75}.prose p{margin:0 0 26px}.prose>p:first-child{color:var(--l-muted);font-size:19px}.prose h2{margin:52px 0 18px;font-size:27px;font-weight:600;line-height:1.25}.prose h3{margin:40px 0 14px;font-size:21px;font-weight:600}.prose h4{margin:32px 0 10px;font-size:18px;font-weight:600}.prose h5{letter-spacing:.02em;margin:28px 0 8px;font-size:15.5px;font-weight:600}.prose a{color:var(--l-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--l-accent) 35%,transparent);text-underline-offset:3px;font-weight:500}.prose a:hover{text-decoration-color:var(--l-accent)}.prose strong{font-weight:600}.prose ul,.prose ol{gap:10px;margin:0 0 26px 22px;display:grid}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li::marker{color:var(--l-accent)}.prose img{border-radius:14px;max-width:100%;height:auto;margin:0 0 26px;display:block}.prose hr{border:0;border-top:var(--l-rule);margin:44px 0}.prose code{background:var(--l-soft);border:var(--l-rule);border-radius:6px;padding:2px 6px;font-size:.92em}.prose pre{border:var(--l-rule);border-radius:18px;margin:0 0 26px;padding:20px 22px;overflow-x:auto;background:var(--l-soft)!important}.prose pre code{background:0 0;border:0;padding:0}.prose blockquote{border-left:4px solid var(--l-accent);margin:44px 0;padding:8px 0 8px 30px}.prose blockquote p{letter-spacing:-.01em;color:var(--l-accent-deep);margin:0;font-family:Geist,Inter,sans-serif;font-size:24px;font-weight:500;line-height:1.4}.prose blockquote cite{color:var(--l-faint);margin-top:12px;font-family:Inter,sans-serif;font-size:14px;font-style:normal;display:block}.prose table{border:var(--l-rule);border-collapse:separate;border-spacing:0;border-radius:18px;width:100%;margin:40px 0;font-size:15px;overflow:hidden}.prose th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--l-faint);background:var(--l-soft);padding:12px 22px;font-size:13px;font-weight:600}.prose td{border-top:var(--l-rule);color:var(--l-muted);padding:14px 22px}.prose td:first-child{color:var(--l-ink);font-weight:500}.keep{padding:72px 0 88px}.keep .head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.keep h2{font-size:clamp(24px,3vw,32px);font-weight:600}.keep .all{color:var(--l-accent);font-size:14.5px;font-weight:600}.keep .all:hover{color:var(--l-accent-deep)}.kgrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=53.75rem){.kgrid{grid-template-columns:1fr}}.kcard .thumb{height:130px}.kcard .body{padding:20px 22px}.kcard h3{margin-top:12px;font-size:17px}.kcard .meta{padding-top:14px}:root[data-theme=dark] .thumb svg,:root[data-theme=dark] .featured .art svg{filter:brightness(.88)saturate(.92)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .thumb svg,:root:not([data-theme=light]) .featured .art svg{filter:brightness(.88)saturate(.92)}}@media (prefers-reduced-motion:reduce){.pcard,.pcard:hover,.kcard,.kcard:hover{transition:none;transform:none}}
