/* ==========================================================
   HCG CONTENT BLOCK 1 — HEADER-TO-HERO SPACING RESET
   The hero must begin immediately after the site header.
   ========================================================== */

.hcg-content-block-1-section:first-child,
.hcg-content-block-1-section > *:first-child{
    margin-top:0 !important;
}

.hcg-content-block-1-section h1,
.hcg-content-block-1-section h2,
.hcg-content-block-1-section h3,
.hcg-content-block-1-section p{
    /* Prevent browser/theme first-element margins from creating a gap. */
}

/*
 * HCG Content Block 1 — Premium Light Industrial Hero
 * Typography, spacing and proportions are based on the approved reference.
 */

.hcg-content-block-1-section{
    --hcg-cb1-navy:#0A2E63;
    --hcg-cb1-navy-deep:#08264F;
    --hcg-cb1-orange:#F59A0B;
    --hcg-cb1-orange-dark:#E98700;
    --hcg-cb1-text:#52637A;
    --hcg-cb1-line:#D9E2EC;
    --hcg-cb1-font:Inter,"Helvetica Neue",Arial,sans-serif;
    --hcg-cb1-heading-size:56px;
    --hcg-cb1-body-size:18px;

    position:relative;
    overflow:hidden;
    margin:0 !important;
    padding:0 !important;
    background:#F6FAFD;
    font-family:var(--hcg-cb1-font);
}

.hcg-content-block-1-container{
    width:min(1320px,calc(100% - 48px));
    margin:0 auto;
    padding-top:0;
    padding-bottom:0;
}

.hcg-content-block-1-card{
    position:relative;
    margin:0 !important;
    min-height:620px;
    display:grid;
    grid-template-columns:minmax(0,52%) minmax(0,48%);
    overflow:hidden;
    background:#fff;
    border:1px solid #E4ECF4;
    box-shadow:0 22px 60px rgba(15,48,83,.08);
}

.hcg-content-block-1-content{
    position:relative;
    z-index:4;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:62px 38px 58px 68px;
    background:linear-gradient(105deg,#FFFFFF 0%,#FBFDFF 73%,rgba(255,255,255,.94) 100%);
}

.hcg-content-block-1-eyebrow{
    display:flex;
    align-items:center;
    gap:14px;
    margin:0 0 28px;
    color:var(--hcg-cb1-navy);
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.19em;
    text-transform:uppercase;
}

.hcg-content-block-1-eyebrow span{
    width:82px;
    height:3px;
    flex:0 0 82px;
    background:var(--hcg-cb1-orange);
}

.hcg-content-block-1-title{
    max-width:760px;
    margin:0 0 20px;
    font-family:var(--hcg-cb1-font);
    font-size:var(--hcg-cb1-heading-size);
    font-weight:750;
    line-height:1.04;
    letter-spacing:-.045em;
}

.hcg-cb1-title-main{
    display:block;
    color:var(--hcg-cb1-navy);
}

.hcg-cb1-title-accent{
    display:block;
    color:var(--hcg-cb1-orange);
}

.hcg-content-block-1-text{
    max-width:680px;
    margin:0;
    color:var(--hcg-cb1-text);
    font-size:var(--hcg-cb1-body-size);
    font-weight:450;
    line-height:1.62;
}

.hcg-content-block-1-features{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:38px 0 32px;
    border-top:1px solid var(--hcg-cb1-line);
    border-bottom:1px solid var(--hcg-cb1-line);
}

.hcg-cb1-feature{
    min-width:0;
    min-height:102px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    padding:16px 16px 16px 0;
    color:var(--hcg-cb1-navy);
    font-size:13px;
    font-weight:700;
    line-height:1.3;
}

.hcg-cb1-feature + .hcg-cb1-feature{
    border-left:1px solid var(--hcg-cb1-line);
    padding-left:17px;
}

.hcg-cb1-feature-icon{
    position:relative;
    width:32px;
    height:32px;
    display:block;
}

.hcg-cb1-feature-icon::before,
.hcg-cb1-feature-icon::after{
    content:"";
    position:absolute;
}

.hcg-cb1-feature-icon::before{
    inset:4px;
    border:2px solid var(--hcg-cb1-navy);
    border-radius:50%;
}

.hcg-cb1-feature-icon::after{
    width:9px;
    height:9px;
    top:11px;
    left:11px;
    border:2px solid var(--hcg-cb1-orange);
    border-radius:50%;
}

.hcg-cb1-icon-helmet::before{
    inset:8px 3px 5px;
    border-radius:18px 18px 6px 6px;
}

.hcg-cb1-icon-helmet::after{
    width:26px;
    height:2px;
    left:3px;
    top:20px;
    border:0;
    background:var(--hcg-cb1-orange);
    border-radius:2px;
}

.hcg-cb1-icon-chart::before{
    inset:auto 3px 5px;
    width:5px;
    height:13px;
    border:0;
    border-radius:1px;
    background:var(--hcg-cb1-navy);
    box-shadow:9px -7px 0 var(--hcg-cb1-navy),18px -15px 0 var(--hcg-cb1-navy);
}

.hcg-cb1-icon-chart::after{
    width:27px;
    height:16px;
    left:3px;
    top:4px;
    border-top:2px solid var(--hcg-cb1-orange);
    border-right:2px solid var(--hcg-cb1-orange);
    transform:skewY(-25deg);
    border-radius:2px;
}

.hcg-cb1-icon-people::before{
    width:13px;
    height:13px;
    left:2px;
    top:4px;
    border-radius:50%;
    box-shadow:14px 3px 0 -1px #fff,14px 3px 0 1px var(--hcg-cb1-navy);
}

.hcg-cb1-icon-people::after{
    width:24px;
    height:11px;
    left:1px;
    top:18px;
    border:2px solid var(--hcg-cb1-navy);
    border-bottom:0;
    border-radius:16px 16px 0 0;
}

.hcg-content-block-1-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.hcg-cb1-button{
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:0 26px;
    border-radius:5px;
    font-family:var(--hcg-cb1-font);
    font-size:15px;
    font-weight:750;
    line-height:1;
    text-decoration:none!important;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.hcg-cb1-button:hover{
    transform:translateY(-2px);
}

.hcg-cb1-button-primary{
    color:#fff!important;
    background:var(--hcg-cb1-orange);
    box-shadow:0 10px 24px rgba(245,154,11,.22);
}

.hcg-cb1-button-primary:hover{
    background:var(--hcg-cb1-orange-dark);
    box-shadow:0 14px 30px rgba(245,154,11,.28);
}

.hcg-cb1-button-secondary{
    color:var(--hcg-cb1-navy)!important;
    background:#fff;
    border:1px solid var(--hcg-cb1-navy);
}

.hcg-cb1-button-secondary:hover{
    background:#F5F8FC;
}

.hcg-content-block-1-visual{
    position:relative;
    min-height:620px;
    overflow:hidden;
    background:#DDEAF5;
}

.hcg-cb1-image{
    position:absolute;
    inset:0;
    background-image:var(--hcg-cb1-image);
    background-size:cover;
    background-position:center right;
    transform:scale(1.015);
}

.hcg-cb1-image-wash{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.72) 5%,
            rgba(255,255,255,.15) 20%,
            rgba(255,255,255,0) 39%),
        linear-gradient(180deg,rgba(255,255,255,.05),rgba(10,46,99,.02));
}

.hcg-content-block-1-card::after{
    content:"";
    position:absolute;
    top:-20%;
    left:47%;
    width:90px;
    height:140%;
    z-index:3;
    background:rgba(255,255,255,.28);
    transform:skewX(16deg);
    pointer-events:none;
}

@media(max-width:1100px){
    .hcg-content-block-1-card{
        grid-template-columns:minmax(0,56%) minmax(0,44%);
    }

    .hcg-content-block-1-content{
        padding-left:44px;
        padding-right:28px;
    }

    .hcg-content-block-1-title{
        font-size:clamp(44px,var(--hcg-cb1-heading-size),56px);
    }

    .hcg-content-block-1-features{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .hcg-cb1-feature:nth-child(3){
        border-left:0;
        padding-left:0;
        border-top:1px solid var(--hcg-cb1-line);
    }

    .hcg-cb1-feature:nth-child(4){
        border-top:1px solid var(--hcg-cb1-line);
    }
}

@media(max-width:820px){
    .hcg-content-block-1-section{
        margin:0 !important;
        padding:0 !important;
    }

    .hcg-content-block-1-container{
        width:min(100% - 24px,700px);
    }

    .hcg-content-block-1-card{
        display:block;
        min-height:0;
    }

    .hcg-content-block-1-content{
        padding:42px 28px 36px;
    }

    .hcg-content-block-1-visual{
        min-height:360px;
    }

    .hcg-content-block-1-card::after{
        display:none;
    }

    .hcg-cb1-image-wash{
        background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));
    }
}

@media(max-width:560px){
    .hcg-content-block-1-container{
        width:calc(100% - 18px);
    }

    .hcg-content-block-1-content{
        padding:32px 20px 28px;
    }

    .hcg-content-block-1-eyebrow{
        margin-bottom:22px;
        font-size:10px;
        letter-spacing:.14em;
        gap:10px;
    }

    .hcg-content-block-1-eyebrow span{
        width:48px;
        flex-basis:48px;
    }

    .hcg-content-block-1-title{
        margin-bottom:16px;
        font-size:clamp(36px,10vw,48px);
        line-height:1.06;
        letter-spacing:-.035em;
    }

    .hcg-content-block-1-text{
        font-size:16px;
        line-height:1.65;
    }

    .hcg-content-block-1-features{
        grid-template-columns:1fr 1fr;
        margin:28px 0;
    }

    .hcg-cb1-feature{
        min-height:92px;
        padding:14px 10px 14px 0;
        font-size:12px;
    }

    .hcg-cb1-feature + .hcg-cb1-feature{
        padding-left:10px;
    }

    .hcg-cb1-feature:nth-child(3),
    .hcg-cb1-feature:nth-child(4){
        border-top:1px solid var(--hcg-cb1-line);
    }

    .hcg-content-block-1-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .hcg-cb1-button{
        width:100%;
    }

    .hcg-content-block-1-visual{
        min-height:290px;
    }
}