.blog-main{max-width:1280px;padding-top:62px}
.blog-intro{max-width:840px;margin:auto;text-align:center}
.blog-intro h1{font-size:clamp(38px,5vw,60px);line-height:1.08}
.blog-intro>p:last-child{margin:22px auto 0}
.blog-list{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:48px;align-items:stretch}
.blog-card{min-width:0;padding:0;border-radius:10px;display:flex;flex-direction:column}
.blog-card-image{display:block;border-radius:9px 9px 0 0;overflow:hidden}
.blog-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.blog-card-content{padding:22px;display:flex;flex-direction:column;flex:1}
.blog-card .blog-category{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:#526984}
.blog-card h2{font-size:24px;line-height:1.22;letter-spacing:-.025em}
.blog-card .blog-excerpt{margin:14px 0 20px;color:#526984;font-size:15px;line-height:1.6}
.blog-card .blog-author{margin:auto 0 0;font-size:13px;font-weight:600;color:var(--navy)}
.blog-card .blog-read-link{margin-top:14px;align-self:flex-start}
.blog-card a:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:2px}
.blog-card-image:focus-visible{outline-offset:-4px}
@media(max-width:1050px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.blog-main{padding-top:44px}.blog-list{grid-template-columns:1fr;gap:28px;margin-top:36px}.blog-card-content{padding:22px}.blog-card h2{font-size:25px}}