@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--brand-50:#f1edff;--brand-100:#e3daff;--brand-200:#c6b5ff;--brand-300:#a489ff;--brand-400:#7d5cff;--brand-500:#4a24ea;--brand-600:#3d1ac9;--brand-700:#3014a0;--brand-800:#240e78;--brand-900:#170850;--brand-wash:#f6f2ff;--brand-tint:#ede5ff;--brand-glow:#4a24ea2e;--brand-glow-soft:#4a24ea14;--neutral-0:#fff;--neutral-25:#fbfbfd;--neutral-50:#f6f6f9;--neutral-100:#eeeef3;--neutral-200:#e2e2ea;--neutral-300:#cbcbd6;--neutral-400:#9b9bab;--neutral-500:#6e6e80;--neutral-600:#4d4d5d;--neutral-700:#353544;--neutral-800:#1f1f2c;--neutral-900:#0d0d18;--bg:var(--neutral-25);--bg-elev:var(--neutral-0);--bg-sunken:var(--neutral-50);--bg-tint:var(--brand-wash);--fg:var(--neutral-900);--fg-1:var(--neutral-800);--fg-2:var(--neutral-600);--fg-3:var(--neutral-500);--fg-4:var(--neutral-400);--fg-on-brand:var(--neutral-0);--fg-link:var(--brand-500);--border:var(--neutral-200);--border-strong:var(--neutral-300);--border-soft:var(--neutral-100);--border-brand:var(--brand-500);--success-50:#e8f8f0;--success-500:#12a05f;--success-700:#0a6a3f;--warning-50:#fff4e0;--warning-500:#f5a524;--warning-700:#a8690a;--danger-50:#fdecec;--danger-500:#e0394a;--danger-700:#a01a28;--info-50:#eaf3ff;--info-500:#2563eb;--info-700:#1c47ad;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-serif:"Instrument Serif", ui-serif, Georgia, "Times New Roman", serif;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-28:28px;--fs-32:32px;--fs-40:40px;--fs-48:48px;--fs-56:56px;--fs-72:72px;--fs-96:96px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.45;--lh-loose:1.65;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-base:0em;--tracking-wide:.04em;--tracking-caps:.08em;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--h1-size:var(--fs-40);--h1-lh:var(--lh-tight);--h1-tr:var(--tracking-tight);--h1-fw:var(--fw-semibold);--h2-size:var(--fs-32);--h2-lh:var(--lh-snug);--h2-tr:var(--tracking-snug);--h2-fw:var(--fw-semibold);--h3-size:var(--fs-24);--h3-lh:var(--lh-snug);--h3-tr:var(--tracking-snug);--h3-fw:var(--fw-semibold);--h4-size:var(--fs-20);--h4-lh:var(--lh-snug);--h4-tr:var(--tracking-base);--h4-fw:var(--fw-semibold);--body-lg-size:var(--fs-18);--body-lg-lh:var(--lh-loose);--body-lg-fw:var(--fw-regular);--body-size:var(--fs-15);--body-lh:var(--lh-normal);--body-fw:var(--fw-regular);--body-sm-size:var(--fs-13);--body-sm-lh:var(--lh-normal);--body-sm-fw:var(--fw-regular);--label-size:var(--fs-13);--label-lh:1.3;--label-fw:var(--fw-medium);--caption-size:var(--fs-12);--caption-lh:1.3;--caption-fw:var(--fw-regular);--eyebrow-size:var(--fs-12);--eyebrow-lh:1.2;--eyebrow-fw:var(--fw-semibold);--eyebrow-tr:var(--tracking-caps);--code-size:var(--fs-13);--code-lh:1.5;--code-fw:var(--fw-regular);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--shadow-xs:0 1px 0 0 #0f0f1e0a;--shadow-sm:0 1px 2px #0f0f1e0f, 0 1px 0 #0f0f1e08;--shadow-md:0 4px 12px #0f0f1e0f, 0 1px 2px #0f0f1e0a;--shadow-lg:0 12px 32px #0f0f1e14, 0 2px 6px #0f0f1e0a;--shadow-xl:0 24px 56px #0f0f1e1f, 0 4px 10px #0f0f1e0f;--shadow-focus:0 0 0 4px var(--brand-glow);--shadow-brand:0 12px 32px -8px var(--brand-glow);--inset-hairline:inset 0 0 0 1px var(--border);--inset-hairline-strong:inset 0 0 0 1px var(--border-strong);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-instant:80ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.42s;--dur-lazy:.72s;--max-w-prose:68ch;--max-w-page:1200px;--max-w-wide:1440px}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--body-size);line-height:var(--body-lh);font-weight:var(--body-fw);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1{font-size:var(--h1-size);line-height:var(--h1-lh);letter-spacing:var(--h1-tr);font-weight:var(--h1-fw);color:var(--fg-1);margin:0}h2{font-size:var(--h2-size);line-height:var(--h2-lh);letter-spacing:var(--h2-tr);font-weight:var(--h2-fw);color:var(--fg-1);margin:0}h3{font-size:var(--h3-size);line-height:var(--h3-lh);letter-spacing:var(--h3-tr);font-weight:var(--h3-fw);color:var(--fg-1);margin:0}h4{font-size:var(--h4-size);line-height:var(--h4-lh);letter-spacing:var(--h4-tr);font-weight:var(--h4-fw);color:var(--fg-1);margin:0}p{font-size:var(--body-size);line-height:var(--body-lh);color:var(--fg-2);margin:0}.eyebrow{font-size:var(--eyebrow-size);line-height:var(--eyebrow-lh);letter-spacing:var(--eyebrow-tr);font-weight:var(--eyebrow-fw);text-transform:uppercase;color:var(--brand-500)}code,kbd{font-family:var(--font-mono);font-size:var(--code-size);line-height:var(--code-lh)}a{color:var(--fg-link);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--brand-700);text-decoration:underline}::selection{background:var(--brand-tint);color:var(--brand-700)}body{background:var(--bg)}.wrap{width:100%;max-width:var(--max-w-page);margin:0 auto;padding-inline:clamp(20px,4vw,32px)}.prose-wrap{max-width:720px;margin:0 auto;padding-inline:clamp(20px,5vw,24px)}.site-header{z-index:50;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fbfbfde0;align-items:center;height:64px;display:flex;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:20px;display:flex}.site-header .logo{flex-shrink:0;align-items:center;display:flex}.site-header .logo img{height:19px;display:block}.site-nav{align-items:center;gap:clamp(14px,2.4vw,30px);min-width:0;display:flex}.site-nav a{font-size:var(--fs-14);color:var(--fg-2);white-space:nowrap}.site-nav a:hover{color:var(--fg-1);text-decoration:none}.site-nav a[aria-current=page]{color:var(--brand-500);font-weight:var(--fw-medium)}.nav-wide{align-items:center;gap:clamp(14px,2.4vw,30px);display:flex}.site-nav a.btn,.site-nav a.btn:hover{color:var(--fg-on-brand)}.btn{border-radius:var(--radius-md);border:1px solid var(--brand-500);background:var(--brand-500);height:34px;color:var(--fg-on-brand);font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.btn:hover{background:var(--brand-600);border-color:var(--brand-600);color:var(--fg-on-brand);text-decoration:none}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.progress-track{z-index:60;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.progress-bar{background:var(--brand-500);width:0;height:100%;transition:width var(--dur-instant) linear}.hero{padding-block:clamp(48px,8vw,104px) clamp(28px,4vw,44px)}.hero .eyebrow-row{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:var(--fw-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brand-500);align-items:center;gap:10px;margin-bottom:20px;display:inline-flex}.hero .eyebrow-row:before{content:"";background:var(--brand-200);width:24px;height:1px}.hero h1{letter-spacing:-.03em;font-size:clamp(40px,7vw,68px);line-height:1;font-weight:var(--fw-medium);color:var(--fg-1);text-wrap:balance;max-width:20ch}.hero h1 em{font-family:var(--font-serif);font-style:italic;font-weight:var(--fw-regular);color:var(--brand-500)}.hero p{color:var(--fg-2);text-wrap:pretty;max-width:56ch;margin-top:22px;font-size:clamp(17px,1.4vw,19px);line-height:1.55}.filters{padding-bottom:clamp(24px,3vw,36px)}.filters .row{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-bottom:24px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-elev);height:34px;color:var(--fg-2);font-size:var(--fs-13);font-weight:var(--fw-medium);transition:all var(--dur-fast) var(--ease-out);align-items:center;padding:0 14px;display:inline-flex}.chip:hover{border-color:var(--brand-200);color:var(--fg-1);text-decoration:none}.chip[aria-current=page]{background:var(--brand-500);border-color:var(--brand-500);color:var(--neutral-0)}.featured{padding-block:clamp(12px,2vw,24px) clamp(32px,4vw,48px)}.featured .grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:clamp(24px,4vw,56px);display:grid}.featured .shot{aspect-ratio:16/11;border-radius:var(--radius-lg);background:var(--brand-wash);border:1px solid var(--brand-100);position:relative;overflow:hidden}.featured .shot img{object-fit:cover;width:100%;height:100%;display:block}.featured h2{letter-spacing:-.025em;font-size:clamp(28px,3.4vw,42px);line-height:1.08;font-weight:var(--fw-medium);color:var(--fg-1);text-wrap:balance;max-width:26ch}.featured h2 a{color:inherit}.featured h2 a:hover{color:var(--brand-500);text-decoration:none}.featured p{font-size:var(--fs-16);text-wrap:pretty;max-width:52ch;margin-top:18px;line-height:1.6}.read-more{font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--brand-500);align-items:center;gap:8px;margin-top:26px;display:inline-flex}.meta{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.meta .tag{color:var(--brand-500);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:var(--fw-medium)}.meta .tag:hover{color:var(--brand-700)}.meta .dot{background:var(--neutral-300);border-radius:50%;width:3px;height:3px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;transition:box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex-direction:column;gap:14px;padding:24px;display:flex}.card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200)}.card .meta{font-size:var(--fs-11,11px);gap:10px}.card h3{font-size:var(--fs-20);letter-spacing:-.015em;line-height:1.25;font-weight:var(--fw-semibold);color:var(--fg-1);text-wrap:pretty}.card h3 a{color:inherit}.card h3 a:hover{color:var(--brand-500);text-decoration:none}.card p{font-size:var(--fs-14);text-wrap:pretty;line-height:1.6}.card .read-time{font-family:var(--font-mono);color:var(--fg-4);margin-top:auto;padding-top:6px;font-size:11px}.card .thumb{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--bg-sunken);overflow:hidden}.card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.pagination{justify-content:center;align-items:center;gap:8px;padding-top:clamp(32px,4vw,48px);display:flex}.pagination a,.pagination span{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elev);min-width:34px;height:34px;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--fg-2);justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.pagination a:hover{border-color:var(--brand-200);color:var(--brand-500);text-decoration:none}.pagination [aria-current=page]{background:var(--brand-500);border-color:var(--brand-500);color:var(--neutral-0)}.article-head{max-width:720px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(20px,5vw,24px) 0}.back-link{font-size:var(--fs-13);color:var(--fg-3);align-items:center;gap:7px;margin-bottom:32px;display:inline-flex}.back-link:hover{color:var(--brand-500);text-decoration:none}.article-head h1{letter-spacing:-.03em;font-size:clamp(32px,5.6vw,52px);line-height:1.06;font-weight:var(--fw-medium);color:var(--fg-1);text-wrap:balance}.article-head .lede{color:var(--fg-2);text-wrap:pretty;margin-top:24px;font-size:clamp(18px,1.8vw,21px);line-height:1.55}.byline{border-top:1px solid var(--border);border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-top:36px;padding:20px 0;display:flex}.byline .avatar{background:var(--brand-tint);width:38px;height:38px;color:var(--brand-700);font-size:var(--fs-13);font-weight:var(--fw-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.byline .who{flex-direction:column;gap:2px;display:flex}.byline .name{font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--fg-1)}.byline .role{font-size:var(--fs-13);color:var(--fg-3)}.article-hero{max-width:900px;margin:clamp(32px,5vw,56px) auto 0;padding-inline:clamp(20px,5vw,24px)}.article-hero .frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--brand-wash);border:1px solid var(--brand-100);position:relative;overflow:hidden}.article-hero img{object-fit:cover;width:100%;height:100%;display:block}.toc{background:var(--bg-tint);border:1px solid var(--brand-100);border-radius:var(--radius-lg);margin-top:clamp(40px,6vw,56px);padding:20px 22px}.toc h2{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--brand-700);margin-bottom:12px}.toc ol{flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.toc li{font-size:var(--fs-14);color:var(--fg-2);line-height:1.5}.toc .sub{padding-left:14px}.prose{flex-direction:column;gap:28px;padding-top:clamp(40px,6vw,64px);display:flex}.prose>*{margin:0}.prose p,.prose li{color:var(--fg-2);text-wrap:pretty;font-size:clamp(17px,1.5vw,19px);line-height:1.75}.prose h2{letter-spacing:-.02em;font-size:clamp(25px,2.6vw,31px);line-height:1.2;font-weight:var(--fw-semibold);color:var(--fg-1);margin-top:20px;scroll-margin-top:88px}.prose h3,.prose h4{letter-spacing:-.01em;font-size:clamp(19px,1.9vw,22px);line-height:1.3;font-weight:var(--fw-semibold);color:var(--fg-1);margin-top:8px;scroll-margin-top:88px}.prose ul,.prose ol{flex-direction:column;gap:12px;padding-left:22px;display:flex}.prose strong{color:var(--fg-1);font-weight:var(--fw-semibold)}.prose img{border-radius:var(--radius-lg);border:1px solid var(--border);max-width:100%;height:auto;margin-inline:auto;display:block}.prose figure{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.prose figcaption{font-size:var(--fs-13);color:var(--fg-3);line-height:1.5}.prose blockquote{border-left:2px solid var(--brand-200);color:var(--fg-2);margin:0;padding:4px 0 4px 20px;font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);width:100%}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-15)}.prose th,.prose td{border:1px solid var(--border);text-align:left;color:var(--fg-2);padding:10px 12px}.prose th{background:var(--bg-sunken);color:var(--fg-1);font-weight:var(--fw-semibold)}.prose iframe{aspect-ratio:16/9;border-radius:var(--radius-lg);border:0;width:100%}.prose pre{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;overflow-x:auto}.article-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(32px,5vw,48px);padding-top:28px;display:flex}.article-foot .updated{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--fg-4)}.article-tags{flex-wrap:wrap;gap:8px;padding-top:28px;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--bg-elev);margin-top:clamp(64px,9vw,112px)}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:40px;display:flex}.site-footer img{opacity:.85;height:17px;display:block}.site-footer nav{flex-wrap:wrap;align-items:center;gap:clamp(14px,2.4vw,28px);display:flex}.site-footer nav a{font-size:var(--fs-13);color:var(--fg-3)}.site-footer nav a:hover{color:var(--fg-1);text-decoration:none}.site-footer .copyright{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--fg-4)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.nav-wide{display:none}.site-header .wrap{gap:12px}.featured .grid{gap:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.search{padding-bottom:clamp(48px,8vw,96px)}.search-box{gap:20px;max-width:760px;display:grid}.search{--pf-font:var(--font-sans);--pf-text:var(--fg-1);--pf-text-secondary:var(--fg-2);--pf-background:var(--bg-elev);--pf-border:var(--border);--pf-border-focus:var(--brand-500);--pf-border-radius:var(--radius-md);--pf-hover:var(--bg-sunken);--pf-mark:var(--fg-1)}.hero p+p{margin-top:8px}.not-found{padding-bottom:clamp(48px,8vw,96px)}