.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-20);align-items:stretch}.blog-grid .card-item{display:flex}.blog-grid .card-item-box{flex:1;min-height:clamp(13rem, 11rem + 7vw, 16.5rem)}.blog-grid .card-item:nth-child(odd){color:var(--color-bg);background-color:var(--color-bg)}.blog-grid .card-item:nth-child(odd) .card-item-box{background-color:var(--color-text)}.bp-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.8125rem}.bp-tag{font-weight:500;letter-spacing:-.01em}.bp-log{opacity:.55;white-space:nowrap;font-variant-numeric:tabular-nums}.bp-log .sl{color:var(--color-read);opacity:1}.card-item-box .bp-title{font-size:clamp(1.15rem, 1rem + 0.7vw, 1.45rem);font-weight:500;line-height:1.22;letter-spacing:-.01em;text-wrap:pretty}.bp-excerpt{font-size:.95rem;line-height:1.5;opacity:.62;text-wrap:pretty}.bp-read{margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;opacity:.85;transition:opacity 0.25s var(--ease-out)}.card-item:hover .bp-read{opacity:1}.bp-read .arr{display:inline-block;color:var(--color-read);transition:transform 0.25s var(--ease-out)}.card-item:hover .bp-read .arr{transform:translateX(4px)}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.bp-hero{display:flex;flex-direction:column;gap:var(--spacing-20);max-width:46rem;margin-bottom:clamp(2.25rem, 1.5rem + 3vw, 3.75rem)}.bp-eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.bp-eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--color-read)}.bp-hero h1{font-weight:700;font-size:clamp(2rem, 1.4rem + 2.8vw, 3.25rem);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}.bp-hero h1 .accent{color:var(--color-read)}.bp-hero-sub{font-size:clamp(1rem, 0.95rem + 0.3vw, 1.15rem);line-height:1.55;opacity:.6;max-width:34rem;text-wrap:pretty}.bp-foot{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-top:clamp(2.5rem, 1.8rem + 2.8vw, 4rem);padding-top:var(--spacing-30);border-top:1px solid color-mix(in srgb,var(--color-text) 14%,transparent)}.bp-foot p{font-size:.9rem;opacity:.55;max-width:28rem;text-wrap:pretty}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}@media (max-width:600px){.bp-foot{flex-direction:column;align-items:flex-start}}