.bw-fleet-hero{
    --bw-fh-accent:#F30101;
    position:relative;
    min-height:clamp(var(--bw-fh-min,450px),var(--bw-fh-target,54vh),var(--bw-fh-max,580px));
    height:clamp(var(--bw-fh-min,450px),var(--bw-fh-target,54vh),var(--bw-fh-max,580px));
    overflow:hidden;
    isolation:isolate;
    border-top:1px solid rgba(17,17,17,.06);
    border-bottom:1px solid rgba(17,17,17,.07);
    background:#fdf5e8;
    color:#111;
    font-family:"TeX Gyre Adventor","Avenir Next",Avenir,Arial,sans-serif;
}
.bw-fleet-hero *{box-sizing:border-box}
.bw-fleet-hero__container{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    height:100%;
    padding-top:var(--bw-fh-pt,30px);
    padding-bottom:var(--bw-fh-pb,30px);
}
.bw-fleet-hero__copy{
    width:min(var(--bw-fh-copy,43%),650px);
    min-width:0;
}
.bw-fleet-hero__breadcrumb{margin:0 0 10px}
.bw-fleet-hero__breadcrumb ol{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    align-items:center;
    margin:0;
    padding:0;
    list-style:none;
    color:rgba(17,17,17,.56);
    font-family:"TeX Gyre Adventor","Avenir Next",Avenir,Arial,sans-serif;
    font-size:.73rem;
    font-weight:400;
    line-height:1.35;
}
.bw-fleet-hero__breadcrumb li{display:inline-flex;gap:5px;align-items:center}
.bw-fleet-hero__breadcrumb a{color:inherit;text-decoration:none}
.bw-fleet-hero__breadcrumb a:is(:hover,:focus-visible){color:var(--bw-fh-accent)}
.bw-fleet-hero__breadcrumb-separator{color:rgba(17,17,17,.3)}
.bw-fleet-hero__eyebrow{
    display:flex;
    gap:11px;
    align-items:center;
    margin:0 0 13px;
    color:var(--bw-fh-accent);
    font-family:"TeX Gyre Adventor","Avenir Next",Avenir,Arial,sans-serif;
    font-size:clamp(.72rem,.68rem + .12vw,.86rem);
    font-weight:700;
    letter-spacing:.14em;
    line-height:1.35;
    text-transform:uppercase;
}
.bw-fleet-hero__eyebrow span{width:28px;height:2px;flex:none;background:var(--bw-fh-accent)}
.bw-fleet-hero__title{
    max-width:650px;
    margin:0;
    color:#111;
    font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    font-size:clamp(2.7rem,2.15rem + 1.8vw,4.15rem);
    font-weight:700;
    letter-spacing:-.025em;
    line-height:1.02;
    text-wrap:balance;
}
.bw-fleet-hero__paragraph{
    max-width:590px;
    margin:17px 0 0;
    color:rgba(17,17,17,.73);
    font-family:"TeX Gyre Adventor","Avenir Next",Avenir,Arial,sans-serif;
    font-size:clamp(.92rem,.88rem + .15vw,1.05rem);
    font-weight:400;
    line-height:1.58;
}
.bw-fleet-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}
.bw-fleet-hero__button{
    display:inline-flex;
    min-width:178px;
    min-height:50px;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:0 21px;
    border:1px solid var(--bw-fh-accent);
    border-radius:4px;
    font-family:"TeX Gyre Adventor","Avenir Next",Avenir,Arial,sans-serif;
    font-size:.76rem;
    font-weight:700;
    letter-spacing:.045em;
    line-height:1.2;
    text-decoration:none;
    text-transform:uppercase;
    transition:transform 180ms ease,background-color 180ms ease,color 180ms ease,box-shadow 180ms ease;
}
.bw-fleet-hero__button--primary{background:var(--bw-fh-accent);color:#fff;box-shadow:0 10px 20px rgba(243,1,1,.11)}
.bw-fleet-hero__button--secondary{background:rgba(253,245,232,.82);color:var(--bw-fh-accent)}
.bw-fleet-hero__button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform 180ms ease}
.bw-fleet-hero__button:is(:hover,:focus-visible){transform:translateY(-1px)}
.bw-fleet-hero__button:is(:hover,:focus-visible) svg{transform:translateX(4px)}
.bw-fleet-hero__button--secondary:hover{background:var(--bw-fh-accent);color:#fff}
.bw-fleet-hero__button:focus-visible,.bw-fleet-hero__breadcrumb a:focus-visible{outline:3px solid rgba(243,1,1,.25);outline-offset:3px}

.bw-fleet-hero__visual{
    position:absolute;
    z-index:0;
    inset:0;
    pointer-events:none;
}
.bw-fleet-hero__image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center bottom;
    -webkit-mask-image:linear-gradient(
        to right,
        transparent 0%,
        transparent 22%,
        rgba(0,0,0,.12) 29%,
        rgba(0,0,0,.58) 36%,
        #000 var(--bw-fh-fade,43%),
        #000 100%
    );
    mask-image:linear-gradient(
        to right,
        transparent 0%,
        transparent 22%,
        rgba(0,0,0,.12) 29%,
        rgba(0,0,0,.58) 36%,
        #000 var(--bw-fh-fade,43%),
        #000 100%
    );
}

@media (max-width:1199px) and (min-width:1024px){
    .bw-fleet-hero__copy{width:46%;max-width:590px}
    .bw-fleet-hero__title{font-size:clamp(2.55rem,4vw,3.55rem)}
    .bw-fleet-hero__paragraph{font-size:.93rem}
    .bw-fleet-hero__image{object-position:56% bottom}
}

@media (max-width:1023px){
    .bw-fleet-hero{height:auto;min-height:0}
    .bw-fleet-hero__container{
        display:block;
        height:auto;
        padding-top:var(--bw-fh-tpt,38px);
        padding-bottom:0;
    }
    .bw-fleet-hero__copy{width:100%;max-width:760px}
    .bw-fleet-hero__title{max-width:760px;font-size:clamp(2.45rem,6.2vw,4rem)}
    .bw-fleet-hero__paragraph{max-width:720px}
    .bw-fleet-hero__visual{
        position:relative;
        inset:auto;
        z-index:1;
        width:100%;
        height:clamp(250px,36vw,350px);
        margin-top:22px;
    }
    .bw-fleet-hero__image{
        object-fit:cover;
        object-position:72% bottom;
        -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.8) 8%,#000 16%,#000 100%);
        mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.8) 8%,#000 16%,#000 100%);
    }
}

@media (max-width:767px){
    .bw-fleet-hero__container{padding-top:var(--bw-fh-mpt,32px)}
    .bw-fleet-hero__breadcrumb{margin-bottom:9px}
    .bw-fleet-hero__eyebrow{align-items:flex-start;font-size:.7rem;letter-spacing:.11em}
    .bw-fleet-hero__eyebrow span{margin-top:7px}
    .bw-fleet-hero__title{font-size:clamp(2.15rem,10vw,2.95rem);line-height:1.04}
    .bw-fleet-hero__paragraph{margin-top:14px;font-size:1rem;line-height:1.58}
    .bw-fleet-hero__actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
    .bw-fleet-hero__button{width:100%;min-height:49px}
    .bw-fleet-hero__visual{height:clamp(210px,58vw,280px);margin-top:18px}
    .bw-fleet-hero__image{object-position:74% bottom}
}

@media (max-width:390px){
    .bw-fleet-hero__visual{height:210px}
    .bw-fleet-hero__image{object-position:77% bottom}
}

@media (prefers-reduced-motion:reduce){
    .bw-fleet-hero__button,.bw-fleet-hero__button svg{transition:none!important;transform:none!important}
}

/* Normal, non-fixed hero image so the complete vehicle lineup remains visible. */
.bw-fleet-hero__visual{
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right bottom;
    background-attachment:scroll;
}

/* Keep a soft 50% bright overlay only behind the text, fading toward the vehicles. */
.bw-fleet-hero__copy{
    position:relative;
    z-index:2;
    padding:18px 42px 18px 0;
}

.bw-fleet-hero__copy::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:-16px -70px -16px -32px;
    background:linear-gradient(
        90deg,
        rgba(255,255,255,.50) 0%,
        rgba(255,255,255,.50) 66%,
        rgba(255,255,255,.28) 82%,
        rgba(255,255,255,0) 100%
    );
    pointer-events:none;
}

/* The hero uses the database WebP as a CSS background. */
.bw-fleet-hero__image{display:none!important}

@media (max-width:1199px) and (min-width:1024px){
    .bw-fleet-hero__visual{
        background-size:auto 96%;
        background-position:right bottom;
    }
}

@media (max-width:1023px){
    .bw-fleet-hero__visual{
        background-attachment:scroll;
        background-size:auto 100%;
        background-position:72% bottom;
    }
    .bw-fleet-hero__copy{
        padding:18px 24px;
    }
    .bw-fleet-hero__copy::before{
        inset:0;
        background:rgba(255,255,255,.50);
        border-radius:4px;
    }
}

@media (max-width:767px){
    .bw-fleet-hero__copy{padding:16px}
    .bw-fleet-hero__visual{
        background-size:auto 100%;
        background-position:76% bottom;
    }
}