.homepage .hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background-color:var(--primary-color)}.homepage .hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.homepage .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#12263ad9,#12263abf);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.homepage .hero-content{position:relative;z-index:3;max-width:900px;margin:0 auto;text-align:center;padding:0 2rem}.homepage .hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;margin-bottom:1.5rem;color:#fff;line-height:1.1;letter-spacing:-.02em;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards}.homepage .hero-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);margin-bottom:2.5rem;font-weight:300;color:#ffffffe6;max-width:800px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards .2s}.homepage .hero-cta{display:inline-flex;align-items:center;padding:1rem 2.5rem;font-size:1.1rem;font-weight:500;color:var(--primary-color);background:#ffffffe6;border:none;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;text-decoration:none;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease forwards .4s}.homepage .hero-cta:hover{background:#fff;transform:translateY(-2px);box-shadow:0 20px 40px #0003}.homepage .hero-pair{opacity:0;visibility:hidden;position:absolute;width:100%;transition:opacity .8s ease,visibility .8s ease}.homepage .hero-pair.active{opacity:1;visibility:visible;position:relative}.homepage .hero-indicators{margin-top:2rem;display:flex;justify-content:center;gap:1rem;margin-bottom:28px}.homepage .hero-indicators .indicator{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;padding:0;cursor:pointer;transition:all .3s ease}.homepage .hero-indicators .indicator.active{background:#fff;transform:scale(1.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.homepage .hero-section{min-height:90vh}.homepage .hero-content{padding:0 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/hero.css.map */