.blog-page{background:#fafaf7}.blog-hero{text-align:center;max-width:720px;margin:0 auto;padding:140px 24px 60px}.blog-hero .eyebrow{color:#c9a96e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-family:Karla,sans-serif;font-size:13px;font-weight:700;display:block}.blog-hero h1{color:#0f1e2e;margin:0 0 16px;font-family:Gilda Display,serif;font-size:max(32px,min(5vw,48px))}.blog-hero .lede{color:#4a5a6a;font-family:Archivo,sans-serif;font-size:17px;line-height:1.6}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1100px;margin:0 auto;padding:0 24px 100px;display:grid}.blog-card{background:#fff;border-radius:4px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 8px 24px #0f1e2e0f}.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0f1e2e1a}.blog-card__media{aspect-ratio:16/10;overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%}.blog-card__body{flex-direction:column;gap:10px;padding:24px;display:flex}.blog-card__body h2{color:#0f1e2e;margin:0;font-family:Gilda Display,serif;font-size:20px;line-height:1.3}.blog-card__body p{color:#5a6a7a;margin:0;font-family:Archivo,sans-serif;font-size:14.5px;line-height:1.6}.blog-card__link{color:#c9a96e;text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-family:Karla,sans-serif;font-size:13px;font-weight:700}