.hero-banner-section{display:block;grid-column:1 / -1}.hero-banner{--hero-overlay: rgba(0, 0, 0, .35);--hero-glow: rgba(255, 255, 255, .95);--hero-height-desktop: 650px;--hero-height-mobile: 500px;--hero-content-max: 720px;--hero-robot-size: 110px;--hero-robot-color: rgba(20, 20, 20, .92);--hero-cta-bg: #0077b6;--hero-cta-bg-hover: #005f94;--hero-cta-shadow: 0 2px 6px rgba(0, 50, 90, .18);--hero-cta-shadow-hover: 0 6px 16px rgba(0, 50, 90, .28);position:relative;width:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;isolation:isolate;color:var(--hero-glow);min-height:min(30rem,var(--hero-height-mobile));height:min(var(--hero-height-mobile),82svh);background:#fff}@media screen and (min-width:750px){.hero-banner{min-height:var(--hero-height-desktop);height:var(--hero-height-desktop)}}.hero-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}.hero-banner__bg-fallback{width:100%;height:100%;background:#fff}.hero-banner__videos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-banner__video-slide{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:none}.hero-banner__video-slide:first-child .hero-banner__bg-video{display:block}.hero-banner__dirt-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-banner__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:1}.hero-banner__robot{position:absolute;top:0;left:0;width:var(--hero-robot-size);height:calc(var(--hero-robot-size) * .66);pointer-events:none;z-index:2;will-change:transform;color:var(--hero-robot-color);filter:drop-shadow(0 4px 10px var(--hero-overlay)) drop-shadow(0 0 14px rgba(45,35,120,.55)) drop-shadow(0 0 28px rgba(80,55,160,.3));transition:opacity .3s ease}.hero-banner__robot--hidden{opacity:0!important}@media(prefers-reduced-motion:reduce){.hero-banner__robot{filter:none}.hero-banner__bg-video{display:none}}.hero-banner__robot-line{width:100%;height:100%;display:block;overflow:visible}.hero-banner__robot-brand{font-family:var(--font-heading-family, system-ui, sans-serif);font-size:9px;font-weight:500;letter-spacing:.8px;text-anchor:middle;dominant-baseline:middle;fill:currentColor;opacity:.92;-webkit-user-select:none;user-select:none}@keyframes hb-robot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.hero-banner__robot-line circle:nth-of-type(2){transform-origin:60px 22px;animation:hb-robot-pulse 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.hero-banner__robot-line circle:nth-of-type(2){animation:none}}.hero-banner__robot-img,.hero-banner__robot-fallback svg{width:100%;height:100%;display:block;object-fit:contain}.hero-banner__robot-fallback{width:100%;height:100%}.hero-banner__content{position:relative;z-index:3;max-width:var(--hero-content-max);margin:0 auto 8%;padding:2rem;text-align:center;background:transparent;border:none;border-radius:1rem}@media screen and (min-width:750px){.hero-banner__content{margin-bottom:10%;padding:2.5rem 3rem}}.hero-banner__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(1.75rem,4vw,var(--hero-title-size, 2.75rem));line-height:1.15;margin:0 0 .75rem;background:linear-gradient(135deg,#0a0f2e,#1a237e 18%,#4527a0 38%,#6c3fa0,#4527a0 62%,#1a237e 82%,#0a0f2e);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em;color:var(--hero-title-color, #0a0f2e);-webkit-text-fill-color:var(--hero-title-color, #0a0f2e)}.hero-banner__subtext{font-family:var(--font-body-family);font-size:clamp(1rem,2vw,var(--hero-subtext-size, 1.25rem));line-height:1.45;margin:0 0 1.5rem;color:var(--hero-subtext-color, rgba(var(--color-foreground), .78))}.hero-banner__cta{background-color:var(--hero-cta-bg);border-radius:.5rem;font-weight:500;font-size:var(--hero-cta-text-size, 1rem);letter-spacing:.5px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--hero-cta-text-color, #ffffff);text-shadow:0 1px 1px rgba(0,30,60,.18);box-shadow:var(--hero-cta-shadow);transition:background-color var(--duration-short) ease,transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.hero-banner__cta:hover,.hero-banner__cta:focus-visible{background-color:var(--hero-cta-bg-hover);transform:translateY(-1px);box-shadow:var(--hero-cta-shadow-hover);opacity:1}.hero-banner__nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1rem;z-index:4;pointer-events:none}.hero-banner__nav-btn{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff40;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:background-color .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-banner__nav-btn:hover{background:#ffffff80;transform:scale(1.05)}.hero-banner__nav-btn:active{transform:scale(.95)}.hero-banner__dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:4}.hero-banner__dot{display:inline-grid;width:44px;height:44px;place-items:center;border:0;background:transparent;cursor:pointer;pointer-events:auto;padding:0}.hero-banner__dot:before{width:12px;height:12px;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:transparent;content:"";transition:background-color .2s ease,transform .2s ease}.hero-banner__dot:hover:before,.hero-banner__dot:focus-visible:before{transform:scale(1.2)}.hero-banner__dot--active:before{background:#ffffffe6}@media screen and (max-width:749px){.hero-banner__content{width:100%;margin-bottom:4.75rem;padding:1.25rem max(1rem,env(safe-area-inset-right)) 1.25rem max(1rem,env(safe-area-inset-left))}.hero-banner__cta{width:min(100%,20rem)}.hero-banner__nav{padding-inline:.25rem}.hero-banner__dots{bottom:max(.25rem,env(safe-area-inset-bottom));gap:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hero-banner.css.map */