.hero-banner{position:relative;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background:#040404 var(--hero-banner-image) var(--hero-banner-position,center) /cover no-repeat;padding:calc(env(safe-area-inset-top) + clamp(4vh, 7vh, 10vh)) 16px clamp(6vh,8vh,12vh);--hero-banner-copy-top:50vh}.hero-banner:after{inset:0;background:linear-gradient(180deg,rgba(6,6,6,.25),rgba(6,6,6,.82) 70%,#050505);z-index:1}.hero-banner:after,.hero-banner:before{content:"";position:absolute;pointer-events:none}.hero-banner:before{left:0;right:0;bottom:-1px;height:clamp(120px,20vh,220px);background:linear-gradient(180deg,rgba(5,5,5,0),#050505 70%,#050505);z-index:2}.hero-banner__media{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:var(--hero-banner-position,center);filter:brightness(.85)}.hero-banner__overlay{position:relative;z-index:3;width:min(960px,90vw);text-align:center;gap:clamp(24px,6vh,44px);margin:0 auto;padding-top:var(--hero-banner-copy-top);isolation:isolate;will-change:transform}.hero-banner__copy,.hero-banner__overlay{display:flex;flex-direction:column;align-items:center}.hero-banner__copy{gap:16px}.hero-banner__copy h1{font-size:clamp(3.4rem,12vw,8.4rem);margin:0;color:hsla(0,0%,89%,.86);font-family:poppins,sans-serif;font-weight:700;letter-spacing:.04em;text-shadow:0 18px 38px rgba(0,0,0,.55),0 0 18px rgba(0,0,0,.3);line-height:.9}.hero-banner__copy p{font-size:clamp(.85rem,2vw,1.2rem);color:hsla(0,0%,83%,.7);margin:0;font-family:poppins,sans-serif;font-weight:400;max-width:700px;line-height:1.4}.hero-banner__cta{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,3vh,20px)}.hero-banner .cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;background:linear-gradient(165deg,#b02525,#7b0f0f 42%,#430909);color:#fefefe;padding:clamp(10px,2.2vh,16px) clamp(28px,5vw,42px);border-radius:999px;border:1px solid hsla(0,0%,100%,.24);text-decoration:none;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.72rem,1.6vw,.95rem);box-shadow:0 14px 28px rgba(0,0,0,.45),0 14px 28px rgba(131,25,25,.35),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -8px 18px rgba(0,0,0,.3);text-shadow:0 1px 2px rgba(0,0,0,.55);transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease,filter .25s ease}.hero-banner .cta-button:after{inset:6px 18px 58% 18px;background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));opacity:.68}.hero-banner .cta-button:after,.hero-banner .cta-button:before{content:"";position:absolute;border-radius:999px;pointer-events:none}.hero-banner .cta-button:before{inset:-4px -10px -12px -10px;background:radial-gradient(ellipse at center,rgba(153,32,32,.18) 0,transparent 70%);filter:blur(10px);z-index:0}.hero-banner .cta-button span{position:relative;z-index:1}.hero-banner .cta-button:hover{background:linear-gradient(160deg,#cb2929,#8d1212 50%,#520d0d);border-color:hsla(0,0%,100%,.35);transform:translateY(-2px) scale(1.01);box-shadow:0 20px 42px rgba(0,0,0,.55),0 20px 42px rgba(131,25,25,.45),inset 0 1px 0 hsla(0,0%,100%,.28),inset 0 -10px 18px rgba(0,0,0,.35);filter:drop-shadow(0 8px 18px rgba(203,41,41,.25))}.hero-banner .cta-button:focus-visible{outline:2px solid hsla(0,0%,100%,.6);outline-offset:4px}@media (max-width:900px){.hero-banner__overlay{width:min(92vw,480px)}}@media (max-width:768px){.hero-banner{padding:calc(env(safe-area-inset-top) + clamp(5vh, 10vh, 13vh)) 12px clamp(7vh,12vh,14vh);--hero-banner-copy-top:44vh}.hero-banner__overlay{gap:clamp(18px,6vh,28px)}.hero-banner__copy h1{font-size:clamp(3.2rem,18vw,6.2rem)}.hero-banner__copy p{font-size:clamp(.8rem,3.6vw,1rem)}.hero-banner .cta-button{padding:clamp(10px,2.4vh,12px) clamp(22px,10vw,30px);font-size:clamp(.7rem,3.4vw,.88rem)}}@media (min-width:769px){.hero-banner{background-position:var(--hero-banner-position-desktop,var(--hero-banner-position,center))}.hero-banner__image{object-position:var(--hero-banner-position-desktop,var(--hero-banner-position,center))}}@media (prefers-reduced-motion:reduce){.hero-banner{background:linear-gradient(180deg,rgba(8,8,8,.2),rgba(8,8,8,.9) 75%,#040404),#040404}}