.blog-page{width:100%}.blog-hero{display:grid;gap:clamp(2rem,5vw,3.5rem);padding:clamp(3rem,6vw,5rem) 0 clamp(3rem,7vw,5.5rem);border-bottom:1px solid var(--line)}.blog-hero>.use-cases-hero{padding-top:0;padding-bottom:0;max-width:68rem}.blog-hero>.use-cases-hero h1.display{margin:0;max-width:min(28ch,100%);font-size:clamp(1.075rem,.625rem + 1.9vw,2.6rem);font-weight:500;letter-spacing:-.035em;line-height:1.12;font-family:Google Sans Text,ui-sans-serif,sans-serif}.blog-hero__layout{display:grid;gap:clamp(.46875rem,.9375vw,.75rem);align-items:stretch}.blog-hero__secondary{display:grid;gap:clamp(.46875rem,.9375vw,.75rem)}.blog-section .section-head,.blog-recent-section .section-head{max-width:58rem}.blog-section .section-head h2,.blog-recent-section .section-head h2{max-width:26ch}.blog-grid{display:grid;grid-template-columns:1fr;gap:clamp(.46875rem,.9375vw,.75rem)}.blog-feed-section{scroll-margin-top:5rem;padding:clamp(2.25rem,4vw,3.25rem) 0;border-bottom:1px solid var(--line)}.blog-feed-section:last-of-type{border-bottom:none}.blog-feed-section__title{margin:0;max-width:min(32ch,100%);font-size:clamp(1.15rem,.85rem + 1.1vw,1.85rem);line-height:1.15}.blog-feed-empty{margin:0;max-width:52ch;font-family:Google Sans Text,ui-sans-serif,sans-serif;font-size:var(--text-base);color:var(--muted);line-height:1.55}.blog-feed-section__grid{margin-top:clamp(1rem,2vw,1.5rem)}.blog-card{position:relative;display:flex;flex-direction:column;min-height:0;padding:0;border:1px solid var(--line);border-radius:var(--r-3);background:var(--surface);font-family:Geist Mono,ui-monospace,monospace;overflow:hidden}.blog-card__hitarea{position:absolute;inset:0;z-index:1;border-radius:inherit}.blog-card>:not(.blog-card__hitarea){position:relative;z-index:2;pointer-events:none}.blog-card__media{flex-shrink:0;width:100%;aspect-ratio:16 / 9;background:var(--surface-2);border-bottom:1px solid var(--line)}.blog-card__media--image{position:relative;overflow:hidden;background:var(--surface-2)}.blog-card__media--image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.blog-card__media--a{position:relative;overflow:hidden;background:var(--surface-2)}.blog-card__media--a:before{content:"";position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(-32deg,transparent 0,transparent 13px,oklch(.93 .014 265 / .065) 13px,oklch(.93 .014 265 / .065) 14px)}.blog-card__media--a:after{content:"";position:absolute;inset:0;opacity:.4;background:repeating-linear-gradient(48deg,transparent 0,transparent 19px,oklch(from var(--primary) l c h / .11) 19px,oklch(from var(--primary) l c h / .11) 20px)}.blog-card__media--b{position:relative;overflow:hidden;background:var(--surface-2)}.blog-card__media--b:before{content:"";position:absolute;inset:0;opacity:.48;background:repeating-linear-gradient(180deg,transparent 0,transparent 17px,oklch(.93 .014 265 / .055) 17px,oklch(.93 .014 265 / .055) 18px)}.blog-card__media--b:after{content:"";position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(90deg,transparent 0,transparent 28px,oklch(.93 .014 265 / .045) 28px,oklch(.93 .014 265 / .045) 29px)}.blog-card__media--c{position:relative;overflow:hidden;background:var(--surface-2)}.blog-card__media--c:before{content:"";position:absolute;inset:0;opacity:.42;background:repeating-linear-gradient(118deg,transparent 0,transparent 24px,oklch(.93 .014 265 / .05) 24px,oklch(.93 .014 265 / .05) 25px)}.blog-card__media--c:after{content:"";position:absolute;inset:0;opacity:.55;background:linear-gradient(185deg,transparent 38%,oklch(from var(--primary) l c h / .06) 52%,transparent 66%),repeating-linear-gradient(-12deg,transparent 0,transparent 31px,oklch(from var(--primary) l c h / .075) 31px,oklch(from var(--primary) l c h / .075) 32px)}.blog-card__body{display:flex;flex-direction:column;gap:.8rem;flex:1;padding:1.55rem;min-height:0;background:var(--surface);transition:background .2s ease}.blog-card:hover .blog-card__body{background:oklch(from var(--surface) calc(l + .04) c h)}@supports not (background: oklch(from var(--surface) l c h)){.blog-card:hover .blog-card__body{background:color-mix(in oklch,var(--surface) 68%,var(--surface-offset) 32%)}}.blog-card__meta,.blog-card__excerpt,.blog-card__footer{font-family:Geist Mono,ui-monospace,monospace}.blog-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;color:oklch(from var(--muted) l c h / .95);font-size:var(--text-xs);font-weight:500;line-height:1.35}.blog-card__meta time{font-variant-numeric:tabular-nums;text-transform:uppercase;font-weight:inherit}.blog-card__meta-sep{color:oklch(from var(--muted) l c h / .65);user-select:none}.blog-card__meta .blog-card__category{margin:0;color:inherit;font-weight:inherit;text-transform:uppercase;letter-spacing:.06em}.blog-card__title{margin:0;font-family:Google Sans Text,ui-sans-serif,sans-serif;font-size:var(--text-lg);font-weight:500;letter-spacing:-.02em;line-height:1.22;color:#fff}.blog-card__excerpt{margin:0;color:oklch(from var(--muted) l c h / 1);font-size:var(--text-sm);line-height:1.55;max-width:62ch}.blog-card__footer{display:flex;align-items:center;gap:.65rem;margin-top:auto;padding-top:.35rem;font-size:var(--text-xs);color:var(--muted);line-height:1.35}.blog-card__byline{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .45rem}.blog-card__author{font-weight:500;color:oklch(from var(--muted) l c h / 1)}.blog-hero__featured .blog-card__media{aspect-ratio:16 / 6.3}.blog-card--compact .blog-card__media{aspect-ratio:16 / 10;max-height:11.5rem}.blog-card--compact .blog-card__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-card--compact .blog-card__title{font-size:clamp(1.05rem,.92rem + .45vw,1.22rem)}.blog-recent{border-top:1px solid var(--line)}.blog-recent__row{display:grid;grid-template-columns:1fr;gap:.35rem;padding:1rem 0;border-bottom:1px solid var(--line);color:var(--muted);transition:color .18s ease}.blog-recent__row time,.blog-recent__row span{font-size:var(--text-xs);line-height:1.35}.blog-recent__row span{color:inherit;text-transform:uppercase;letter-spacing:.08em;transition:color .18s ease}.blog-recent__row strong{font-family:Google Sans Text,ui-sans-serif,sans-serif;font-size:var(--text-base);font-weight:500;letter-spacing:-.01em;line-height:1.25;color:var(--text);transition:color .18s ease}.blog-recent__row:hover time,.blog-recent__row:hover span,.blog-recent__row:hover strong{color:var(--primary)}@media(min-width:40em){.blog-recent__row{grid-template-columns:9rem 10rem minmax(0,1fr);align-items:center;gap:1rem}}@media(min-width:56.25em){.blog-hero__layout{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);align-items:start}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:62em){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card__body,.blog-card__title,.blog-recent__row,.blog-recent__row span,.blog-recent__row strong{transition:none}}