.ssam-service-hero{
    --ssam-red:#b7202e;
    --ssam-navy:#07132f;
    position:relative;
    width:100%;
    height:clamp(560px,32.708vw,628px);
    min-height:560px;
    background-image:var(--ssam-hero-bg);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    color:#fff;
    overflow:hidden;
    font-family:Montserrat,Arial,sans-serif;
}

.ssam-service-hero__overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(5,13,29,.96) 0%,rgba(5,13,29,.86) 35%,rgba(5,13,29,.35) 62%,rgba(5,13,29,.08) 100%);
}

.ssam-service-hero__inner{
    position:relative;
    z-index:2;
    width:min(1240px,calc(100% - 32px));
    height:100%;
    min-height:0;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:205px 0 28px;
    box-sizing:border-box;
}

.ssam-service-hero__content{
    width:min(650px,58%);
    max-width:100%;
}

.ssam-service-hero__eyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
    font-size:12px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
}

.ssam-service-hero__eyebrow span{
    width:24px;
    height:2px;
    background:var(--ssam-red);
    display:block;
}

.ssam-service-hero h1{
    margin:0 0 15px;
    max-width:620px;
    color:#fff !important;
    font-size:58px !important;
    line-height:1.02 !important;
    font-weight:800 !important;
    letter-spacing:-1.4px;
    overflow-wrap:anywhere;
}

.ssam-service-hero__subtitle{
    margin:0 0 10px;
    font-size:20px;
    line-height:1.35;
    font-weight:600;
}

.ssam-service-hero__description{
    max-width:610px;
    margin:0;
    color:rgba(255,255,255,.88) !important;
    font-size:14.5px !important;
    line-height:1.72;
    font-weight:500;
}

.ssam-service-hero__actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    margin-top:26px;
}

.ssam-service-hero__primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:52px;
    padding:0 21px;
    background:var(--ssam-red);
    color:#fff !important;
    text-decoration:none !important;
    font-size:12px;
    font-weight:800;
    letter-spacing:.4px;
    text-transform:uppercase;
    transition:.2s ease;
}

.ssam-service-hero__primary:hover{
    background:#8f1520;
}

.ssam-service-hero__primary svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ssam-service-hero__video{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:52px;
    color:#fff !important;
    text-decoration:none !important;
    font-size:12px;
    line-height:1.25;
    font-weight:700;
}

.ssam-service-hero__video:hover{
    color:#fff !important;
}

.ssam-service-hero__video-icon{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--ssam-red);
    border:1px solid rgba(255,255,255,.25);
}

.ssam-service-hero__video-icon svg{
    width:16px;
    height:16px;
    fill:#fff;
    stroke:none;
}

.ssam-service-hero__features{
    margin-top:auto;
    padding-top:24px;
    display:grid;
    grid-template-columns:repeat(4,max-content);
    justify-content:start;
    column-gap:clamp(28px,4vw,64px);
    row-gap:14px;
    max-width:100%;
}

.ssam-service-hero__feature{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    color:#fff;
    font-size:12.5px;
    font-weight:600;
    white-space:nowrap;
}

.ssam-service-hero__feature-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    border-radius:50%;
    background:var(--ssam-red);
    overflow:hidden;
}

.ssam-service-hero__feature-icon svg,
.ssam-service-hero__feature-icon img{
    width:12px;
    height:12px;
    object-fit:contain;
    display:block;
}

.ssam-service-hero__feature-icon svg{
    fill:none;
    stroke:#fff;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

@media (max-width:1199px){
    .ssam-service-hero__inner{
        width:calc(100% - 40px);
        padding-top:175px;
    }

    .ssam-service-hero h1{
        font-size:48px !important;
    }

    .ssam-service-hero__content{
        width:min(650px,70%);
    }

    .ssam-service-hero__features{
        column-gap:32px;
    }
}

@media (max-width:900px){
    .ssam-service-hero{
        height:auto;
        min-height:620px;
    }

    .ssam-service-hero__inner{
        min-height:620px;
        height:auto;
        padding-top:155px;
    }

    .ssam-service-hero__content{
        width:min(650px,78%);
    }

    .ssam-service-hero__features{
        grid-template-columns:repeat(2,max-content);
        column-gap:36px;
    }
}

@media (max-width:767px){
    .ssam-service-hero{
        height:auto;
        min-height:640px;
        background-position:68% center;
    }

    .ssam-service-hero__overlay{
        background:linear-gradient(90deg,rgba(5,13,29,.96) 0%,rgba(5,13,29,.88) 55%,rgba(5,13,29,.58) 100%);
    }

    .ssam-service-hero__inner{
        width:calc(100% - 32px);
        height:auto;
        min-height:640px;
        padding:165px 0 28px;
    }

    .ssam-service-hero__content{
        width:100%;
    }

    .ssam-service-hero h1{
        max-width:100%;
        font-size:38px !important;
        line-height:1.06 !important;
        letter-spacing:-.7px;
    }

    .ssam-service-hero__subtitle{
        font-size:17px;
    }

    .ssam-service-hero__actions{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
    }

    .ssam-service-hero__features{
        grid-template-columns:1fr 1fr;
        justify-content:stretch;
        gap:14px 12px;
        padding-top:28px;
    }

    .ssam-service-hero__feature{
        font-size:11.5px;
        line-height:1.3;
        white-space:normal;
    }
}

@media (max-width:420px){
    .ssam-service-hero__inner{
        width:calc(100% - 30px);
    }

    .ssam-service-hero h1{
        font-size:34px !important;
    }

    .ssam-service-hero__primary{
        width:100%;
        max-width:280px;
    }
}
