.index-hero{--index-hero-font: "Google Sans Flex", system-ui, sans-serif;--index-hero-height: clamp(36rem, 60vw, 54rem);--index-hero-robot-size: clamp(5.5rem, 10.42vw, 9.375rem);--index-hero-robot-hover-scale: 1.3;position:relative;width:100%;min-height:var(--index-hero-height);overflow:hidden;font-family:var(--index-hero-font);color:#fff;background:#000}.index-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.index-hero__media--mobile{display:none}.index-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:fill;object-position:center}.index-hero__bg--video{pointer-events:none}@media screen and (min-width:2560px){.index-hero{--index-hero-height: 68rem;height:var(--index-hero-height)}.index-hero__bg{inset:0 auto 0 0;width:112%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;object-position:left bottom}}.index-hero--invert .index-hero__bg{filter:invert(1)}.index-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--index-hero-overlay, 0);pointer-events:none}.index-hero__content{position:absolute;z-index:2;left:50%;top:calc(50% - 1.4375rem);display:flex;flex-direction:column;align-items:center;gap:.5rem;width:min(55.56vw,50rem);max-width:calc(100% - 2rem);transform:translate(-50%,-50%);text-align:center;pointer-events:none}.index-hero__heading{margin:0;max-width:45.375rem;color:#fff;font-size:clamp(1.75rem,4.03vw,3.63rem);font-weight:500;line-height:1.094;letter-spacing:-.01em;text-shadow:0 .113rem 1.134rem #000,0 .113rem 2.269rem #000}.index-hero__description{margin:0;max-width:37.4375rem;color:#fffc;font-size:clamp(.8125rem,1.01vw,.9075rem);font-weight:400;line-height:1.75;text-shadow:0 0 .625rem #000}.index-hero__quote{display:none;margin:0;padding:0;border:0}.index-hero__robots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.index-hero__robot{position:absolute;left:var(--robot-x);top:var(--robot-y);width:calc(var(--index-hero-robot-size) + 8.125rem);max-width:19.45vw;pointer-events:auto}.index-hero__robot-hit{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:fit-content;padding:clamp(2.5rem,4.5vw,4.0625rem);color:inherit;text-decoration:none}.index-hero__robot-media{position:relative;width:var(--index-hero-robot-size);height:var(--index-hero-robot-size);overflow:hidden;border-radius:1rem;background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.index-hero__robot-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:var(--robot-media-fit, contain);object-position:center center;opacity:.72;transform:scale(1);transform-origin:center center;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s cubic-bezier(.22,1,.36,1);will-change:transform}.index-hero__robot:hover .index-hero__robot-img,.index-hero__robot:focus-within .index-hero__robot-img,.index-hero__robot.is-hovered .index-hero__robot-img{transform:scale(var(--index-hero-robot-hover-scale));opacity:.88}.index-hero__robot-label{margin:0;max-width:var(--index-hero-robot-size);padding:0 .5rem;color:#ffffffbf;font-size:clamp(.75rem,.97vw,.875rem);font-weight:400;line-height:1.35;text-align:left}@media screen and (max-width:989px){.index-hero{--index-hero-height: auto;--index-hero-header-gap: 5.5rem;--index-hero-banner-height: 23.375rem;--index-hero-robot-size: 9.375rem;min-height:0;padding-top:var(--index-hero-header-gap);overflow:visible}.index-hero__media{top:var(--index-hero-header-gap);right:0;bottom:auto;left:0;height:var(--index-hero-banner-height)}.index-hero__content{position:relative;left:auto;top:auto;transform:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:.75rem;width:calc(100% - 7rem);max-width:none;min-height:var(--index-hero-banner-height);margin:0 auto;padding:6rem 0 1rem;text-align:center;z-index:2}.index-hero__heading{max-width:none;font-size:clamp(1.875rem,9.7vw,2.375rem);font-weight:500;line-height:1.158;letter-spacing:-.01em}.index-hero__description{max-width:none;color:#ffffffe6;font-size:.875rem;font-weight:300;line-height:1.286}.index-hero__quote{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;box-sizing:border-box;width:calc(100vw - 2.5rem);margin:auto 0 .5rem;margin-left:calc(50% - 50vw + 1.25rem);padding:.5rem;border-radius:.5rem;background:#5f5f5f1a;text-align:center}.index-hero__quote-text{margin:0;color:#02e0d6;font-size:.75rem;font-weight:300;line-height:1.333}.index-hero__quote-author{display:block;color:#fff;font-size:.75rem;font-style:normal;font-weight:300;line-height:1.333}.index-hero__robots{position:relative;display:flex;justify-content:flex-start;gap:1.25rem;padding:0 2rem 2rem;z-index:2;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.index-hero__robots::-webkit-scrollbar{display:none}.index-hero__robots:before{content:"";flex:0 0 .75rem}.index-hero__robots:after{content:"";flex:0 0 .25rem}.index-hero__robot{position:relative;left:auto;top:auto;flex:0 0 auto;width:var(--index-hero-robot-size);max-width:none;scroll-snap-align:start}.index-hero__robot-hit{width:100%;padding:0;align-items:flex-start;gap:.5rem}.index-hero__robot-media{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.index-hero__robot-media:after{display:none}.index-hero__robot-img{opacity:1}.index-hero__robot:hover .index-hero__robot-img,.index-hero__robot:focus-within .index-hero__robot-img,.index-hero__robot.is-hovered .index-hero__robot-img{opacity:1}.index-hero__robot-label{max-width:100%;padding:0 .25rem;text-align:left}}@media screen and (max-width:749px){.index-hero--has-mobile-media .index-hero__media--desktop{display:none}.index-hero--has-mobile-media .index-hero__media--mobile{display:block}}@media(prefers-reduced-motion:reduce){.index-hero__robot-img{transition:none}.index-hero__robots{scroll-behavior:auto}.index-hero__robot:hover .index-hero__robot-img,.index-hero__robot:focus-within .index-hero__robot-img,.index-hero__robot.is-hovered .index-hero__robot-img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/index-hero.css.map */