@font-face{font-family:Inter;src:url(inter-italic.ttf) format("truetype");font-style:italic;font-weight:500;font-display:swap}.hero{--hero-gutter:5.347222vw;--hero-ease:cubic-bezier(.22,1,.36,1);--hero-settle:cubic-bezier(.22,1.18,.36,1);position:relative;min-height:640px;height:100svh;overflow:hidden;isolation:isolate;background:#12191b;color:#fff}.hero img{display:block}.hero-join,.hero-send,.hero-mobile-submit{background:none;border:0;padding:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero button:focus-visible{outline:2px solid #fff;outline-offset:5px}.hero-scene{position:absolute;z-index:-2;width:max(115.625vw,203.04878vh);aspect-ratio:1665/929;left:calc(50% - 18.5px);top:calc(50% + 12.5px);transform:translate(-50%,-50%)}.hero-scene img{width:100%;height:100%;max-width:none;object-fit:cover}.hero-scene-fade{display:none}.hero-content{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-intro,.hero-signup{pointer-events:auto;position:absolute}.hero-intro{left:var(--hero-gutter);bottom:80px;width:294px}.hero-intro h1{margin:0;font-size:1.75rem;font-weight:500;line-height:30px;letter-spacing:-.4426px;text-transform:uppercase}.hero-intro h1 em{font-style:italic}.hero-line-mask{display:block;overflow:hidden;padding-bottom:3px}.hero-headline-line{display:block;transform:translateY(115%);animation:hero-line-in .95s var(--hero-ease) .16s forwards}.hero-line-mask:nth-child(2) .hero-headline-line{animation-delay:.36s}.hero-description{margin:21px 0 0;font-size:1.125rem;line-height:24px;font-weight:300;color:#fffc}.hero-lockup{display:inline-block;position:relative;top:-1.5px;vertical-align:middle;width:104px;height:18px;opacity:0;transform:translateY(7px);animation:hero-soft-in .75s var(--hero-ease) .72s forwards}.hero-lockup-desktop{width:103.964px;height:17.771px}.hero .hero-lockup-mobile{display:none}.hero-description-text{opacity:0;animation:hero-copy-in .85s var(--hero-ease) 1.04s forwards}.hero-signup{right:var(--hero-gutter);bottom:72px;display:flex;align-items:flex-end;flex-direction:column;opacity:0;animation:hero-soft-in .8s var(--hero-ease) 1.18s forwards}.hero-waitlist-wrap{position:relative;display:flex;flex-direction:column;align-items:flex-end}.hero-waitlist{position:relative;display:flex;flex-direction:column;align-items:flex-end;margin:0}.hero-field{position:relative;isolation:isolate;width:148px;height:48px;border-radius:16px;transition:width .64s var(--hero-settle);overflow:hidden}.hero-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:inherit;z-index:-1;transition:background .42s var(--hero-ease),box-shadow .3s}.hero-join{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;font-size:.8125rem;color:#000;white-space:nowrap;overflow:hidden;transition:opacity .16s .25s}.hero-join span{display:block;transition:transform .28s var(--hero-ease),opacity .24s}.hero-email-area{position:absolute;left:16px;right:52px;top:0;height:48px;opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s .5s}.hero-email-area input{padding:0;border:0;outline:0;width:100%;height:48px;background:transparent;color:#fff;font-size:.8125rem;caret-color:#fff}.hero-email-area input:focus-visible{outline:none}.hero-email-area input:-webkit-autofill,.hero-email-area input:autofill{background:none;-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 999999s ease-in-out 0s}.hero-email-area input:-webkit-autofill{animation-name:hero-autofill-detect;animation-duration:1ms}@keyframes hero-autofill-detect{0%{opacity:1}to{opacity:1}}.hero-prompt{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;font-size:.8125rem;white-space:nowrap;color:#ffffff6b;overflow:hidden}.hero-prompt>span{display:block;transform:translateY(7px);opacity:0;transition:transform .32s var(--hero-ease),opacity .28s}.hero-prompt>span.hero-prompt-desktop{display:block}.hero-prompt>span.hero-prompt-mobile{display:none}.hero-send{position:absolute;right:2px;top:2px;width:44px;height:44px;opacity:0;visibility:hidden;transform:translate(-16px) scale(.72);transition:transform .5s var(--hero-settle),opacity .2s,visibility 0s .5s}.hero-arrow{display:block;position:absolute;width:22px;height:22px;top:11px;left:11px;transition:transform .3s var(--hero-ease)}.hero-arrow img{position:absolute;width:22px;height:22px;transition:opacity .25s}.hero-arrow-active{opacity:0}.hero-waitlist.is-expanded .hero-field{width:318px}.hero-waitlist.is-expanded .hero-field:before{background:#fff3}.hero-waitlist.is-expanded .hero-join{pointer-events:none;opacity:0;transition:opacity .2s}.hero-waitlist.is-expanded .hero-join span{transform:translateY(-6px);opacity:0;transition-delay:0s}.hero-waitlist.is-expanded .hero-email-area{visibility:visible;opacity:1;transition:opacity .3s .13s,visibility 0s}.hero-waitlist.is-expanded .hero-prompt>span{transform:translateY(0);opacity:1;transition-delay:.15s}.hero-waitlist.is-expanded .hero-send{opacity:1;visibility:visible;transform:translate(0) scale(1);transition:transform .58s var(--hero-settle) .26s,opacity .3s .26s,visibility 0s}.hero-waitlist.has-value .hero-prompt{opacity:0}.hero-waitlist.has-value .hero-arrow-active{opacity:1}.hero-waitlist.has-value .hero-arrow-idle{opacity:0}.hero-send:hover .hero-arrow{transform:translate(3px)}.hero-waitlist:focus-within .hero-field:before{box-shadow:inset 0 0 0 1px #ffffff29}.hero-signup-note{margin-top:6px;line-height:18px;font-size:.6875rem;font-weight:300;color:#fffc;white-space:nowrap}.hero-signup-note a{text-decoration:underline;text-underline-offset:2px}.hero-spinner{display:none;position:absolute;left:15px;top:15px;width:14px;height:14px;border:1.5px solid #ffffff35;border-top-color:#fff;border-radius:50%;animation:hero-spin .7s linear infinite}.hero-check{display:none;font-size:1.1875rem}.hero-mobile-submit{display:none}.hero-waitlist[data-state=sending] .hero-arrow{animation:hero-arrow-out .3s var(--hero-ease) forwards}.hero-waitlist[data-state=sending] .hero-spinner{display:block;animation:hero-spin .7s linear infinite,hero-copy-in .2s .25s both}.hero-waitlist[data-state=success] .hero-arrow{display:none}.hero-waitlist[data-state=success] .hero-check{display:block;animation:hero-check-in .45s var(--hero-settle) both}.hero-toast{position:fixed;bottom:32px;left:50%;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border:1px solid #ffffffbf;border-radius:20px;background:#fafbf9e8;-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);color:#1d2420;box-shadow:0 18px 48px #0004,inset 0 1px #fff;z-index:20;width:max-content;max-width:calc(100vw - 40px);opacity:0;visibility:hidden;transform:translate(-50%,28px) scale(.985);transition:transform .5s var(--hero-ease),opacity .34s ease,visibility 0s .5s;pointer-events:none}.hero-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%) scale(1);transition:transform .5s var(--hero-ease),opacity .34s ease,visibility 0s}.hero-toast-icon{display:grid;place-items:center;width:32px;height:32px;background:#e4f3e8;color:#2f7d4d;border-radius:50%;font-size:.9375rem;font-weight:700;flex-shrink:0}.hero-toast[data-tone=error] .hero-toast-icon{background:#f8e9e7;color:#b84e45}.hero-toast strong{display:block;font-size:.8125rem;line-height:18px;letter-spacing:-.18px;font-weight:600}.hero-toast p{font-size:.75rem;line-height:16px;letter-spacing:-.08px;opacity:.66;margin:2px 0 0}@keyframes hero-line-in{to{transform:translateY(0)}}@keyframes hero-soft-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-copy-in{to{opacity:1}}@keyframes hero-arrow-out{to{transform:translate(30px);opacity:0}}@keyframes hero-spin{to{transform:rotate(360deg)}}@keyframes hero-check-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(min-width:701px)and (max-width:1050px){.hero-intro{left:40px}.hero-signup{right:40px}.hero-signup-note{font-size:.625rem}.hero-toast{left:40px;transform:translateY(28px) scale(.985)}.hero-toast.is-visible{transform:translate(0) scale(1)}}@media(max-width:700px){.hero{--hero-gutter:28px;height:auto;min-height:max(760px,100svh);background:#161a19}.hero-scene{top:0;right:0;bottom:0;left:0;width:auto;aspect-ratio:auto;transform:none;overflow:hidden}.hero-scene img,.hero-scene-fade{position:absolute;left:50%;top:-15px;transform:translate(-53.5373%);width:max(1046px,268.205vw,calc(125.873vh + 20px));aspect-ratio:1046/831;height:auto}.hero-scene img{object-fit:cover}.hero-scene-fade{display:block;background:linear-gradient(to bottom,#1b1e1c00 51.113%,#1b1e1ccc 90.707%)}.hero-content{position:relative;inset:auto;display:flex;flex-direction:column;justify-content:flex-end;min-height:max(688px,100svh);padding:max(345px,calc(142.05128vw - 209px)) 28px max(36px,env(safe-area-inset-bottom));pointer-events:auto}.hero-intro,.hero-signup{position:static}.hero-intro{width:254px}.hero-intro h1{font-size:1.5rem;line-height:30px}.hero-line-mask{padding:0}.hero-description{font-size:.875rem;line-height:18px;margin:10px 0 0 2px}.hero-lockup{width:89px;height:15.21px}.hero .hero-lockup-desktop{display:none}.hero .hero-lockup-mobile{display:block;width:88.97px;height:15.207px}.hero-signup{margin-top:23px;display:block;width:100%}.hero-waitlist-wrap{align-items:stretch}.hero-waitlist{align-items:stretch;gap:12px}.hero-field,.hero-waitlist.is-expanded .hero-field{width:100%;height:57px;border-radius:18px;transition:none}.hero-field:before,.hero-waitlist.is-expanded .hero-field:before{background:#e3e3e35c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-join,.hero-send{display:none}.hero-email-area,.hero-waitlist.is-expanded .hero-email-area{left:20px;right:20px;visibility:visible;opacity:1;height:57px;transition:none}.hero-email-area input{height:57px;font-size:1rem}.hero-prompt{font-size:.8125rem}.hero-prompt>span{transform:none;opacity:1;transition:none}.hero-prompt>span.hero-prompt-desktop{display:none}.hero-prompt>span.hero-prompt-mobile{display:block}.hero-mobile-submit{display:flex;align-items:center;justify-content:center;height:57px;border-radius:18px;background:#fff;color:#000;font-size:.8125rem;font-weight:500;position:relative;overflow:hidden;transition:transform .2s var(--hero-ease),background .2s}.hero-mobile-submit:active{transform:scale(.98);background:#e8ece8}.hero-mobile-mark{position:absolute;right:24px;opacity:0}.hero-waitlist[data-state=sending] .hero-mobile-mark{animation:hero-arrow-out .5s var(--hero-ease) infinite}.hero-signup-note{margin-top:18px;white-space:normal;font-size:.625rem;line-height:16px;color:#ffffff8f}.hero-toast{bottom:max(22px,calc(env(safe-area-inset-bottom) + 16px));max-width:calc(100vw - 32px)}.hero-toast p{max-width:264px}}@media(min-width:701px)and (hover:none){.hero-field{width:318px}.hero-field:before{background:#fff3}.hero-join{display:none}.hero-email-area,.hero-send{opacity:1;visibility:visible;transform:none}.hero-prompt>span{transform:none;opacity:1}}@media(max-width:359px){.hero{--hero-gutter:22px}.hero-content{padding-left:22px;padding-right:22px}.hero-signup-note{font-size:.5625rem}}@media(prefers-reduced-motion:reduce){.hero *,.hero *:before,.hero *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.hero-headline-line,.hero-lockup,.hero-description-text,.hero-signup{opacity:1;transform:none}.hero-spinner{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sutyo-cue-hero.css.map */