:root{--color-paper:oklch(98.6% .006 95);--color-paper-glass:oklch(99% .004 95/.86);--color-paper-2:oklch(100% 0 0);--color-paper-3:oklch(96.5% .008 95);--color-paper-muted:oklch(82% .012 95);--color-ink:oklch(19% .01 260);--color-ink-soft:oklch(38% .01 260);--color-muted:oklch(52% .01 260);--color-rule:oklch(90% .008 95);--color-focus:oklch(52% .2 235);--color-accent:oklch(88% .175 96);--color-accent-ink:oklch(20% .012 250);--color-accent-soft:oklch(93% .08 95);--color-accent-hover:oklch(85% .185 94);--color-accent-deep:oklch(67% .16 95);--color-accent-shadow:oklch(78% .17 92/.55);--color-accent-2:oklch(66% .18 235);--color-accent-2-soft:oklch(91% .06 235);--color-accent-2-hover:oklch(87% .09 235);--color-accent-3:oklch(68% .24 18);--color-accent-3-soft:oklch(93% .055 18);--color-accent-3-hover:oklch(89% .085 18);--color-mint:oklch(80% .16 150);--color-lavender-soft:oklch(93% .055 305);--color-lavender-hover:oklch(89% .085 305);--color-transparent:transparent;--font-display:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--font-body:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--font-label:"SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--text-xs:.72rem;--text-sm:.84rem;--text-base:1rem;--text-md:clamp(1.05rem, 1.5vw, 1.25rem);--text-lg:clamp(1.35rem, 2vw, 1.65rem);--text-xl:clamp(1.7rem, 3vw, 2.25rem);--text-2xl:clamp(2.1rem, 4vw, 3rem);--text-3xl:clamp(2.6rem, 5vw, 4.5rem);--text-display-s:clamp(3rem, 6vw, 5rem);--text-display:clamp(3.25rem, 7.6vw, 6rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-press:cubic-bezier(.2, .7, .3, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--rule-hair:1px;--rule-medium:2px;--rule-bold:3px;--rule-focus:3px;--radius-input:.75rem;--radius-card:1.25rem;--weight-display:800;--radius-art:1.75rem;--radius-pill:999px;--shadow-card:0 1px 2px oklch(20% .01 260/.04), 0 12px 32px -12px oklch(20% .01 260/.12);--shadow-art:0 2px 6px oklch(20% .01 260/.05), 0 40px 80px -32px oklch(20% .01 260/.28);--shadow-language:0 4px 18px oklch(20% .012 250/.12);--page-max:78rem;--page-gutter:clamp(1rem, 4vw, 3rem);--banner-h:2.625rem;--bar-h:4.25rem;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}html :is(h1,h2,h3){font-weight:var(--weight-display)}html h1{letter-spacing:-.035em}html h2{letter-spacing:-.03em}html h3{letter-spacing:-.02em}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--color-paper);color:var(--color-ink)}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit}h1,p,ul{margin:0}ul{padding:0;list-style:none}h1{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:-.035em;line-height:1.05}.shell{width:min(100%, var(--page-max));padding-inline:var(--page-gutter);margin-inline:auto}.blog-head{gap:var(--space-md);padding-block:var(--space-2xl) var(--space-xl);display:grid}.blog-head h1{max-width:18ch;font-size:clamp(2.4rem,5vw,4rem)}.blog-head p{max-width:42rem;color:var(--color-ink-soft);font-size:var(--text-md)}.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));padding-block-end:var(--space-3xl);display:grid}.blog-grid a{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);height:100%;box-shadow:var(--shadow-card);transition:transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);text-decoration:none;display:grid;overflow:hidden}.blog-grid a:hover{box-shadow:var(--shadow-art);transform:translateY(-3px)}.blog-grid img{aspect-ratio:16/8;object-fit:cover;width:100%;height:auto;display:block}.blog-card__body{align-content:start;gap:var(--space-xs);padding:var(--space-lg);display:grid}.blog-card__body small{color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.blog-card__body strong{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.025em;line-height:1.15}.blog-card__body span{color:var(--color-ink-soft);font-size:var(--text-sm)}