.goobs-hero{position:relative;overflow:visible;isolation:isolate;padding-block:var(--hero-pad-y,60px);height:100vh;max-height:900px;min-height:750px;display:flex;align-items:center;justify-content:center;--lift: clamp(20px, 8vh, 180px);--gh-repel: 6px;--gh-unhover-scale: 1;--gh-quint: cubic-bezier(.33, 1, .68, 1);--mask-overscale: 101.5%;--mask-bottom-bleed: 2px}@media (max-width:560px){.goobs-hero{margin-bottom:-25%!important}}@media (max-width:1024px){.goobs-hero{min-height:100%;height:100%;max-height:none;display:block;--mobile-header-offset: 72px;--lift: 0px;padding-top:calc(var(--hero-pad-y, 40px) + var(--mobile-header-offset, 0px) + env(safe-area-inset-top,0px));padding-bottom:55%}}.goobs-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:1;transition:opacity .25s ease;--sz: var(--check-size, 64px);background:conic-gradient(from 90deg at 50% 50%,#49bfff 0 90deg,#36a9f1 0 180deg,#49bfff 0 270deg,#36a9f1 0) 0 0 / var(--sz) var(--sz)}.goobs-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity .25s ease;--sz: var(--check-size, 64px);background:conic-gradient(from 90deg at 50% 50%,#25233a 0 90deg,#0b0a21 0 180deg,#25233a 0 270deg,#0b0a21 0) 0 0 / var(--sz) var(--sz)}.goobs-hero.goobs-alt-mode:before{opacity:0}.goobs-hero.goobs-alt-mode:after{opacity:1}.goobs-hero.goobs-alt-mode .ghero__pretitle{filter:grayscale(1) invert(1);transition:filter .25s ease}@media (min-width:1024px){.goobs-hero.has-mask-desktop:before,.goobs-hero.has-mask-desktop:after,.goobs-hero[style*=--mask-url-desktop]:before{-webkit-mask-image:linear-gradient(#fff 0 0),var(--mask-url-desktop);mask-image:linear-gradient(#fff 0 0),var(--mask-url-desktop);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-size:100% 100%,var(--mask-overscale, 101.5%) auto;mask-size:100% 100%,var(--mask-overscale, 101.5%) auto;-webkit-mask-position:0 0,center calc(100% + var(--mask-bottom-bleed, 2px));mask-position:0 0,center calc(100% + var(--mask-bottom-bleed, 2px));mask-composite:exclude;-webkit-mask-composite:xor;-webkit-mask-mode:alpha;mask-mode:alpha}}@media (min-width:1700px){.goobs-hero.has-mask-desktop-xl:before,.goobs-hero.has-mask-desktop-xl:after,.goobs-hero[style*=--mask-url-desktop-xl]:before{-webkit-mask-image:linear-gradient(#fff 0 0),var(--mask-url-desktop-xl);mask-image:linear-gradient(#fff 0 0),var(--mask-url-desktop-xl);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-size:100% 100%,var(--mask-overscale, 101.5%) auto;mask-size:100% 100%,var(--mask-overscale, 101.5%) auto;-webkit-mask-position:0 0,center calc(100% + var(--mask-bottom-bleed, 2px));mask-position:0 0,center calc(100% + var(--mask-bottom-bleed, 2px));mask-composite:exclude;-webkit-mask-composite:xor;-webkit-mask-mode:alpha;mask-mode:alpha}}@media (max-width:1024px){.goobs-hero.has-mask-mobile:before,.goobs-hero.has-mask-mobile:after,.goobs-hero[style*=--mask-url-mobile]:before{-webkit-mask-image:linear-gradient(#fff 0 0),var(--mask-url-mobile);mask-image:linear-gradient(#fff 0 0),var(--mask-url-mobile);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-size:100% 100%,var(--mask-overscale, 101.5%) auto;mask-size:100% 100%,var(--mask-overscale, 101.5%) auto;-webkit-mask-position:0 0,center calc(100% + var(--mask-bottom-bleed, 2px));mask-position:0 0,center calc(100% + var(--mask-bottom-bleed, 2px));mask-composite:exclude;-webkit-mask-composite:xor;-webkit-mask-mode:alpha;mask-mode:alpha}}.goobs-hero .ghero__inner,.goobs-hero .ghero__right,.goobs-hero .ghero__left{position:relative;z-index:1}.goobs-hero .ghero__inner{max-width:min(1400px,95vw);width:100%;margin-inline:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(16px,4vw,40px);transform:translateY(calc(var(--lift) * -1))}.goobs-hero .ghero__left{display:grid;gap:clamp(10px,2.2vw,20px);justify-items:center;text-align:center}.goobs-hero .ghero__pretitle{width:380px;height:auto;display:block;margin-bottom:-3%;transition:filter .25s ease}.goobs-hero .ghero__headline-wrap{position:relative;width:85%;max-width:100%;display:block}.goobs-hero .ghero__headline{width:100%;height:auto;display:block}.goobs-hero .ghero__star-wrap{position:absolute;pointer-events:auto;transform-origin:center center;transition:transform .14s cubic-bezier(.22,1,.36,1)}.goobs-hero .ghero__star-wrap:hover{transform:scale(.9)}.goobs-hero .ghero__star{display:block;width:100%;height:auto;opacity:0;transform:scale(.4)}@keyframes starBounceIn{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.ghero__star--animate{animation:starBounceIn .6s cubic-bezier(.16,1.4,.55,1) forwards}.goobs-hero .ghero__ctas{--gh-gap: 24px;display:flex;flex-wrap:wrap;gap:var(--gh-gap);justify-content:center}.goobs-hero .gh-cta{position:relative;z-index:0;display:inline-block;font-family:var(--gh-font, system-ui);font-size:36px;color:var(--text, var(--cta-text, #0b0a21));text-decoration:none;line-height:1;padding:8px 16px;background-clip:padding-box;border-radius:var(--radius);border:6px solid var(--depth-color);background:linear-gradient(90deg,var(--grad-a, #9ae2ff),var(--grad-b, #73c6ff));cursor:pointer;overflow:visible;transform-origin:bottom center;transition:transform .18s var(--gh-quint),top .12s cubic-bezier(.5,.2,.4,1),left .12s cubic-bezier(.5,.2,.4,1);box-shadow:7px 7px 0 var(--depth-color),6px 6px 0 var(--depth-color),5px 5px 0 var(--depth-color),4px 4px 0 var(--depth-color),3px 3px 0 var(--depth-color),2px 2px 0 var(--depth-color),1px 1px 0 var(--depth-color),0 0 0 var(--stroke) #fff,5px 5px 0 var(--stroke) #fff,7px 7px 0 var(--stroke) #fff}.goobs-hero .gh-cta:before{--gh-shadow-reach: 7px;--hover-pad-x: calc(var(--gh-gap) / 2 + var(--gh-shadow-reach) + 6px);--hover-pad-y: 10px;content:"";position:absolute;left:calc(-1 * var(--hover-pad-x));right:calc(-1 * var(--hover-pad-x));top:calc(-1 * var(--hover-pad-y));bottom:calc(-1 * var(--hover-pad-y));background:transparent;z-index:1;pointer-events:auto}.goobs-hero .gh-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#ffffff80;opacity:0;transition:opacity .12s ease;pointer-events:none;z-index:-1}.goobs-hero .gh-cta:hover:after{opacity:1}.goobs-hero .gh-cta:hover{z-index:2}.goobs-hero .gh-cta:active,.goobs-hero .gh-cta.is-pressed{top:3px;left:3px;box-shadow:4px 4px 0 var(--depth-color),3px 3px 0 var(--depth-color),2px 2px 0 var(--depth-color),1px 1px 0 var(--depth-color),0 0 0 var(--stroke) #fff,4.5px 4.5px 0 var(--stroke) #fff}.goobs-hero .gh-cta-wrap .gh-cta:hover{transform:scale(1.09)}.goobs-hero .gh-cta-wrap:has(.gh-cta:hover)~.gh-cta-wrap .gh-cta{transform:translate(var(--gh-repel)) scale(var(--gh-unhover-scale))}.goobs-hero .gh-cta-wrap:has(~.gh-cta-wrap .gh-cta:hover) .gh-cta{transform:translate(calc(-1 * var(--gh-repel))) scale(var(--gh-unhover-scale))}.goobs-hero .ghero__right{position:relative}.goobs-hero .ghero__character-wrap{position:relative;display:inline-block}.goobs-hero .ghero__character{width:min(760px,50vw);height:auto;display:block;margin-inline:auto;transform:translateY(15px);position:relative;z-index:1;pointer-events:none}.goobs-hero .ghero__character-arm{position:absolute;top:3%;left:3%;width:27%;transform-origin:100% 100%;transform:rotate(0);z-index:0;pointer-events:none}.goobs-hero .ghero__hotspot{position:absolute;display:flex;top:6%;left:8%;width:55%;height:50%;pointer-events:auto;background:transparent;z-index:10}.goobs-hero .ghero__hotspot:hover~.ghero__character-arm{animation:goobs-arm-wave .45s ease-in-out infinite alternate}@keyframes goobs-arm-wave{0%{transform:rotate(0)}to{transform:rotate(16deg)}}.goobs-hero .ghero__character--default{position:relative;opacity:1;transition:opacity .25s ease}.goobs-hero .ghero__character--alt{position:absolute;top:0;right:0;bottom:0;left:0;margin-inline:auto;opacity:0;transition:opacity .25s ease}.goobs-hero.goobs-alt-mode .ghero__character--default{opacity:0}.goobs-hero.goobs-alt-mode .ghero__character--alt{opacity:1}.goobs-hero .ghero__character-arm--default,.goobs-hero .ghero__character-arm--alt{opacity:1;transition:opacity .25s ease}.goobs-hero .ghero__character-arm--alt,.goobs-hero.goobs-alt-mode .ghero__character-arm--default{opacity:0}.goobs-hero.goobs-alt-mode .ghero__character-arm--alt{opacity:1}.ghero__divider--desktop,.ghero__divider--desktop-xl,.ghero__divider--mobile{display:none}.goobs-hero .ghero__divider{position:absolute;bottom:0;left:0;right:0;width:100%;height:auto;transform:translateY(-50px);transform-origin:center bottom;pointer-events:none;z-index:3;max-width:none}@media (max-width:1024px){.goobs-hero .ghero__divider{left:50%;right:auto;width:calc(100% + var(--divider-bleed-x, 6px));transform:translate(-50%,-50px)}}@media (min-width:1024px){.goobs-hero .ghero__divider{left:0;right:0;width:100%;transform:translateY(-50px) scaleX(var(--divider-scale, 1.006));image-rendering:-webkit-optimize-contrast;will-change:transform}}@media (max-width:1024px){.ghero__divider--mobile{display:block}}@media (min-width:1024px) and (max-width:1699.98px){.ghero__divider--desktop{display:block}}@media (min-width:1700px){.ghero__divider--desktop-xl{display:block}}.goobs-hero{margin-bottom:calc(-1 * var(--divider-overlap,0px))}.goobs-hero .ghero__arrow{position:absolute;right:7vw;bottom:10vw;z-index:4;padding:0;border:0;background:none;cursor:pointer}.goobs-hero .ghero__arrow img{width:100px;height:auto;display:block;transition:transform .15s cubic-bezier(.22,1,.36,1)}.goobs-hero .ghero__arrow img:hover{transform:scale(1.2)}@media (max-width:1024px){.goobs-hero .ghero__inner{grid-template-columns:1fr;text-align:center}.goobs-hero .ghero__left{justify-items:center}.goobs-hero .ghero__character{width:min(640px,92vw)}.goobs-hero .gh-cta{font-size:24px;margin-top:5%}.goobs-hero .ghero__arrow{display:none}.goobs-hero .ghero__pretitle{width:270px;margin-bottom:-.5%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/goobs-hero.css.map */