/* =========================================================
   COMPONENT RESET
   ========================================================= */

.cacar-cn-hero,
.cacar-cn-hero *,
.cacar-cn-hero *::before,
.cacar-cn-hero *::after{
    box-sizing:border-box;
}


/* =========================================================
   MAIN SECTION
   ========================================================= */

.cacar-cn-hero{
    width:100%;

    margin:0 0 38px 0;
    padding:0;

    background:#ffffff;

    color:#151515;

    overflow:hidden;

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


/* =========================================================
   OUTER CONTAINER

   IMPORTANT FIX:
   NO desktop left/right padding.

   This allows Hero edges to align with
   the native Company News content line below.
   ========================================================= */

.cacar-cn-hero__outer{
    width:100%;

    max-width:1440px;

    margin:0 auto;

    padding:0;

    background:#ffffff;
}


/* =========================================================
   HERO FRAME
   ========================================================= */

.cacar-cn-hero__frame{
    display:grid;

    grid-template-columns:
        minmax(0,42%)
        minmax(0,58%);

    width:100%;

    min-height:520px;

    margin:0;

    padding:0;

    background:#ffffff;

    overflow:hidden;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.cacar-cn-hero__content{
    display:flex;

    align-items:center;

    min-width:0;

    padding:
        60px
        54px
        56px
        62px;

    background:#fbfaf8;
}


.cacar-cn-hero__content-inner{
    width:100%;

    max-width:490px;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.cacar-cn-hero__eyebrow{
    margin:
        0
        0
        22px;

    padding:0;

    font-size:12px;

    line-height:1.4;

    font-weight:500;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#343434;
}


/* =========================================================
   H1
   ========================================================= */

.cacar-cn-hero__title{
    margin:0;

    padding:0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:52px;

    line-height:.99;

    font-weight:400;

    letter-spacing:-1.7px;

    color:#111111;
}


/* =========================================================
   SMALL DIVIDER
   ========================================================= */

.cacar-cn-hero__divider{
    display:block;

    width:44px;

    height:1px;

    margin:
        28px
        0
        24px;

    padding:0;

    background:#a99d90;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.cacar-cn-hero__description{
    max-width:430px;

    margin:0;

    padding:0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;

    line-height:1.48;

    font-weight:400;

    color:#5e5a55;
}


/* =========================================================
   SIGNATURE
   ========================================================= */

.cacar-cn-hero__signature{
    display:flex;

    align-items:center;

    gap:16px;

    margin-top:42px;
}


.cacar-cn-hero__signature-line{
    display:block;

    flex:0 0 58px;

    width:58px;

    height:1px;

    background:#aaa59e;
}


.cacar-cn-hero__signature-text{
    margin:0;

    padding:0;

    font-size:9px;

    line-height:1.4;

    font-weight:500;

    letter-spacing:2.5px;

    text-transform:uppercase;

    color:#707070;
}


/* =========================================================
   RIGHT IMAGE
   ========================================================= */

.cacar-cn-hero__media{
    position:relative;

    min-width:0;

    min-height:520px;

    margin:0;

    padding:0;

    background:#ffffff;

    overflow:hidden;
}


.cacar-cn-hero__media img{
    display:block;

    width:100%;

    height:100%;

    min-height:520px;

    margin:0;

    padding:0;

    border:0;

    object-fit:cover;

    object-position:center center;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1100px){

    .cacar-cn-hero{
        margin-bottom:32px;
    }


    /*
    Keep width aligned with content container.
    Do NOT re-add 24/32px desktop-style inset.
    */

    .cacar-cn-hero__outer{
        width:100%;

        max-width:100%;

        padding:0;
    }


    .cacar-cn-hero__frame{
        grid-template-columns:
            minmax(0,45%)
            minmax(0,55%);

        min-height:470px;
    }


    .cacar-cn-hero__content{
        padding:
            48px
            36px
            46px;
    }


    .cacar-cn-hero__title{
        font-size:44px;

        line-height:1.02;
    }


    .cacar-cn-hero__description{
        font-size:16px;
    }


    .cacar-cn-hero__media,
    .cacar-cn-hero__media img{
        min-height:470px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){

    .cacar-cn-hero{
        margin-bottom:26px;

        overflow:hidden;
    }


    .cacar-cn-hero__outer{
        width:100%;

        max-width:none;

        padding:0;

        background:#ffffff;
    }


    .cacar-cn-hero__frame{
        display:flex;

        flex-direction:column;

        width:100%;

        min-height:0;

        background:#ffffff;
    }


    /* LEFT */

    .cacar-cn-hero__content{
        width:100%;

        padding:
            42px
            24px
            38px;

        order:1;
    }


    .cacar-cn-hero__content-inner{
        max-width:none;
    }


    .cacar-cn-hero__eyebrow{
        margin-bottom:18px;

        font-size:10px;

        letter-spacing:3px;
    }


    .cacar-cn-hero__title{
        font-size:39px;

        line-height:1.02;

        letter-spacing:-1.2px;
    }


    .cacar-cn-hero__divider{
        width:40px;

        margin:
            24px
            0
            21px;
    }


    .cacar-cn-hero__description{
        max-width:none;

        font-size:16px;

        line-height:1.52;
    }


    .cacar-cn-hero__signature{
        margin-top:32px;

        gap:13px;
    }


    .cacar-cn-hero__signature-line{
        flex-basis:44px;

        width:44px;
    }


    .cacar-cn-hero__signature-text{
        font-size:8px;

        letter-spacing:2px;
    }


    /* IMAGE */

    .cacar-cn-hero__media{
        width:100%;

        min-height:0;

        aspect-ratio:16 / 10;

        order:2;
    }


    .cacar-cn-hero__media img{
        width:100%;

        height:100%;

        min-height:0;

        object-fit:cover;

        object-position:center center;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:420px){

    .cacar-cn-hero__content{
        padding:
            36px
            20px
            34px;
    }


    .cacar-cn-hero__title{
        font-size:35px;
    }


    .cacar-cn-hero__description{
        font-size:15px;
    }

}