.blogPage{background:#f6f9fb}
.blogWrap{width:min(1240px,calc(100% - 40px));margin:auto}
.blogIntro{padding:90px 0;background:#fff}
.blogIntroGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.blogIntroImage img{width:100%;display:block;border-radius:18px}
.blogKicker{color:#0789c8;font-size:12px;font-weight:700;letter-spacing:.2em}
.blogIntro h2{font-size:42px;margin:14px 0;line-height:1.3;color:#183241}
.blogIntro p{line-height:2;color:#5c6d78}
.blogList{padding:90px 0}
.blogGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.blogCard{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.06);transition:.35s}
.blogCard:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,.12)}
.blogThumb{overflow:hidden}
.blogThumb img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;transition:.45s}
.blogCard:hover img{transform:scale(1.08)}
.blogInfo{padding:26px}
.blogInfo time{display:block;color:#0789c8;font-size:12px;font-weight:700}
.blogInfo h3{margin:12px 0;font-size:24px;line-height:1.45;color:#183241}
.blogInfo p{color:#5c6d78;line-height:1.9;margin:0 0 22px}
.blogInfo span{color:#0789c8;font-weight:700}
.blogCount{text-align:center;margin-top:50px;color:#5c6d78}
.blogCount strong{color:#0789c8}
@media(max-width:992px){.blogIntroGrid{grid-template-columns:1fr}.blogGrid{grid-template-columns:repeat(2,1fr)}.blogIntro h2{font-size:34px}}
@media(max-width:640px){.blogIntro,.blogList{padding:60px 0}.blogGrid{grid-template-columns:1fr}.blogIntro h2{font-size:28px}.blogInfo h3{font-size:22px}}