.cs-hero{position:relative;width:100%;background:var(--hero-bg, var(--cs-klein-blue));transition:background-color var(--cs-dur-3) var(--cs-ease)}.cs-hero__wave{position:absolute;inset:auto 0 -1px 0;z-index:1;display:block;width:100%;height:clamp(32px,4.5vw,76px);pointer-events:none}.cs-hero__wave-fill{fill:var(--wave-fill, #fff)}.cs-hero__wave-line{stroke:var(--cs-orange);stroke-width:10;vector-effect:non-scaling-stroke;stroke-linecap:round}@media screen and (min-width:750px){.cs-hero__wave-line{stroke-width:14}}@media screen and (min-width:750px){.cs-hero__body{z-index:2}}@media screen and (max-width:749px){.cs-hero__body{padding-bottom:calc(var(--cs-s7) + clamp(32px,4.5vw,76px))}}@media(prefers-reduced-motion:reduce){.cs-hero{transition:none}}.cs-hero__slides{display:grid;margin:0;padding:0;list-style:none}.cs-hero__slide{grid-area:1 / 1;position:relative;background:var(--slide-bg, var(--cs-klein-blue));color:var(--slide-ink, var(--cs-corn-silk))}.cs-hero__slide:not(.is-active){opacity:0;visibility:hidden;pointer-events:none}.cs-hero__slide.is-active{opacity:1;visibility:visible}.cs-hero.is-live .cs-hero__slide{transition:opacity var(--cs-dur-3) var(--cs-ease),visibility var(--cs-dur-3) var(--cs-ease)}.cs-hero__media{display:block;width:100%;aspect-ratio:10 / 9;background:var(--slide-bg, var(--cs-klein-blue))}.cs-hero__media img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.cs-hero__media{aspect-ratio:5 / 2}}@media screen and (min-width:1500px){.cs-hero__slide{max-width:180rem;margin-inline:auto}}.cs-hero__placeholder{display:grid;place-items:center;width:100%;height:100%}.cs-hero__placeholder>img{width:34%;height:auto;object-fit:contain}.cs-hero__body{padding:var(--cs-s5) var(--cs-s4) var(--cs-s7)}@media screen and (min-width:750px){.cs-hero__body{position:absolute;inset:0 auto 0 0;width:min(56%,68rem);display:grid;align-content:center;padding:var(--cs-s6) var(--cs-s7);background:none}}@media screen and (min-width:1100px){.cs-hero__body{padding-inline:clamp(var(--cs-s7),7vw,12rem)}}.cs-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--cs-s3);min-width:0;max-width:44ch}.cs-hero__eyebrow{font-family:var(--font-body-family);font-weight:600;font-size:1.2rem;letter-spacing:var(--cs-tracking-sub);text-transform:uppercase;color:var(--slide-accent, var(--cs-bright-amber))}.cs-hero__title{display:block;margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:var(--cs-t-display);line-height:1.02;letter-spacing:var(--cs-tracking-display);text-wrap:balance;color:inherit}.cs-hero__lede{margin:0;max-width:40ch;font-size:var(--cs-t-body);line-height:1.5;opacity:.9}.cs-hero__cta{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--cs-s2);padding:0 var(--cs-s6);min-height:5rem;border-radius:var(--cs-r-pill);background:var(--slide-ink, var(--cs-corn-silk));color:var(--slide-bg, var(--cs-klein-blue));font-family:var(--font-heading-family);font-weight:700;font-size:1.5rem;letter-spacing:var(--cs-tracking-display);text-transform:uppercase;text-decoration:none;transition:transform var(--cs-dur-1) var(--cs-ease),filter var(--cs-dur-1) var(--cs-ease)}.cs-hero__cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.cs-hero__cta:active{transform:translateY(0)}.cs-hero__badge{display:inline-flex;align-items:center;gap:.6rem;margin:var(--cs-s1) 0 0;font-size:1.15rem;font-weight:600;letter-spacing:var(--cs-tracking-sub);text-transform:uppercase;opacity:.8}.cs-hero__badge svg{flex:0 0 auto;color:var(--slide-accent, var(--cs-bright-amber))}.cs-hero__nav{position:absolute;inset:auto 0 var(--cs-s4) 0;z-index:3;display:grid;grid-template-columns:4.4rem auto 4.4rem;justify-content:center;align-items:center;gap:var(--cs-s4)}.cs-hero__dots{grid-column:2}.cs-hero__pause{grid-column:3}.cs-hero__nav[hidden]{display:none}.cs-hero__dots{display:flex;align-items:center;gap:var(--cs-s2)}.cs-hero__nav{z-index:3;bottom:calc(clamp(32px,4.5vw,76px) + var(--cs-s5))}.cs-hero__nav{--hero-ink: var(--cs-klein-blue);--nav-rest: 50%}.cs-hero__dot{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:2.8rem;height:4.4rem;padding:0;border:0;background:none;cursor:pointer}.cs-hero__dot:before{content:"";width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--hero-ink, var(--cs-corn-silk)) var(--nav-rest),transparent);transition:background-color var(--cs-dur-2) var(--cs-ease)}@supports not (background: color-mix(in srgb,red 50%,transparent)){.cs-hero__dot:before{background:var(--hero-ink, var(--cs-corn-silk));opacity:.34}}.cs-hero__dot[aria-selected=true]:before{background:var(--hero-ink, var(--cs-corn-silk))}.cs-hero__pause{appearance:none;-webkit-appearance:none;position:relative;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:color-mix(in srgb,var(--hero-ink, var(--cs-corn-silk)) 65%,transparent);cursor:pointer}.cs-hero__pause:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--hero-ink, var(--cs-corn-silk)) 24%,transparent);transition:border-color var(--cs-dur-2) var(--cs-ease)}.cs-hero__pause:hover:before{border-color:color-mix(in srgb,var(--hero-ink, var(--cs-corn-silk)) 45%,transparent)}.cs-hero__icon{position:relative}.cs-hero__pause:hover{color:var(--hero-ink, var(--cs-corn-silk))}.cs-hero__icon--play,.cs-hero__pause[aria-pressed=true] .cs-hero__icon--pause{display:none}.cs-hero__pause[aria-pressed=true] .cs-hero__icon--play{display:block}@media screen and (max-width:749px){.cs-hero__slide{background:#fff}.cs-hero__body{background:#fff;color:var(--cs-klein-blue)}.cs-hero__nav{top:calc(90vw - 4.4rem - var(--cs-s4));bottom:auto}.cs-hero__eyebrow{color:var(--cs-klein-blue);opacity:.7}.cs-hero__badge{opacity:.75}.cs-hero__badge svg{color:var(--cs-orange)}}@media(prefers-reduced-motion:reduce){.cs-hero.is-live .cs-hero__slide{transition:none}.cs-hero__dot:before,.cs-hero__cta{transition:none}.cs-hero__cta:hover{transform:none}}@media screen and (min-width:750px){.cs-hero__slide--uploaded .cs-hero__media img{object-position:50% 55%}}@media screen and (max-width:749px){.cs-hero__slide--uploaded .cs-hero__media{aspect-ratio:4 / 3}.cs-hero__slide--uploaded .cs-hero__media img{object-position:50% 42%}.cs-hero__title{font-size:clamp(2.3rem,8.6vw,3.4rem);line-height:1.05}.cs-hero__lede{font-size:1.02rem}.cs-hero__eyebrow{font-size:1.05rem}}@media screen and (min-width:750px){.cs-hero__slide--scrim .cs-hero__body{background:none}.cs-hero__slide--scrim .cs-hero__eyebrow,.cs-hero__slide--scrim .cs-hero__title,.cs-hero__slide--scrim .cs-hero__lede{text-shadow:0 2px 4px rgba(8,10,35,.55),0 4px 22px rgba(8,10,35,.5)}}.cs-hero__pause{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/38/assets/cs-hero.css.map */