.blog{padding-block:clamp(56px,8vw,110px)}.blog .eyebrow{color:var(--accent-text, var(--accent))}.blog__title{font-size:clamp(2.8rem,7.4vw,5.4rem);margin:18px 0 16px;max-width:14ch}.cards--index{margin-top:clamp(36px,5vw,56px)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}.card{display:flex;flex-direction:column;gap:12px;padding:26px 26px 22px;border-radius:var(--radius-card);background:var(--surface);color:var(--ink);text-decoration:none;border:1.5px solid color-mix(in srgb,var(--ink) 8%,transparent);transition:background-color .35s,color .35s,border-color .35s}.card:hover{background:var(--highlight);color:var(--on-highlight);border-color:transparent}.card:hover .card__dek,.card:hover .card__meta,.card:hover .card__eyebrow{color:inherit}.card__eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text, var(--accent))}.card__title{font-size:clamp(1.35rem,2.2vw,1.65rem);line-height:1.15}.card__dek{color:var(--ink-muted);font-size:15.5px;line-height:1.5;flex:1}.card__meta{font-size:12.5px;color:var(--ink-muted)}.post__wrap{max-width:720px}.post__head{padding-block:clamp(44px,7vw,96px) clamp(24px,4vw,40px)}.post__head .eyebrow{color:var(--accent-text, var(--accent));margin-top:22px}.crumbs{display:flex;gap:10px;font-size:12.5px;color:var(--ink-muted)}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.post__title{font-size:clamp(2.4rem,6.4vw,4.2rem);margin:16px 0 18px;line-height:1.04;text-wrap:balance}.post__dek{font-size:clamp(1.1rem,1.8vw,1.3rem);color:var(--ink-muted);line-height:1.5}.post__meta{margin-top:22px;padding-top:18px;font-size:13px;color:var(--ink-muted);border-top:1.5px solid color-mix(in srgb,var(--ink) 14%,transparent)}.post__meta a{text-underline-offset:3px}.prose{font-size:clamp(17px,1.4vw,19px);line-height:1.72;padding-bottom:24px}.prose>*+*{margin-top:1.1em}.prose h2{font-size:clamp(1.7rem,3.2vw,2.3rem);margin-top:2.1em;scroll-margin-top:90px;line-height:1.1}.prose h3{font-size:clamp(1.25rem,2vw,1.5rem);margin-top:1.8em}.prose h2+*,.prose h3+*{margin-top:.7em}.prose a{color:var(--accent-text, var(--accent));text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.prose a:hover{color:var(--ink)}.prose strong{font-weight:700}.prose code{font-family:var(--font-mono);font-size:.86em;padding:.12em .42em;border-radius:7px;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);white-space:nowrap}.prose ul,.prose ol{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:.55em}.prose li{position:relative;padding-left:1.7em}.prose ul li:before{content:"";position:absolute;left:.35em;top:.68em;width:8px;height:8px;border-radius:50%;background:var(--accent-text, var(--accent))}.prose ol{counter-reset:step}.prose ol li{counter-increment:step}.prose ol li:before{content:counter(step);position:absolute;left:0;top:.2em;width:1.35em;height:1.35em;border-radius:50%;display:grid;place-items:center;font:700 .72em/1 var(--font-body);background:var(--ink);color:var(--canvas)}.callout{margin-inline:0;padding:18px 22px;border-radius:var(--radius-tile);background:var(--surface);border-left:4px solid var(--highlight);font-size:.95em;line-height:1.6}.post__cta{border-radius:var(--radius-card);padding:clamp(26px,4vw,40px);margin:28px 0 8px;display:grid;gap:10px;justify-items:start}.post__cta-eyebrow{font-size:12px;letter-spacing:.08em;opacity:.8}.post__cta-title{font:500 clamp(1.6rem,3.4vw,2.3rem)/1.08 var(--font-display);letter-spacing:-.02em;max-width:18ch}.post__cta-btn{margin-top:10px;background:var(--lilac);color:var(--pine)}.post__cta-btn:hover{background:var(--oat)}.more{padding-block:clamp(48px,7vw,96px)}.more__title{font-size:clamp(2rem,4.6vw,3.2rem);margin-bottom:26px}.more__head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.more__head .more__title{margin:0}.more__all{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none}.more__all:hover{text-decoration:underline;text-underline-offset:4px}
