.hero-parallax{position:relative;min-height:70vh;overflow:hidden;overflow-x:hidden;display:flex;align-items:center;width:100%;margin:0}.hero-parallax__bg-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;width:100.2%;margin-left:-.1%}.hero-parallax__bg-image{width:100%;height:100%;object-fit:cover;object-position:bottom center}.hero-parallax__bg-image--flipped{transform:scaleX(-1)}.hero-parallax__inner{position:relative;z-index:2;width:100%;max-width:var(--page-width);margin:0 auto;padding:8rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;justify-content:end}.hero-parallax__content{display:flex;flex-direction:column;gap:2rem}.hero-parallax__eyebrow{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--color-foreground),.6);margin:0}.hero-parallax__eyebrow-line{width:4rem;height:2px;background:rgb(var(--color-button));flex-shrink:0}.hero-parallax__heading{font-family:Sergio Trendy,Arial,Helvetica,sans-serif;font-size:clamp(3rem,6.5vw,6.5rem);line-height:.95;text-transform:uppercase;margin:0;color:rgb(var(--color-foreground));word-break:keep-all;overflow-wrap:break-word}.hero-parallax__heading em{font-style:normal;color:rgb(var(--color-button));display:block}.hero-parallax__subtext{font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.7);max-width:42rem;margin:0}.hero-parallax__ctas{display:flex;gap:1.6rem;flex-wrap:wrap}.hero-parallax__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:50rem}.hero-parallax__float-item{position:absolute;will-change:transform;animation:heroFloat linear infinite}.hero-parallax__float-item--1{width:60rem;height:auto;aspect-ratio:16 / 9;top:50%;left:55%;transform:translate(-50%,-50%);z-index:10;animation-duration:6s;animation-delay:0s}.hero-parallax__float-item--2{width:45rem;height:45rem;top:0%;right:-40%;z-index:5;animation-duration:8s;animation-delay:-2s}.hero-parallax__float-item--3{width:40rem;height:auto;aspect-ratio:16 / 9;bottom:0%;left:-20%;z-index:4;animation-duration:7s;animation-delay:-4s}.hero-parallax__float-item--4{width:32rem;height:32rem;top:-10%;left:-15%;z-index:3;animation-duration:9s;animation-delay:-1s}.hero-parallax__float-item img,.hero-parallax__float-item .placeholder-svg{width:100%;height:100%;object-fit:contain;display:block}@keyframes heroFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-25px) rotate(2deg)}75%{transform:translateY(15px) rotate(-1deg)}}.hero-parallax__float-item--1{animation-name:heroFloat1}@keyframes heroFloat1{0%,to{transform:translate(-50%,-50%) translateY(0)}25%{transform:translate(-50%,-50%) translateY(-25px)}75%{transform:translate(-50%,-50%) translateY(15px)}}.hero-parallax__cloud{position:absolute;bottom:-2px;left:0;right:0;height:14rem;z-index:10;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(var(--color-background),.2) 30%,rgb(var(--color-background)) 85%)}.hero-parallax__cloud:before,.hero-parallax__cloud:after{content:"";position:absolute;bottom:35%;border-radius:50%;background:rgba(var(--color-background),.4);filter:blur(2.5rem)}.hero-parallax__cloud:before{width:55%;height:8rem;left:-5%}.hero-parallax__cloud:after{width:45%;height:6rem;right:-5%;bottom:45%}.hero-parallax .scroll-trigger{opacity:0;transform:translateY(3rem);transition:opacity .7s ease,transform .7s ease}.hero-parallax .scroll-trigger.scroll-trigger--offscreen{opacity:0;transform:translateY(3rem)}.hero-parallax .scroll-trigger:not(.scroll-trigger--offscreen){opacity:1;transform:translateY(0)}@media screen and (max-width:749px){.hero-parallax{width:100vw;margin-left:50%;transform:translate(-50%);overflow-x:hidden}.hero-parallax__inner{grid-template-columns:1fr;padding:4rem 2rem 12rem;gap:4rem}.hero-parallax__media{min-height:50rem;margin-top:2rem}.hero-parallax__float-item--1{width:52rem}.hero-parallax__float-item--2{display:block;width:42rem;height:32rem;top:-15%;right:-25%}.hero-parallax__float-item--3{display:block;width:38rem;height:auto;aspect-ratio:16 / 9;bottom:-10%;left:-10%}.hero-parallax__float-item--4{width:30rem;left:-2%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-hero-parallax.css.map */