.blog-service-intro { background: #fff; color: #111; padding: 54px 24px 48px; border-bottom: 1px solid #eaeaea; }
.blog-service-intro__inner { max-width: 1200px; margin: 0 auto; }
.blog-service-intro h2 { max-width: 1000px; margin: 0 0 28px; font-family: 'Barlow', sans-serif; font-size: clamp(28px, 3.4vw, 42px); font-style: italic; font-weight: 700; line-height: 1.18; letter-spacing: -.025em; }
.blog-service-intro p { max-width: 950px; margin: 0 0 30px; font-family: 'Barlow', sans-serif; font-size: clamp(19px, 2.2vw, 27px); line-height: 1.6; }
.blog-service-intro__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 28px; font-family: 'Barlow', sans-serif; font-size: 16px; }
.blog-service-intro__actions a { color: #111; text-decoration: none; border-bottom: 1px solid #aaa; padding: 12px 0; }
.blog-service-intro__actions .blog-service-intro__primary { display: inline-flex; align-items: center; gap: 30px; padding: 17px 22px; border: 0; border-radius: 3px; background: #cc2114; color: #fff; font-weight: 700; }
.blog-service-intro__primary:hover { background: #b01a0e; }
.blog-service-intro__actions a:focus-visible { outline: 3px solid #cc2114; outline-offset: 5px; }
@media (max-width: 600px) { .blog-service-intro { padding: 36px 20px; } .blog-service-intro__actions { gap: 12px 20px; } }