:root {
    --bm-accent: #013E75;
    --bm-muted: #333a42;
    --bm-maxw: min(1100px, 92vw);
    --bm-pad: clamp(12px, 3vw, 24px);
}

/* Section wrapper and inner container*/
.services-intro {
    position: relative;
    padding-block: clamp(24px, 6vw, 35px);
}

.services-intro-inner {
    width: 100%;
}

/* BLUE BANNER */
.services-intro-badge {
    position: relative;
    display: inline-block;
    background: var(--bm-accent);
    color: #fff;
    padding-block: 12px;
}

.services-intro-badge-text {
    display: inline-block;
    padding-left: 0;
    padding-right: 10px;
    font-weight: 600;
    font-size: clamp(14px, 1.6vw, 18px);
    line-height: 1.4;
    letter-spacing: .02em;
}

/* Paragraph block */
.services-intro-text {
    margin-top: clamp(16px, 3vw, 24px);
    padding-left: 0;
    padding-right: 0;
    margin-inline: auto;
    color: var(--bm-muted);
    font-size: clamp(14px, 1.5vw, 17px);
    line-height: 1.7;
}

/* Reveal helper */
.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .45s ease, transform .45s ease;
}

.reveal:not(.is-in) {
    opacity: 0;
    transform: translateY(8px);
}

/* =========================
   Services Intro — badge slide-in (left → right)
========================= */

.services-intro-badge.reveal {
    opacity: 0;
    transform: translateX(-28px);
    transition: transform 520ms cubic-bezier(.2, .9, .2, 1), opacity 520ms ease;
    will-change: transform, opacity;
}

/* When revealed */
.services-intro-badge.reveal.is-in {
    opacity: 1;
    transform: translateX(0);
}

/* Keep the paragraph using the original Y reveal */
.services-intro-text.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .45s ease, transform .45s ease;
}

.services-intro-text.reveal:not(.is-in) {
    opacity: 0;
    transform: translateY(8px);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {

    .services-intro-badge.reveal,
    .services-intro-badge.reveal.is-in {
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}