.blog-index-hero{padding:78px 0;background:var(--deep);color:#fff}.blog-index-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px}.blog-index-hero h1{max-width:780px;margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:1.02;letter-spacing:-.055em}.blog-index-hero h1 em{color:var(--lime);font-style:normal}.blog-index-hero p{max-width:570px;margin:20px 0 0;color:#bed0d5}.topic-nav{display:flex;flex-wrap:wrap;gap:9px;padding-top:26px}.topic-nav a{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 13px;color:#dbe7e9;font-size:.72rem;text-decoration:none}.blog-listing{padding:80px 0}.blog-listing-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.blog-listing h2{margin:0;color:var(--deep);font-size:clamp(2rem,4vw,3.2rem)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--cream)}.blog-card>a{display:block;height:100%;text-decoration:none}.blog-card figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--deep)}.blog-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover img{transform:scale(1.025)}.blog-card-body{padding:24px}.blog-card-meta{margin:0 0 15px;color:#327e77;font-size:.67rem;font-weight:800;text-transform:uppercase}.blog-card h3{margin:0 0 12px;color:var(--deep);font-size:1.12rem;line-height:1.3}.blog-card-summary{margin:0;color:var(--muted);font-size:.77rem}.blog-pagination{display:flex;justify-content:center;gap:7px;margin-top:45px}.blog-pagination a,.blog-pagination strong{display:grid;min-width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:50%;text-decoration:none}.blog-pagination strong{background:var(--deep);color:#fff}@media(max-width:900px){.blog-index-hero-grid{grid-template-columns:1fr;gap:25px}.blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.blog-index-hero{padding:54px 0}.blog-index-hero h1{font-size:clamp(2.3rem,11vw,3rem)}.blog-listing{padding:60px 0}.blog-listing-head{display:block}.blog-grid{grid-template-columns:1fr}}