*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--orange:#ee4e25;--dark-red:#b83927;--white:#fefefe;--black:#0a0a0a;--font-body:"Barlow", system-ui, -apple-system, sans-serif;--font-display:"Bebas Neue", "Barlow", system-ui, sans-serif}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.hero__video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero__overlay{z-index:1;background:linear-gradient(#00000073 0%,#0000004d 50%,#000000b3 100%);position:absolute;inset:0}.hero__content{z-index:2;flex-direction:column;align-items:center;gap:24px;padding:0 24px;display:flex;position:relative}.hero__logo{filter:drop-shadow(0 4px 40px #00000080);width:220px;height:auto;animation:1.2s ease-out both logoFadeIn}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.hero__tagline{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 2px 12px #00000080;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:400;animation:1.2s ease-out .4s both taglineFadeIn}@keyframes taglineFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero__logo{width:180px}}@media (width<=480px){.hero__logo{width:150px}}