.hero{position:relative;display:flex;align-items:center;min-height:100vh;overflow:hidden;background-color:var(--color-primary)}.hero--medium,.hero--large,.hero--fullscreen{min-height:100vh}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero__image img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#3b5b7a66,#3b5b7a)}.hero__content{position:relative;z-index:3;max-width:860px;padding:40px 16px;color:#fff;text-align:center;margin:0 auto}.hero__heading{font-size:4.5rem;font-weight:700;line-height:1.08;letter-spacing:-.03em;color:#fff;margin-bottom:24px}.hero__subheading{font-size:1.125rem;font-weight:400;line-height:1.8;color:#ffffffd9;opacity:.85;margin-bottom:36px;max-width:560px;margin-left:auto;margin-right:auto}.hero .button{background-color:var(--color-secondary);border-color:var(--color-secondary)}.hero .button:hover{background-color:#fff;border-color:#fff;color:var(--color-primary)}.hero__heading{opacity:0;transform:translateY(30px);transition:opacity .8s ease .2s,transform .8s var(--transition-smooth) .2s}.hero__subheading{opacity:0;transform:translateY(30px);transition:opacity .8s ease .5s,transform .8s var(--transition-smooth) .5s}.hero__cta{opacity:0;transform:translateY(30px);transition:opacity .8s ease .8s,transform .8s var(--transition-smooth) .8s}.hero.is-visible .hero__heading,.hero.is-visible .hero__subheading,.hero.is-visible .hero__cta{opacity:1;transform:none}.hero>.wave-divider{position:absolute;bottom:0;left:0;right:0;z-index:4}.hero__scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:3}.hero__scroll-indicator span{display:block;width:1px;height:40px;background:#fff6;animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@media(max-width:1024px){.hero,.hero--medium,.hero--large,.hero--fullscreen{min-height:90vh}.hero__heading{font-size:3.5rem}.hero__content{padding:36px 24px}}@media(max-width:768px){.hero,.hero--medium,.hero--large,.hero--fullscreen{min-height:80vh}.hero__heading{font-size:2.5rem}.hero__subheading{font-size:1rem}.hero__content{padding:32px 16px}.hero__scroll-indicator{display:none}}@media(prefers-reduced-motion:reduce){.hero__heading,.hero__subheading,.hero__cta{opacity:1!important;transform:none!important;transition:none!important}.hero__scroll-indicator span{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */