/* Blog-specific styles only. Shared header, hero and footer styles reuse service.css. */
.blog-page{background:#fff}
.blog-section{padding:95px 0 105px}
.blog-section-head{margin-bottom:42px}
.blog-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--service-accent-dark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.blog-title{font-size:44px;line-height:1.15;font-weight:800;letter-spacing:-.035em;margin:0;color:var(--service-dark)}
.blog-grid{row-gap:28px}
.blog-card{height:100%;background:#fff;border:1px solid var(--service-border);box-shadow:0 12px 34px rgba(16,24,32,.07);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(16,24,32,.12)}
.blog-card-media{position:relative;overflow:hidden;background:#e9ecef}
.blog-card-image{width:100%;height:245px;object-fit:cover;transition:transform .45s ease}
.blog-card:hover .blog-card-image{transform:scale(1.045)}
.blog-category{position:absolute;left:18px;top:18px;z-index:2;background:var(--service-accent);color:var(--service-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:7px 12px}
.blog-card-body{padding:24px 24px 26px}
.blog-date{display:flex;align-items:center;gap:8px;color:#7b838b;font-size:12px;font-weight:600;margin-bottom:13px}
.blog-date i{color:var(--service-accent-dark)}
.blog-card-title{font-size:20px;line-height:1.35;font-weight:800;margin:0 0 13px}
.blog-card-title a{color:var(--service-dark)}
.blog-card-title a:hover{color:var(--service-accent-dark)}
.blog-excerpt{color:var(--service-text);font-size:14px;line-height:1.8;margin-bottom:20px}
.blog-readmore{display:inline-flex;align-items:center;gap:9px;color:var(--service-dark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.blog-readmore i{color:var(--service-accent-dark);transition:transform .25s ease}
.blog-readmore:hover{color:var(--service-accent-dark)}
.blog-readmore:hover i{transform:translateX(4px)}

@media (max-width:991.98px){
  .blog-section{padding:75px 0 85px}
  .blog-title{font-size:38px}
  .blog-card-image{height:235px}
}

@media (max-width:767.98px){
  .blog-section{padding:60px 0 70px}
  .blog-section-head{margin-bottom:30px}
  .blog-title{font-size:32px}
  .blog-card-image{height:230px}
}

@media (max-width:575.98px){
  .blog-title{font-size:29px}
  .blog-card-body{padding:21px 20px 23px}
  .blog-card-image{height:220px}
}