.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,7vw,6rem) clamp(1.5rem,4vw,4rem);margin-top:3.5rem;display:grid}.blog-index{padding-top:clamp(3.25rem,6vw,4.5rem)}.blog-grid .post-card{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:flex-start;padding:0;transition:none;display:flex}.blog-grid .post-card:hover{border-color:#0000;transform:none}.post-card__link{width:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.post-card__image{width:100%;color:inherit;margin-bottom:1.35rem;display:block}.post-card__image img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.blog-grid .post-card--featured{grid-column:1/-1}.blog-grid .post-card--featured .post-card__link{border-radius:1.5rem;display:block;position:relative;overflow:hidden}.blog-grid .post-card--featured .post-card__image{margin:0}.blog-grid .post-card--featured .post-card__image img{aspect-ratio:16/6;transition:transform .22s}.blog-grid .post-card--featured .post-card__link:hover .post-card__image img{transform:scale(1.035)}.blog-grid .post-card--featured .post-card__content{color:#fff;background:linear-gradient(#0000 24%,#0000009e 62%,#000000e6);align-items:flex-end;padding:clamp(1.25rem,4vw,2.5rem);display:flex;position:absolute;inset:0}.blog-grid .post-card--featured h2{max-width:24ch;margin:0;font-size:clamp(1.55rem,3.2vw,2.7rem);line-height:1.06}.blog-grid .post-card--centered{grid-column:1/-1;justify-self:center;width:calc(50% - clamp(1.5rem,4vw,4rem)/2)}.blog-archive-link{width:fit-content;margin:3.5rem auto 0;display:flex}.post-card h2{letter-spacing:-.055em;margin:0 0 .75rem;font-size:clamp(1.65rem,2.6vw,2.6rem);line-height:1.08}.post-card p,.related-card p{color:var(--muted);margin-bottom:1.6rem}.prose{max-width:none}.article-hero{text-align:start;max-width:40.75rem;margin-inline:auto}.article-hero h1{letter-spacing:-.05em;max-width:24ch;font-size:clamp(2rem,3.25vw,3.25rem)}.article-hero .lead{margin-inline:0}.article-share{color:var(--muted);justify-content:flex-start;gap:.8rem;margin-top:1.5rem;font-size:.9rem;display:flex}.article-share a,.article-share button{color:var(--foreground);font:inherit;text-decoration:underline;text-decoration-color:color-mix(in oklab, currentColor 42%, transparent);text-underline-offset:.22em;background:0 0;border:0;padding:0;font-weight:750}.article-share button{cursor:pointer}.about-page__header{text-align:center;max-width:46rem;margin:0 auto clamp(3.5rem,7vw,6rem)}.about-page__header h1{max-width:none;margin:0;font-size:clamp(1.9rem,3.25vw,3rem);line-height:1}.about-page__tagline{max-width:34rem;color:var(--accent);text-align:center;margin:.85rem auto 0;font-size:clamp(.95rem,1.65vw,1.15rem);font-weight:750;line-height:1.4}.article-body{text-align:start;max-width:61.25rem;margin:3rem auto 0;font-size:1.08rem;line-height:1.8}.article-body h2,.prose h2{max-width:40.75rem;margin:3.25rem auto 1rem;font-size:clamp(1.7rem,3vw,2.35rem)}.article-body h3,.prose h3{max-width:40.75rem;margin:2.25rem auto 1rem}.article-body p,.prose>p{max-width:40.75rem;margin-inline:auto}.article-body p:has(>img:only-child){max-width:61.25rem;margin-block:2.5rem}.article-body p>img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.article-body a,.prose a{color:var(--accent);text-underline-offset:.18em;font-weight:750}.article-body blockquote{background:color-mix(in oklab, var(--background) 85%, black);max-width:40.75rem;color:var(--foreground);letter-spacing:-.03em;margin:2.75rem auto;padding:1.35rem 1.5rem 1.35rem 2.35rem;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700;line-height:1.4;position:relative}.article-body blockquote:before{content:"“";color:var(--accent);opacity:.8;font-family:Georgia,serif;font-size:2.7rem;line-height:1;position:absolute;top:.72rem;left:.75rem}.article-body blockquote p{margin:0;position:relative}.article-body>:is(.article-journey,.article-photo){max-width:61.25rem;margin-inline:auto}.article-body>:is(.article-pullquote,.article-callout,.article-answer-path){max-width:40.75rem;margin-inline:auto}.article-pullquote,.article-callout,.article-answer-path,.article-journey{margin:2.5rem 0}.article-pullquote{background:var(--surface);padding:clamp(1.5rem,4vw,2.5rem);position:relative}.article-pullquote:before{content:"“";color:var(--accent);opacity:.16;font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute;top:-.4rem;right:0}.article-pullquote>p:first-child{letter-spacing:-.025em;max-width:36rem;margin:0;font-size:clamp(1.18rem,2.2vw,1.55rem);font-weight:700;line-height:1.35;position:relative}.article-journey{background:color-mix(in oklab, var(--accent) 17%, var(--surface));color:var(--foreground);padding:clamp(1.5rem,4vw,2.5rem)}.article-journey figcaption{gap:.35rem;max-width:38rem;display:grid}.article-journey figcaption strong{letter-spacing:-.03em;font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:1.25}.article-journey ol{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.article-journey li{min-width:0;padding:0}.article-journey li>span{color:var(--accent);font-family:var(--font-mono);margin-bottom:.5rem;font-size:.72rem;font-weight:800;display:block}.article-journey li strong{font-size:1rem;display:block}.article-journey li p{color:var(--muted);margin:.4rem 0 0;font-size:.86rem;line-height:1.45}.article-photo{margin:2.5rem 0}.article-photo img{object-fit:cover;border-radius:0;width:100%;height:clamp(15rem,30vw,21rem);display:block}.article-photo--screenshot img{object-fit:contain;height:auto}.article-photo figcaption{max-width:40.75rem;color:var(--muted);text-align:start;margin:.8rem auto 0;font-size:.9rem;font-style:italic;line-height:1.45}.article-callout{background:color-mix(in oklab, var(--accent) 14%, var(--surface));padding:clamp(1.25rem,3vw,1.75rem);font-size:1.15rem;line-height:1.6}.article-callout>p:last-child,.article-answer-path>p:last-child{margin:0}.article-answer-path{background:var(--surface);padding:clamp(1.5rem,4vw,2.25rem)}.article-answer-path h3{letter-spacing:-.04em;max-width:none;margin:0 0 .7rem;font-size:clamp(1.4rem,3vw,2rem);line-height:1.16}.article-answer-path>p:last-child{max-width:42rem;color:var(--muted)}.related-section{background:0 0;padding:0 0 clamp(3rem,6vw,5rem)}.related-section .shell{max-width:81rem}.related-section h2{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.35rem,2.2vw,1.8rem)}.related-grid{grid-template-columns:1fr;gap:0;margin-top:clamp(2.5rem,5vw,4rem);display:grid}.related-link{min-height:clamp(10rem,18vw,13rem);color:inherit;grid-template-columns:minmax(7rem,12rem) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1.8rem,4vw,2.75rem) 0;text-decoration:none;display:grid;position:relative}.related-link+.related-link:before{background:var(--border);content:"";height:1px;position:absolute;top:0;left:0;right:0}.related-link__visual{aspect-ratio:1;background:var(--surface);border-radius:1.5rem;place-items:center;width:100%;display:grid;overflow:hidden}.related-link__visual img{object-fit:cover;width:100%;height:100%}.related-link__mark{color:var(--foreground);letter-spacing:-.09em;font-size:clamp(1.1rem,2vw,1.75rem);font-weight:900}.related-link__mark span{color:var(--accent)}.related-link__content{align-content:center;gap:.75rem;display:grid}.related-link h3{letter-spacing:-.045em;max-width:30ch;margin:0;font-size:clamp(1.35rem,2.7vw,2.35rem);line-height:1.12}.related-link time{color:var(--muted);font-size:clamp(1rem,1.8vw,1.35rem)}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:3.5rem;display:grid}.archive-item{min-height:13rem;color:inherit;grid-template-columns:minmax(6rem,10rem) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1.5rem,4vw,2.5rem) 0;text-decoration:none;display:grid}.archive-item:nth-child(odd){padding-right:clamp(1.5rem,4vw,4rem)}.archive-item:nth-child(2n){padding-left:clamp(1.5rem,4vw,4rem)}.archive-item:nth-child(n+3){border-top:1px solid var(--border)}.archive-item img{aspect-ratio:1;object-fit:cover;border-radius:1.2rem;width:100%}.archive-item h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.12}.archive-item time{color:var(--muted);margin-top:.8rem;font-size:.9rem;display:block}.archive-pagination{color:var(--muted);justify-content:center;align-items:center;gap:1.25rem;margin-top:3.5rem;display:flex}.archive-pagination a{color:var(--foreground);text-underline-offset:.2em;font-weight:750}.article-illustration{aspect-ratio:16/10;background:linear-gradient(135deg,oklch(25% .034 255),oklch(48% .07 208));width:100%;display:block;position:relative;overflow:hidden}.article-illustration--cover{background:var(--surface)}.article-illustration--cover img{object-fit:cover;object-position:82% 50%;width:100%;height:100%;display:block}.article-illustration>:is(i,b,em){display:block;position:absolute}.article-illustration--fields{background:linear-gradient(135deg,oklch(71% .13 177),oklch(31% .06 226))}.article-illustration--fields i{aspect-ratio:1;border:1px solid oklch(100% 0 0/.62);border-radius:50%;width:42%;top:16%;left:20%;box-shadow:3.1rem -1.8rem 0 -1px oklch(100% 0 0/.3)}.article-illustration--fields b,.article-illustration--fields em{aspect-ratio:1;background:oklch(100% 0 0/.8);border-radius:50%;width:.8rem}.article-illustration--fields b{bottom:21%;right:18%}.article-illustration--fields em{opacity:.46;bottom:17%;left:16%}.article-illustration--search i{border:1px solid oklch(91% .01 255/.42);border-radius:.6rem;inset:19% 20%;box-shadow:1rem -.9rem oklch(91% .01 255/.12)}.article-illustration--search b{background:oklch(91% .01 255/.7);border-radius:99px;width:39%;height:.5rem;top:34%;left:29%;box-shadow:0 1.25rem oklch(91% .01 255/.4),0 2.5rem oklch(91% .01 255/.24)}.article-illustration--knowledge{background:linear-gradient(135deg,oklch(37% .075 277),oklch(69% .11 333))}.article-illustration--knowledge i{aspect-ratio:1;border:1px solid oklch(100% 0 0/.62);border-radius:1.2rem;width:35%;top:24%;left:33%;transform:rotate(45deg)}.article-illustration--knowledge b,.article-illustration--knowledge em{aspect-ratio:1;background:oklch(100% 0 0/.8);border-radius:50%;width:.8rem}.article-illustration--knowledge b{top:22%;left:48%}.article-illustration--knowledge em{opacity:.46;bottom:20%;left:20%;box-shadow:7rem 0 oklch(100% 0 0/.46)}.home-post__image.article-illustration{aspect-ratio:auto;min-height:11rem}.blog-grid .post-card--featured .article-illustration{aspect-ratio:16/6}.archive-item>.article-illustration{aspect-ratio:1}.related-section .related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3.5rem}.related-section .related-link{border:1px solid var(--border);background:var(--surface-raised);border-radius:1rem;flex-direction:column;min-width:0;min-height:0;padding:0;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.related-section .related-link+.related-link:before{display:none}.related-section .related-link:hover{border-color:color-mix(in oklab, var(--accent) 50%, var(--border));transform:translateY(-4px)}.related-section .related-link__visual{aspect-ratio:auto;border-radius:0;min-height:11rem}.related-section .related-link__content{flex-direction:column;flex:1;align-items:flex-start;padding:1.35rem;display:flex}.related-section .related-link h3{letter-spacing:-.035em;margin:0 0 1.7rem;font-size:1.3rem;line-height:1.2}.related-section .related-link time{margin-top:auto;font-size:.82rem}@media (width<=760px){.related-section .related-grid{grid-template-columns:1fr;margin-top:2.2rem}.related-section .related-link__content{gap:.45rem}.blog-grid{gap:2rem 1rem;margin-top:2.2rem}.blog-grid .post-card:not(.post-card--featured) h2{font-size:clamp(1.25rem,4vw,1.65rem)}.blog-grid .post-card:not(.post-card--featured) p{font-size:.9rem}.related-grid,.archive-grid,.article-journey ol{grid-template-columns:1fr;margin-top:2.2rem}.related-link{grid-template-columns:5.5rem minmax(0,1fr);gap:1.25rem;min-height:0;padding:1.6rem 0}.related-link__visual{border-radius:1rem}.related-link__content{gap:.45rem}.archive-item,.archive-item:nth-child(odd),.archive-item:nth-child(2n){min-height:0;padding:1.5rem 0}.archive-item+.archive-item{border-top:1px solid var(--border)}.article-body{margin-top:2.2rem;font-size:1rem}.article-body h2,.prose h2{margin-top:2.5rem}.article-journey li>span{margin-bottom:.5rem}}@media (width<=540px){.blog-grid{grid-template-columns:1fr}.blog-grid .post-card--centered{width:100%}}
