.blog-hero{background:linear-gradient(120deg,#f5f8fa,#fff)}
.blog-hero p{max-width:700px;font-size:17px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(16,42,67,.12)}
.blog-card-image{display:block;overflow:hidden}
.blog-card-image img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .35s ease}
.blog-card:hover .blog-card-image img{transform:scale(1.035)}
.blog-card-body{padding:28px;display:flex;flex:1;flex-direction:column}
.blog-card-body>span{color:var(--red);font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}
.blog-card h2{font-size:23px;letter-spacing:-.4px;margin:12px 0}
.blog-card h2 a{text-decoration:none}
.blog-card p{color:#617486;font-size:14px}
.blog-card small{color:#778b9c;margin-top:auto}
.blog-read{color:var(--red);font-size:13px;font-weight:700;text-decoration:none;margin-top:18px}
.blog-article-head{background:#f4f7f9;padding:70px 0 150px}
.blog-reading{max-width:900px}
.blog-back{display:inline-block;margin-bottom:45px;text-decoration:none;font-size:13px;font-weight:700}
.blog-article-head h1{font-size:52px;max-width:850px}
.blog-article-head>div>p{font-size:18px;color:#607487;max-width:760px}
.blog-meta{display:flex;flex-wrap:wrap;gap:10px 24px;color:#617486;font-size:12px;font-weight:700}
.blog-cover{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;margin-top:-95px;border:10px solid #fff;box-shadow:0 18px 45px rgba(16,42,67,.14)}
.blog-content{max-width:760px;margin:55px auto 90px;color:#40566a}
.blog-content p,.blog-content li{font-size:16px;line-height:1.85}
.blog-intro{font-size:20px!important;color:var(--navy);border-left:4px solid var(--red);padding-left:24px;margin-bottom:45px}
.blog-content section{margin:44px 0}
.blog-content h2{color:var(--navy);font-size:30px;margin-bottom:18px}
.blog-content li{margin:9px 0}
.blog-inline-link{color:var(--red);font-weight:700}
.blog-cta{background:var(--navy);color:#fff;padding:38px;margin-top:55px}
.blog-cta h2{color:#fff;margin-bottom:12px}
.blog-cta p{color:#c6d4df}
@media(min-width:901px){.nav nav{gap:18px}}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-card-image img{height:210px}.blog-article-head{padding:52px 0 115px}.blog-article-head h1{font-size:36px}.blog-back{margin-bottom:30px}.blog-cover{margin-top:-70px;border-width:6px}.blog-content{margin-top:38px}.blog-content h2{font-size:25px}.blog-intro{font-size:18px!important;padding-left:17px}.blog-cta{padding:27px}}
