.crpbs-hero{
    --crpbs-height:520px;
    --crpbs-gold:#D8A321;
    position:relative;
    width:100%;
    height:var(--crpbs-height);
    min-height:var(--crpbs-height);
    overflow:hidden;
    isolation:isolate;
    background:#090a0c;
    color:#fff;
    font-family:inherit;
}

.crpbs-hero.crpbs-full-bleed{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
}

.crpbs-track,
.crpbs-slide{
    position:absolute;
    inset:0;
}

.crpbs-slide{
    opacity:0;
    visibility:hidden;
    z-index:0;
    pointer-events:none;
    transition:opacity .85s cubic-bezier(.22,.61,.36,1),visibility .85s linear;
}

.crpbs-slide.is-active{
    opacity:1;
    visibility:visible;
    z-index:1;
    pointer-events:auto;
}

.crpbs-picture,
.crpbs-video-wrap{
    position:absolute;
    inset:0;
    overflow:hidden;
}

.crpbs-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:var(--crpbs-dx,50%) var(--crpbs-dy,50%);
    background:#090a0c;
}


.crpbs-picture img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:var(--crpbs-dx,50%) var(--crpbs-dy,50%);
    transform:scale(1.015);
    transition:transform 7s ease-out;
}

.crpbs-slide.is-active .crpbs-picture img{
    transform:scale(1);
}

.crpbs-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,calc(var(--crpbs-overlay,.30) * .45)) 50%,rgba(0,0,0,.18) 100%),
        radial-gradient(circle at 50% 50%,rgba(0,0,0,calc(var(--crpbs-overlay,.30) * .45)) 0%,rgba(0,0,0,var(--crpbs-overlay,.30)) 100%);
}

.crpbs-vignette{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    box-shadow:inset 0 95px 120px rgba(0,0,0,.10),inset 0 -110px 140px rgba(0,0,0,.20);
}

.crpbs-content-wrap{
    position:absolute;
    inset:0;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:54px clamp(72px,9vw,180px) 70px;
    text-align:center;
}

.crpbs-content{
    width:min(900px,82vw);
    margin:0 auto;
    transform:translateY(10px);
    opacity:0;
    transition:transform .72s .16s cubic-bezier(.22,.61,.36,1),opacity .72s .16s ease;
}

.crpbs-slide.is-active .crpbs-content{
    transform:translateY(0);
    opacity:1;
}

.crpbs-heading-accent{
    margin:0;
    color:var(--crpbs-gold);
    font-size:62px;
    line-height:.92;
    font-weight:900;
    letter-spacing:-.045em;
    text-transform:uppercase;
    text-shadow:0 3px 22px rgba(0,0,0,.42),0 0 22px rgba(216,163,33,.12);
}

.crpbs-heading-main{
    margin:6px 0 0;
    padding:0;
    color:#fff;
    font-size:68px;
    line-height:.94;
    font-weight:900;
    letter-spacing:-.05em;
    text-transform:uppercase;
    text-shadow:0 4px 28px rgba(0,0,0,.48);
}

.crpbs-subtitle{
    margin:18px auto 0;
    max-width:760px;
    color:rgba(255,255,255,.97);
    font-size:19px;
    line-height:1.34;
    font-weight:520;
    letter-spacing:-.01em;
    text-shadow:0 2px 15px rgba(0,0,0,.52);
}

.crpbs-benefit-line{
    margin:13px auto 0;
    color:rgba(255,255,255,.88);
    font-size:13px;
    line-height:1.35;
    font-weight:650;
    letter-spacing:.015em;
    text-shadow:0 2px 12px rgba(0,0,0,.52);
}

.crpbs-cta{
    margin-top:25px;
    min-width:250px;
    height:52px;
    padding:0 31px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:1px solid rgba(255,224,127,.58);
    border-radius:7px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0) 50%),
        linear-gradient(105deg,#bd7d00 0%,#e9b934 52%,#c88b08 100%);
    color:#080808 !important;
    text-decoration:none !important;
    text-transform:uppercase;
    font-size:15px;
    line-height:1;
    font-weight:900;
    letter-spacing:.045em;
    box-shadow:0 9px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.28);
    transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}

.crpbs-cta:hover{
    transform:translateY(-2px);
    filter:brightness(1.06);
    box-shadow:0 13px 30px rgba(0,0,0,.30),0 0 24px rgba(216,163,33,.14),inset 0 1px 0 rgba(255,255,255,.35);
}

.crpbs-cta:focus-visible,
.crpbs-arrow:focus-visible,
.crpbs-dot:focus-visible,
.crpbs-admin-copy:focus-visible{
    outline:2px solid #fff;
    outline-offset:4px;
}

.crpbs-fine-print{
    margin:12px auto 0;
    max-width:720px;
    color:rgba(255,255,255,.76);
    font-size:10.8px;
    line-height:1.4;
    font-weight:440;
    text-shadow:0 1px 10px rgba(0,0,0,.5);
}

.crpbs-arrow{
    position:absolute;
    top:50%;
    z-index:7;
    width:48px;
    height:70px;
    margin-top:-35px;
    padding:0;
    border:0;
    background:transparent;
    color:rgba(255,255,255,.68);
    font:300 58px/1 Arial,sans-serif;
    cursor:pointer;
    text-shadow:0 2px 16px rgba(0,0,0,.5);
    transition:color .2s ease,transform .2s ease,opacity .2s ease;
    opacity:.78;
}

.crpbs-arrow:hover{
    color:#fff;
    opacity:1;
    transform:scale(1.06);
}

.crpbs-prev{left:clamp(12px,2.2vw,42px)}
.crpbs-next{right:clamp(12px,2.2vw,42px)}

.crpbs-dots{
    position:absolute;
    z-index:8;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.crpbs-dot{
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.48);
    box-shadow:0 1px 6px rgba(0,0,0,.25);
    cursor:pointer;
    transition:width .25s ease,background .25s ease,opacity .25s ease;
}

.crpbs-dot.is-active{
    width:24px;
    background:var(--crpbs-gold);
}

.crpbs-admin-copy{
    position:absolute;
    z-index:12;
    right:16px;
    bottom:15px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(12,13,16,.74);
    color:#fff;
    padding:8px 11px;
    font-size:11px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
    backdrop-filter:blur(8px);
}

.crpbs-admin-copy.is-copied{background:#2b6f3b}

@media (max-width:1024px){
    .crpbs-content-wrap{padding:44px 76px 62px}
    .crpbs-content{width:min(780px,82vw)}
}

@media (max-width:767px){
    .crpbs-hero,
    .crpbs-hero.crpbs-full-bleed{
        width:100vw;
        max-width:100vw;
        height:var(--crpbs-height,560px);
        min-height:var(--crpbs-height,560px);
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
    }

    .crpbs-picture img,
    .crpbs-video{
        object-position:var(--crpbs-mx,50%) var(--crpbs-my,50%);
    }


    .crpbs-overlay{
        background:
            linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,calc(var(--crpbs-overlay,.30) * .45)) 38%,rgba(0,0,0,calc(var(--crpbs-overlay,.30) + .22)) 100%);
    }

    .crpbs-content-wrap{
        align-items:center;
        padding:48px 46px 72px;
    }

    .crpbs-content{width:100%;max-width:520px}
    .crpbs-heading-accent{font-size:43px;letter-spacing:-.035em}
    .crpbs-heading-main{font-size:47px;letter-spacing:-.04em;margin-top:5px}
    .crpbs-subtitle{font-size:16px;margin-top:15px;max-width:390px}
    .crpbs-benefit-line{font-size:11px;margin-top:11px;line-height:1.45}
    .crpbs-cta{min-width:220px;height:50px;margin-top:21px;font-size:15px;padding:0 25px}
    .crpbs-fine-print{font-size:10px;max-width:390px;margin-top:10px}

    .crpbs-arrow{
        width:38px;
        height:58px;
        margin-top:-29px;
        font-size:44px;
        opacity:.64;
    }
    .crpbs-prev{left:5px}
    .crpbs-next{right:5px}
    .crpbs-dots{bottom:16px;gap:8px}
}

@media (prefers-reduced-motion:reduce){
    .crpbs-slide,
    .crpbs-content,
    .crpbs-picture img,
    .crpbs-arrow,
    .crpbs-dot,
    .crpbs-cta{
        transition:none !important;
        animation:none !important;
    }
}
