.hero3d{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.hero3d__canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity 1s ease}.hero3d.is-ready .hero3d__canvas{opacity:.15}.banner:has(+[data-hero3d]) .banner__media img{opacity:0;visibility:hidden}.hero3d__over{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero3d__over{opacity:0;transition:opacity 1s ease}.hero3d.is-ready+.hero3d__over{opacity:1}@media(prefers-reduced-motion:reduce){.hero3d__canvas,.hero3d__over{transition:none}}@media screen and (min-width:750px){main:has([data-hero3d])>.shopify-section:not(:first-child) .card__media{z-index:auto}main:has([data-hero3d]) img.is-under-helmet{mix-blend-mode:multiply}}main:has([data-hero3d])>.shopify-section:not(:first-child) .color-scheme-1{background:transparent;isolation:auto}.banner:has(+[data-hero3d]){isolation:auto}.banner:has(+[data-hero3d]) .banner__buttons{display:inline-grid;grid-template-columns:minmax(0,1fr);justify-items:stretch}.banner:has(+[data-hero3d]) .banner__buttons .button{width:100%;min-width:0;white-space:nowrap}.banner__heading-mobile,.banner__mobile-cta{display:none}@media screen and (max-width:749px){.banner__heading-mobile{display:inline}.banner__heading-desktop{display:none}.banner:has(+[data-hero3d]) .banner__buttons.banner__buttons-desktop{display:none}.banner__mobile-cta{display:block}.banner:has(+[data-hero3d]) .banner__mobile-cta .banner__buttons{display:grid}.banner:has(+[data-hero3d]) .banner__box{padding-right:62px}.banner:has(+[data-hero3d]) .banner__heading{font-size:calc((100vw - 77px) / 8.8);white-space:nowrap}.banner:has(+[data-hero3d]) .banner__text{text-wrap:balance}}.banner__trust{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin:1.4rem 0 0;padding:0;list-style:none;font-size:1.2rem;color:#ffffffbf}.banner__trust li{display:flex;align-items:center;gap:.7rem}.banner__trust-dot{width:.6rem;height:.6rem;border-radius:50%;background:#fb6704;flex-shrink:0}@media screen and (max-width:749px){.banner__trust{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:1rem}}@media screen and (max-width:749px){.hero3d,.hero3d__over{display:none}.banner:has(+[data-hero3d]) .banner__media img{opacity:0}}.banner__eyebrow{display:inline-block;margin:0 0 1.4rem;padding:.5rem 1.2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fb6704;background:#fb670424;border-radius:100px;text-shadow:none;line-height:1.4}.banner__text .banner__eyebrow{margin:0;max-width:100%;text-wrap:balance}@media screen and (max-width:749px){.banner__text .banner__eyebrow{font-size:1.05rem;letter-spacing:.08em;padding:.6rem 1.1rem;border-radius:1.4rem}}.banner__accent{color:#fb6704;background:linear-gradient(#fb6704,#fb6704) left 94% / 0% .09em no-repeat;animation:banner-underline .9s cubic-bezier(.22,1,.36,1) .9s forwards}@keyframes banner-underline{to{background-size:100% .09em}}.banner__textlink{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .2rem;font-family:var(--font-heading-family);font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-decoration:none;border-bottom:.2rem solid rgba(255,255,255,.35);transition:color .2s ease,border-color .2s ease}.banner__textlink:hover,.banner__textlink:focus-visible{color:#fb6704;border-color:#fb6704}@media screen and (min-width:750px){.banner:has(+[data-hero3d]) .banner__buttons.banner__buttons-desktop{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2rem}.banner:has(+[data-hero3d]) .banner__buttons.banner__buttons-desktop .button{width:auto;min-width:22rem}.banner__trust--desktop{margin-top:2.4rem;max-width:52rem}}@media screen and (max-width:749px){.banner__trust--desktop{display:none}}@media screen and (min-width:990px){.banner:has(+[data-hero3d]) .banner__buttons.banner__buttons-desktop{display:grid;grid-template-columns:repeat(2,minmax(max(22rem,min(21vw,30rem)),1fr));max-width:none;gap:1.4rem 2rem;align-items:stretch}.banner:has(+[data-hero3d]) .banner__buttons.banner__buttons-desktop .button{width:100%;min-width:0}.banner:has(+[data-hero3d]) .banner__buttons.banner__buttons-desktop .banner__textlink{grid-column:1 / -1;justify-self:start}.banner__trust--desktop{max-width:none;flex-wrap:nowrap;gap:.6rem 2rem;white-space:nowrap}}@media(prefers-reduced-motion:no-preference){.banner:has(+[data-hero3d]) .banner__heading,.banner:has(+[data-hero3d]) .banner__text,.banner:has(+[data-hero3d]) .banner__buttons,.banner:has(+[data-hero3d]) .banner__mobile-cta,.banner:has(+[data-hero3d]) .banner__trust--desktop{animation:banner-in .7s cubic-bezier(.22,1,.36,1) both}.banner:has(+[data-hero3d]) .banner__heading{animation-delay:.08s}.banner:has(+[data-hero3d]) .banner__text{animation-delay:.16s}.banner:has(+[data-hero3d]) .banner__buttons,.banner:has(+[data-hero3d]) .banner__mobile-cta{animation-delay:.26s}.banner:has(+[data-hero3d]) .banner__trust--desktop{animation-delay:.36s}}@keyframes banner-in{0%{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.banner__accent{animation:none;background-size:100% .09em}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hero-3d.css.map */