/* =========================================================
   ROOT WRAPPER
   ========================================================= */

.cacar-about-hero-wrap{
    position:relative !important;

    width:100% !important;

    margin:0 !important;

    padding:0 0 82px !important;

    background:#f7f7f5 !important;

    overflow:visible !important;

    font-family:
        Arial,
        "Helvetica Neue",
        Helvetica,
        sans-serif !important;
}

.cacar-about-hero-wrap,
.cacar-about-hero-wrap *,
.cacar-about-hero-wrap *::before,
.cacar-about-hero-wrap *::after{
    box-sizing:border-box !important;
}


/* =========================================================
   HERO BACKGROUND
   ========================================================= */

.cacar-about-hero{
    position:relative !important;

    width:100% !important;

    min-height:620px !important;

    overflow:hidden !important;

    color:#ffffff !important;

    background-image:

        linear-gradient(
            90deg,
            rgba(18,27,35,.35) 0%,
            rgba(18,27,35,.27) 24%,
            rgba(18,27,35,.14) 48%,
            rgba(18,27,35,.05) 72%,
            rgba(18,27,35,0) 100%
        ),

        url("//ueeshop.ly200-cdn.com/u_file/UPBE/UPBE245/2503/04/photo/d916c3d04a.jpg") !important;

    background-size:cover !important;

    background-position:center center !important;

    background-repeat:no-repeat !important;
}


/* =========================================================
   MAIN INNER
   ========================================================= */

.cacar-about-hero__inner{
    width:min(1320px, calc(100% - 96px)) !important;

    min-height:620px !important;

    margin:0 auto !important;

    display:flex !important;

    align-items:center !important;
}


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

.cacar-about-hero__content{
    width:820px !important;

    max-width:100% !important;

    padding:54px 0 150px !important;

    transform:translateY(-10px) !important;
}


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

.cacar-about-hero__eyebrow{
    display:block !important;

    margin:0 0 16px !important;

    padding:0 !important;

    font-size:12px !important;

    line-height:1.2 !important;

    font-weight:600 !important;

    letter-spacing:.20em !important;

    text-transform:uppercase !important;

    color:rgba(255,255,255,.88) !important;
}


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

.cacar-about-hero__title{
    display:block !important;

    visibility:visible !important;

    opacity:1 !important;

    width:auto !important;

    height:auto !important;

    max-width:790px !important;

    margin:0 !important;

    padding:0 !important;

    position:relative !important;

    left:auto !important;

    right:auto !important;

    top:auto !important;

    clip:auto !important;

    overflow:visible !important;

    background:none !important;

    border:0 !important;

    font-family:
        Arial,
        "Helvetica Neue",
        Helvetica,
        sans-serif !important;

    font-size:68px !important;

    line-height:1.03 !important;

    font-weight:600 !important;

    letter-spacing:-.04em !important;

    text-align:left !important;

    text-transform:none !important;

    color:#ffffff !important;
}

.cacar-about-hero__title span{
    display:block !important;

    visibility:visible !important;

    opacity:1 !important;

    color:#ffffff !important;
}


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

.cacar-about-hero__desc{
    display:block !important;

    max-width:700px !important;

    margin:24px 0 0 !important;

    padding:0 !important;

    font-size:17px !important;

    line-height:1.72 !important;

    font-weight:400 !important;

    letter-spacing:0 !important;

    color:rgba(255,255,255,.90) !important;
}


/* =========================================================
   CTA
   ========================================================= */

.cacar-about-hero__actions{
    margin-top:30px !important;
}

.cacar-about-hero__btn{
    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    gap:10px !important;

    min-height:48px !important;

    padding:0 24px !important;

    background:#ffffff !important;

    border:1px solid #ffffff !important;

    color:#111111 !important;

    text-decoration:none !important;

    font-size:13px !important;

    line-height:1 !important;

    font-weight:600 !important;

    letter-spacing:.02em !important;

    transition:
        background .22s ease,
        color .22s ease,
        transform .22s ease !important;
}

.cacar-about-hero__btn:hover{
    background:rgba(255,255,255,.12) !important;

    color:#ffffff !important;

    transform:translateY(-1px) !important;
}

.cacar-about-hero__arrow{
    font-size:16px !important;

    line-height:1 !important;
}


/* =========================================================
   SMALL CACAR RED DETAIL
   ========================================================= */

.cacar-about-hero::after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;

    bottom:0 !important;

    width:66px !important;

    height:3px !important;

    background:#a80d1c !important;
}


/* =========================================================
   FLOATING STATS BAR
   ========================================================= */

.cacar-about-hero-stats{
    position:absolute !important;

    left:50% !important;

    bottom:0 !important;

    transform:translate(-50%, 50%) !important;

    z-index:10 !important;

    width:min(980px, calc(100% - 120px)) !important;

    margin:0 auto !important;

    background:rgba(255,255,255,.74) !important;

    -webkit-backdrop-filter:blur(12px) !important;

    backdrop-filter:blur(12px) !important;

    border:1px solid rgba(255,255,255,.56) !important;

    box-shadow:
        0 14px 30px rgba(18,28,38,.07) !important;
}


/* =========================================================
   STATS GRID
   ========================================================= */

.cacar-about-hero-stats__inner{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;
}


/* =========================================================
   STAT ITEM
   ========================================================= */

.cacar-about-hero-stats__item{
    position:relative !important;

    min-width:0 !important;

    padding:22px 26px 20px !important;

    text-align:left !important;
}

.cacar-about-hero-stats__item:not(:first-child)::before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;

    top:20px !important;

    bottom:20px !important;

    width:1px !important;

    background:rgba(20,32,42,.10) !important;
}


/* =========================================================
   STAT NUMBER
   ========================================================= */

.cacar-about-hero-stats__number{
    display:block !important;

    white-space:nowrap !important;

    margin:0 !important;

    font-size:26px !important;

    line-height:1.05 !important;

    font-weight:600 !important;

    letter-spacing:-.03em !important;

    color:#132132 !important;
}


/* =========================================================
   STAT LABEL
   ========================================================= */

.cacar-about-hero-stats__label{
    display:block !important;

    margin-top:6px !important;

    font-size:10px !important;

    line-height:1.4 !important;

    font-weight:500 !important;

    letter-spacing:.04em !important;

    text-transform:uppercase !important;

    color:#707983 !important;
}


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

@media (max-width:980px){

    .cacar-about-hero-wrap{
        padding-bottom:118px !important;
    }

    .cacar-about-hero{
        min-height:570px !important;

        background-image:

            linear-gradient(
                90deg,
                rgba(18,27,35,.42) 0%,
                rgba(18,27,35,.31) 38%,
                rgba(18,27,35,.13) 68%,
                rgba(18,27,35,0) 100%
            ),

            url("//ueeshop.ly200-cdn.com/u_file/UPBE/UPBE245/2503/04/photo/d916c3d04a.jpg") !important;
    }

    .cacar-about-hero__inner{
        width:calc(100% - 48px) !important;

        min-height:570px !important;
    }

    .cacar-about-hero__content{
        width:680px !important;

        padding:62px 0 138px !important;

        transform:none !important;
    }

    .cacar-about-hero__title{
        font-size:56px !important;

        line-height:1.04 !important;
    }

    .cacar-about-hero__desc{
        max-width:620px !important;

        font-size:16px !important;
    }

    .cacar-about-hero-stats{
        width:calc(100% - 48px) !important;
    }

    .cacar-about-hero-stats__inner{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .cacar-about-hero-stats__item:nth-child(3)::before{
        display:none !important;
    }

}


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

@media (max-width:640px){

    .cacar-about-hero-wrap{
        padding-bottom:150px !important;
    }

    .cacar-about-hero{
        min-height:660px !important;

        background-position:60% center !important;

        background-image:

            linear-gradient(
                180deg,
                rgba(18,26,34,.08) 0%,
                rgba(18,26,34,.18) 26%,
                rgba(18,26,34,.42) 58%,
                rgba(18,26,34,.74) 100%
            ),

            url("//ueeshop.ly200-cdn.com/u_file/UPBE/UPBE245/2503/04/photo/d916c3d04a.jpg") !important;
    }

    .cacar-about-hero__inner{
        width:calc(100% - 32px) !important;

        min-height:660px !important;

        align-items:flex-end !important;
    }

    .cacar-about-hero__content{
        width:100% !important;

        padding:88px 0 138px !important;

        transform:none !important;
    }

    .cacar-about-hero__eyebrow{
        margin-bottom:14px !important;

        font-size:10px !important;
    }

    .cacar-about-hero__title{
        max-width:100% !important;

        font-size:42px !important;

        line-height:1.08 !important;

        letter-spacing:-.03em !important;
    }

    .cacar-about-hero__desc{
        max-width:100% !important;

        margin-top:20px !important;

        font-size:14px !important;

        line-height:1.68 !important;
    }

    .cacar-about-hero__actions{
        margin-top:24px !important;
    }

    .cacar-about-hero__btn{
        min-height:44px !important;

        padding:0 18px !important;

        font-size:12px !important;
    }

    .cacar-about-hero-stats{
        width:calc(100% - 32px) !important;

        transform:translate(-50%, 46%) !important;
    }

    .cacar-about-hero-stats__inner{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .cacar-about-hero-stats__item{
        padding:18px 18px 16px !important;
    }

    .cacar-about-hero-stats__item:nth-child(3)::before{
        display:none !important;
    }

    .cacar-about-hero-stats__number{
        font-size:22px !important;
    }

    .cacar-about-hero-stats__label{
        font-size:10px !important;
    }

}