.blog-index{padding:calc(var(--safe-top) + 88px) 0 64px;background:var(--surface-canvas);color:var(--text-primary)}.blog-index__intro,.blog-index__featured,.blog-index__ledger-wrap,.blog-index__close{padding-inline:max(var(--gutter-mobile), var(--safe-left)) max(var(--gutter-mobile), var(--safe-right))}.blog-index__intro{max-width:44rem;margin-bottom:36px}.blog-index__eyebrow{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);margin:0 0 12px;font-size:10px;font-weight:500}.blog-index__intro h1{font-family:var(--font-editorial), Georgia, serif;letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,7vw,3.8rem);font-weight:500;line-height:1.06}.blog-index__intro>p:last-child{max-width:38rem;color:var(--text-secondary);text-wrap:pretty;margin:16px 0 0;font-size:1.05rem;line-height:1.65}.blog-index__featured{gap:20px;display:grid}.blog-index__featured-media,.blog-index__row-media{background:var(--surface-primary);display:block;position:relative;overflow:hidden}.blog-index__featured-media{min-height:clamp(22rem,58svh,44rem)}.blog-index__image{object-fit:cover;transition:transform .7s var(--ease-hero);transform:scale(1.02)}.blog-index__featured-copy{flex-direction:column;justify-content:flex-end;gap:12px;padding-bottom:8px;display:flex}.blog-index__meta{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;gap:6px 16px;margin:0;font-size:10px;display:flex}.blog-index__featured-copy h2,.blog-index__row-title,.blog-index__close h2{font-family:var(--font-editorial), Georgia, serif;letter-spacing:-.03em;margin:0;font-weight:500}.blog-index__featured-copy h2{text-wrap:balance;max-width:22ch;font-size:clamp(1.85rem,5vw,3.2rem);line-height:1.08}.blog-index__featured-copy h2 a{color:inherit}.blog-index__featured-copy>p:not(.blog-index__meta),.blog-index__row-excerpt{max-width:38rem;color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.6}.blog-index__read{width:fit-content;min-height:48px;font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);align-items:center;font-size:11px;font-weight:500;display:inline-flex}.blog-index__ledger-wrap{border-top:1px solid var(--border-subtle);margin-top:48px;padding-top:28px}.blog-index__ledger{gap:0;margin:8px 0 0;padding:0;list-style:none;display:grid}.blog-index__row{border-top:1px solid var(--border-subtle);color:inherit;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:16px;padding-block:22px;display:grid}.blog-index__row-media{aspect-ratio:4/5;min-height:110px}.blog-index__row-copy{gap:8px;min-width:0;display:grid}.blog-index__row-title{font-size:clamp(1.25rem,3.2vw,1.85rem);line-height:1.15;display:block}.blog-index__row-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-index__close{border-top:1px solid var(--border-subtle);margin-top:48px;padding-top:36px}.blog-index__close h2{text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(2rem,6vw,3.4rem);line-height:1.06}.blog-index__close .btn{margin-top:24px}@media (min-width:768px){.blog-index__intro,.blog-index__featured,.blog-index__ledger-wrap,.blog-index__close{padding-inline:max(var(--gutter-tablet), var(--safe-left)) max(var(--gutter-tablet), var(--safe-right))}.blog-index__featured{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:stretch;gap:32px}.blog-index__featured-media{min-height:min(68svh,40rem)}.blog-index__row{grid-template-columns:120px minmax(0,1fr);gap:28px;padding-block:28px}.blog-index__row-media{min-height:150px}}@media (min-width:1024px){.blog-index__featured-copy{padding-block:24px}}@media (min-width:1440px){.blog-index__intro,.blog-index__featured,.blog-index__ledger-wrap,.blog-index__close{padding-inline:max(var(--gutter-desktop), var(--safe-left)) max(var(--gutter-desktop), var(--safe-right))}}@media (hover:hover) and (pointer:fine){.blog-index__featured-media:hover .blog-index__image,.blog-index__row:hover .blog-index__image{transform:scale(1.045)}.blog-index__read:hover,.blog-index__featured-copy h2 a:hover,.blog-index__row:hover .blog-index__row-title{color:color-mix(in srgb, var(--text-primary) 82%, white)}}@media (prefers-reduced-motion:reduce){.blog-index__image{transition:none;transform:none}}