header{width:100%;height:100svh;position:relative}.header-video,.header-video-container{width:100%;height:100%;pointer-events:none;user-select:none}.header-video video{width:100%;height:90%;object-fit:cover;object-position:center;position:relative;animation:zoomin linear forwards;animation-timeline:view();animation-range-start:800px;animation-range-end:1400px;scale:1}@keyframes zoomin{to{scale:1.2}}.header-video::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--bg-clr) 16%,transparent,transparent,transparent,transparent)}body.bg-black .header-video-container::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-clr);opacity:.2}.header-container{position:absolute;bottom:40px;left:50%;z-index:2;transform:translateX(-50%)}.header-content{display:flex;flex-direction:column;align-items:center}.header-content h1{font-size:3rem;margin-bottom:-.5rem;white-space:nowrap;color:var(--text-clr);text-shadow:0 2px 10px rgba(0,0,0,.3);font-weight:600}.header-content h2{font-size:1.8rem;font-weight:200;max-width:850px;margin-bottom:1rem;white-space:nowrap;letter-spacing:1px;font-style:italic;color:var(--text-clr-2)}@media (max-width:768px){.header-container{width:100%;bottom:5px}.header-content h1{font-size:2rem}.header-content h2{font-size:1.2rem}}@media (max-width:480px){.header-container{padding:0 1rem}}@media (min-width:768px){.header-content .main-btn,.header-content h1,.header-content h2{opacity:0;will-change:transform,opacity}body.loaded .header-content h1{animation:premiumFadeIn 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s}body.loaded .header-content h2{animation:premiumFadeIn 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s}body.loaded .header-content .main-btn{animation:premiumFadeIn 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s}@keyframes premiumFadeIn{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}}