.blog{background:var(--cream)}
.blog-header{background:var(--pistachio);border-bottom:1px solid var(--ink)}
.blog-header__in{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(100% - 40px,1100px);margin:auto;min-height:76px}
.blog-logo img{width:92px;height:62px;object-fit:contain}
.blog-header nav{display:flex;gap:clamp(12px,3vw,32px)}
.blog-header nav a{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid transparent}
.blog-header nav a:hover{border-color:currentColor}
.blog-main{padding:72px 0 96px}
.post{width:min(100% - 40px,760px);margin:auto}
.post h1{font-size:clamp(38px,6vw,68px);margin-bottom:28px;line-height:1.05}
.post-lead{font-family:var(--serif);font-size:clamp(19px,2.4vw,24px);line-height:1.5;letter-spacing:-.01em;margin:0 0 28px}
.post-photo{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--ink);border-radius:8px;margin:40px 0}
.post h2{font-family:var(--serif);font-size:clamp(26px,3.4vw,38px);letter-spacing:-.04em;line-height:1.1;margin:48px 0 16px}
.post p{font-size:17px;line-height:1.75;margin:0 0 18px}
.post-lead{font-size:clamp(19px,2.4vw,24px)}
.blog-cta{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.faq{margin-top:56px;padding:8px 28px 14px;background:var(--pistachio);border:1px solid var(--ink);border-radius:8px}
.faq h2{margin-top:24px}
.faq-item{padding:18px 0;border-top:1px solid var(--line)}
.faq-item h3{font-family:var(--serif);font-size:20px;letter-spacing:-.03em;margin:0 0 8px}
.faq-item p{margin:0;font-size:16px}
.post-end{margin-top:56px;padding-top:28px;border-top:1px solid var(--ink)}
.post-next a{text-decoration:underline;text-underline-offset:4px;font-weight:700}
.blog-list{display:grid;gap:28px;margin:44px 0}
.blog-card{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;padding:16px;border:1px solid var(--ink);border-radius:8px;background:var(--cream);transition:transform .25s,background-color .25s}
.blog-card:hover{transform:translateY(-3px);background:var(--pistachio)}
.blog-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.blog-card h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);letter-spacing:-.04em;line-height:1.12;margin:0 0 10px}
.blog-card p{font-size:14px;line-height:1.6;margin:0 0 12px}
.blog-more{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.blog-footer{padding-top:56px}
.blog-footer .footer-columns{border-top:0;padding-top:0}
@media(max-width:700px){.blog-main{padding:44px 0 64px}.blog-card{grid-template-columns:1fr}.faq{padding-inline:18px}}