.h3o-hero{position:relative;overflow:hidden;display:flex;align-items:center}@media screen and (min-width:990px){.h3o-hero{min-height:86vh}}.h3o-hero .h3o-hero__width{position:relative;z-index:2;width:100%}.h3o-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.h3o-hero__bg picture{display:block;width:100%;height:100%}.h3o-hero__bg-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.h3o-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0613368c,#06133647 45%,#061336b3)}.h3o-hero__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;color:#fff;pointer-events:none}.h3o-hero__radial{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 72% 24%,#38b6f552,#38b6f500 70%)}.h3o-hero__dots{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;-webkit-mask-image:radial-gradient(85% 85% at 50% 38%,#000 25%,transparent 100%);mask-image:radial-gradient(85% 85% at 50% 38%,#000 25%,transparent 100%)}.h3o-hero__grid{display:grid;gap:4.4rem;align-items:center;text-align:center}.h3o-hero__copy{max-width:60rem;margin-inline:auto}@media screen and (min-width:990px){.h3o-hero__grid{grid-template-columns:1.05fr .95fr;gap:5.6rem;text-align:left}.h3o-hero__copy{margin-inline:0}.h3o-hero__grid--solo{grid-template-columns:1fr;text-align:center;justify-items:center}.h3o-hero__grid--solo .h3o-hero__copy{margin-inline:auto}}.h3o-hero__title{margin:1.6rem 0 1.8rem;font-size:clamp(3.4rem,10vw,4.8rem);color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.h3o-hero__title{font-size:clamp(4.6rem,7vw,7.6rem)}}.h3o-hero__line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.h3o-hero__line-inner{display:inline-block;animation:h3o-hero-rise .85s var(--h3o-ease) both}.h3o-hero__line-inner--1{animation-delay:.1s}.h3o-hero__line-inner--2{animation-delay:.3s}@keyframes h3o-hero-rise{0%{transform:translateY(112%)}to{transform:translateY(0)}}.h3o-hero__grad{background:linear-gradient(96deg,rgb(var(--h3o-cyan)),#8fd8ff 38%,rgb(var(--h3o-lemon)));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.h3o-hero__enter{animation:h3o-hero-fade .7s var(--h3o-ease) both}.h3o-hero__enter--1{animation-delay:.5s}.h3o-hero__enter--2{animation-delay:.65s}.h3o-hero__enter--3{animation-delay:.8s}.h3o-hero__enter--4{animation-delay:.95s}.h3o-hero__enter--media{animation-delay:.55s}@keyframes h3o-hero-fade{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:none}}.h3o-hero__eyebrow{margin:0}.h3o-hero__sub{margin:0 0 2.2rem;font-size:1.7rem;line-height:1.6;color:rgba(var(--color-foreground),.82);max-width:46rem;margin-inline:auto}@media screen and (min-width:990px){.h3o-hero__sub{margin-inline:0}.h3o-hero__grid--solo .h3o-hero__sub{margin-inline:auto}}.h3o-hero__chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:0 0 2.6rem;padding:0}.h3o-hero__chip{padding:.5rem 1.1rem;font-size:1.05rem}.h3o-hero__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem}@media screen and (min-width:990px){.h3o-hero__chips,.h3o-hero__ctas{justify-content:flex-start}.h3o-hero__grid--solo .h3o-hero__chips,.h3o-hero__grid--solo .h3o-hero__ctas{justify-content:center}}.h3o-hero__ghost{border-color:#ffffff80;color:#fff}.h3o-hero__ghost:hover{background:#ffffff14;color:#fff}.h3o-hero__media{position:relative;width:min(76vw,34rem);margin-inline:auto}@media screen and (min-width:990px){.h3o-hero__media{width:min(40vw,46rem)}}.h3o-hero__product{position:relative;z-index:1;width:100%;height:auto;filter:drop-shadow(0 2.4rem 4rem rgba(3,10,30,.45))}.h3o-hero__ring{top:0;right:0;bottom:0;left:0;margin:auto;width:86%;aspect-ratio:1;z-index:0}.h3o-hero__ring--2{width:108%;border-color:rgba(var(--h3o-lemon),.35);animation-duration:3.6s;animation-delay:1.6s}.h3o-hero__cue{display:none;position:absolute;left:0;right:0;bottom:2rem;margin-inline:auto;width:3rem;height:3rem;z-index:2;color:#fff9;animation:h3o-hero-fade .7s var(--h3o-ease) 1.4s both,h3o-bob 2.2s ease-in-out 2.2s infinite}.h3o-hero__cue svg{width:100%;height:100%}@media screen and (min-width:990px){.h3o-hero__cue{display:block}}@media(prefers-reduced-motion:reduce){.h3o-hero__line-inner,.h3o-hero__enter,.h3o-hero__cue{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/h3o-hero.css.map */