.hero{position:relative;height:clamp(420px,55vh,640px);background:#0b1220;overflow:hidden}.hero-media{position:absolute;inset:0;z-index:0}.hero-media picture,.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.hero-particles{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-particles canvas{width:100%!important;height:100%!important;display:block!important;vertical-align:bottom}.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0.45) 65%,rgba(0,0,0,0.70) 100%)}.hero-inner{position:absolute;inset:0;z-index:3;display:flex;align-items:center;padding-top:10vh}@media (max-width:991.98px){.hero-inner{padding-top:6vh}}.hero-content-wrap{display:flex;justify-content:flex-end}.hero-box{max-width:720px;width:100%;color:#fff;padding:1.25rem 1.5rem;border-radius:16px}@media (prefers-reduced-motion:reduce){.hero-box{animation:none!important}}.hero-box{opacity:0;transform:translateY(10px);animation:heroFadeIn 500ms ease-out 120ms forwards}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.hero-box .btn{margin-top:0.2rem;padding:0.6rem 1.4rem;font-weight:500;box-shadow:0 6px 18px rgba(0,0,0,.25)}.hero-cta{display:flex;justify-content:center}@media (max-width:575.98px){.hero-cta .btn{width:100%}}