.hero{--glow-a: #1ab796;--glow-b: #e73293;background:radial-gradient(120% 80% at 75% 40%,#174438,#12372f 55%,#0f2f28);display:flex;flex-direction:column;min-height:calc(100svh - 44px);overflow:hidden;justify-content:center;position:relative}.hero__inner{display:flex;flex-direction:column;gap:8px;padding-top:var(--header-h);padding-bottom:40px;position:relative;z-index:2}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:3}.hero__eyebrow{margin-bottom:14px}.hero__title{font-size:44px;line-height:1;max-width:12ch}.hero__title .title__line+.title__line{margin-top:.02em}.hero__title em{color:#deffda}.hero__text{color:#fbfaf6d1;font-size:17px;line-height:1.45;margin-top:14px;max-width:30ch}.hero__actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:20px;width:100%}.hero__btn{min-width:220px}.hero__note{color:#fbfaf6c7;font-size:13px;line-height:1.4;margin-left:10px}.hero__stage{height:320px;margin:0 auto;max-width:360px;order:-1;position:relative;width:100%}.hero__halo{background:radial-gradient(circle,rgba(26,183,150,.38) 0%,rgba(26,183,150,.12) 38%,transparent 68%);border-radius:50%;height:120%;left:50%;position:absolute;top:48%;transform:translate(-50%,-50%);width:120%}.hero__pack{display:flex;height:92%;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:4%;z-index:2}.hero__pack img{height:100%;max-width:none;pointer-events:auto;width:auto}.hero__float{position:absolute;z-index:1}.hero__float img{animation:hero-bob var(--bob, 7s) ease-in-out var(--bob-d, 0s) infinite;height:auto;transition:translate .3s linear,scale .3s linear;width:100%}.hero__float--lm-back{left:-4%;top:52%;width:42%;--bob: 9s}.hero__float--lm-back img{rotate:-12deg}.hero__float--lm-front{right:-3%;bottom:0;width:30%;--bob: 8s;--bob-d: -2s}.hero__float--lm-front img{rotate:9deg}.hero__float--bean-1{left:10%;top:8%;width:11%;--bob: 6s}.hero__float--bean-2{right:8%;top:12%;width:10%;--bob: 7.5s;--bob-d: -3s}.hero__float--bean-3{right:20%;top:0;width:8%;--bob: 6.5s;--bob-d: -1s}.hero__float--bean-4{left:8%;bottom:4%;width:10%;--bob: 7s;--bob-d: -4s}.hero__float--bean-5{right:2%;top:40%;width:8%;--bob: 5.5s;--bob-d: -2.5s}@keyframes hero-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(4deg)}}[data-parallax]{will-change:transform}.hero__glow{height:30%;left:0;bottom:0;overflow-x:clip;pointer-events:none;position:absolute;width:100%;z-index:1}.hero__glow:before,.hero__glow:after{border-radius:50%;content:"";filter:blur(135px);bottom:0;position:absolute}.hero__glow:before{background:var(--glow-a);height:420px;left:0;opacity:.55;transform:translate(-50%,55%) translateZ(0);width:420px}.hero__glow:after{background:var(--glow-b);height:340px;right:0;opacity:.22;transform:translate(50%,55%) translateZ(0);width:340px}.hero__mouse{background:#deffda1a;border:1px solid rgba(222,255,218,.4);border-radius:16px;display:none;height:40px;left:32px;bottom:44px;position:absolute;width:28px;z-index:3}.hero__mouse:after{animation:hero-scroll 4s infinite;background:#deffda;border-radius:50%;content:"";height:7px;top:5px;left:50%;position:absolute;transform:translate(-50%);width:7px}@keyframes hero-scroll{0%,28%,to{top:5px}50%,78%{top:calc(100% - 12px)}}[data-reveal] .hero__pack img{opacity:0;transform:translateY(70px) scale(.94)}[data-reveal] .hero__halo{opacity:0;transform:translate(-50%,-50%) scale(.6)}[data-reveal] .hero__float{opacity:0;scale:.6}[data-reveal] .hero__eyebrow,[data-reveal] .hero__text,[data-reveal] .hero__actions{opacity:0;transform:translateY(16px)}[data-reveal].is-in .hero__pack img{opacity:1;transform:none;transition:opacity 1s .15s,transform 1.2s cubic-bezier(.2,.8,.2,1) .15s}[data-reveal].is-in .hero__halo{opacity:1;transform:translate(-50%,-50%);transition:opacity 1.4s,transform 1.6s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-in .hero__float{opacity:1;scale:1;transition:opacity .8s var(--in, .6s),scale 1s cubic-bezier(.3,1.4,.5,1) var(--in, .6s)}.hero__float--lm-back{--in: .55s}.hero__float--bean-1{--in: .75s}.hero__float--bean-2{--in: .85s}.hero__float--lm-front{--in: .7s}.hero__float--bean-3{--in: .95s}.hero__float--bean-4{--in: 1.05s}.hero__float--bean-5{--in: 1.15s}[data-reveal].is-in .hero__eyebrow{opacity:1;transform:none;transition:opacity .6s .3s,transform .6s .3s}[data-reveal].is-in .hero__title .title__inner{transition-delay:.45s}[data-reveal].is-in .hero__title .title__line+.title__line .title__inner{transition-delay:.7s}[data-reveal].is-in .hero__text{opacity:1;transform:none;transition:opacity .7s 1s,transform .7s 1s}[data-reveal].is-in .hero__actions{opacity:1;transform:none;transition:opacity .7s 1.25s,transform .7s 1.25s}[data-reveal].is-in .hero__btn{animation-delay:1.6s}[data-reveal].is-in .hero__btn .btn__frame:before,[data-reveal].is-in .hero__btn .btn__frame:after{animation-delay:1.6s}@media(min-width:480px){.hero__title{font-size:54px}.hero__stage{height:400px;max-width:420px}}@media(min-width:768px){.hero__mouse{display:block}.hero__title{font-size:64px}.hero__stage{height:540px;max-width:520px}}@media(min-width:992px){.hero__inner{align-items:center;flex-direction:row;gap:24px;padding-top:calc(var(--header-h) + 8px);padding-bottom:40px}.hero__copy{flex:1 1 50%;max-width:620px}.hero__stage{flex:1 1 50%;height:min(76vh,720px);max-width:none;min-height:520px;order:0}.hero__title{font-size:72px}.hero__text{font-size:19px;margin-top:24px}.hero__actions{margin-top:36px}}@media(min-width:1200px){.hero__title{font-size:96px}.hero__text{font-size:20px;max-width:32ch}.hero__mouse{left:48px}.hero__float--lm-back{left:0;top:50%;width:36%}.hero__float--lm-front{right:4%;bottom:2%;width:25%}}@media(min-width:1501px){.hero__title{font-size:116px}.hero__stage{height:min(78vh,800px)}}.hero__plane{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hero__plane--front{z-index:3}.hero__plane picture,.hero__plane img{display:block;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero.css.map */
