.hero{position:relative;min-height:760px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;color:#fff;text-align:left}.hero-slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-slide{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;opacity:0}.hero-slide.is-active{opacity:1}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-media--mobile{display:none}.hero-video,.hero-poster-fallback{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.1) contrast(1.08) brightness(.88)}.hero-poster-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.hero-media:not(.has-video) .hero-poster-fallback{display:block}.hero-media.has-video .hero-poster-fallback{display:block;z-index:0}.hero-media.has-video .hero-video{position:relative;z-index:1;opacity:0;transition:opacity .9s ease}.hero-media.has-video .hero-video.is-playing{opacity:1}.hero-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(155deg,#1632862e,#08091480)}.hero-promo-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-promo-color, var(--k9-color-blue, #163286))}.hero-tint--promo{background:linear-gradient(155deg,#08091426,#0809146b)}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse 70% 55% at 50% 58%,#0809149e,#08091400 72%)}.hero-dots{position:absolute;right:clamp(14px,3vw,40px);bottom:26px;z-index:5;display:flex;gap:8px}.hero-dot{width:8px;height:8px;padding:0;border-radius:999px;background:#fff6;border:none;box-shadow:none;min-width:0;transition:background .2s ease,transform .2s ease}.hero-dot.is-active{background:#fff;transform:scale(1.3)}.hero-content{position:relative;z-index:4;max-width:800px;padding:var(--k9-space-6) var(--k9-space-5);padding-left:clamp(56px,6vw,104px)}.hero-eyebrow{display:flex;align-items:center;justify-content:flex-start;gap:14px;font-family:var(--k9-font-body);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;color:var(--k9-color-blue);margin:0 0 var(--k9-space-4)}.hero-eyebrow:before{content:"";width:32px;height:1px;background:var(--k9-color-blue);opacity:.7}.hero-eyebrow .line-mask{overflow:hidden;display:inline-block}.hero-eyebrow .line-inner{display:inline-block}.hero-headline{font-family:var(--k9-font-display);font-weight:400;font-size:clamp(3rem,7.6vw,6rem);line-height:.98;letter-spacing:.01em;margin:0 0 var(--k9-space-4);text-transform:uppercase}.hero-headline .line-mask{overflow:hidden;display:block}.hero-headline .line-inner{display:block}.hero-headline .line-mask:last-child .line-inner{color:var(--k9-color-blue);font-weight:500}.hero-subheadline{font-size:1.1rem;color:#ffffffe0;margin:0 0 var(--k9-space-5);max-width:480px;overflow:hidden}.hero-subheadline .line-inner{display:block}.hero-ctas{display:flex;gap:var(--k9-space-3);flex-wrap:wrap;justify-content:flex-start}.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--k9-btn-gap, 14px);min-height:var(--k9-btn-height, 48px);font-family:var(--k9-font-nav, var(--k9-font-body));font-weight:var(--k9-btn-weight, 600);font-size:var(--k9-btn-size, .7rem);letter-spacing:var(--k9-btn-track, .16em);text-transform:uppercase;padding:var(--k9-btn-pad, 0 22px 0 24px);border:1px solid transparent;border-radius:var(--k9-btn-radius, 0);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease;text-decoration:none;box-shadow:none;min-width:0}.hero-btn:hover{transform:none}.hero-btn-primary{background:var(--k9-ink, #0b1430);border-color:var(--k9-ink, #0b1430);color:#fff;box-shadow:none}.hero-btn-primary:hover{background:var(--k9-accent, #163286);border-color:var(--k9-accent, #163286);color:#fff}.hero-btn-arrow{transition:transform .15s ease}.hero-btn-primary:hover .hero-btn-arrow{transform:translate(3px)}.hero-btn-secondary{background:#ffffff0f;color:#fff;border:1.5px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-btn-secondary:hover{background:#fff;color:var(--k9-color-ink);border-color:#fff}.hero-scroll-cue{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffffffbf;font-family:var(--k9-font-body);font-weight:700;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;animation:heroBounce 2.4s ease-in-out infinite}@keyframes heroBounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}@media(prefers-reduced-motion:reduce){.hero-scroll-cue{animation:none}}@media(max-width:900px){.hero{min-height:calc(100vh - var(--k9-header-height, 124px));min-height:calc(100dvh - var(--k9-header-height, 124px))}}@media(max-width:600px){.hero-content{padding:var(--k9-space-4)}.hero-scroll-cue{display:none}.hero-dots{bottom:14px}.hero-eyebrow{font-size:.68rem;letter-spacing:.14em;gap:10px;margin-bottom:var(--k9-space-3)}.hero-eyebrow:before{width:22px}.hero-headline{font-size:clamp(2rem,9.4vw,2.6rem);line-height:1.02;margin-bottom:var(--k9-space-3)}.hero-subheadline{font-size:.95rem;line-height:1.5;max-width:34ch;margin-bottom:var(--k9-space-4)}.hero .hero-ctas{gap:10px}.hero .hero-btn{font-size:.85rem;padding:11px 18px}}@media(max-width:749px){.hero-media--desktop{display:none}.hero-media--mobile{display:block}.hero-headline .line-mask:last-child .line-inner,.hero-eyebrow{color:#3b62e6}.hero-eyebrow:before{background:#3b62e6}}@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-poster-fallback{display:block}}.hero.hero--outdoor{min-height:640px;height:min(calc(100vh - var(--k9-announcement-height, 40px)),940px);height:min(calc(100svh - var(--k9-announcement-height, 40px)),940px);align-items:center}.hero--outdoor .hero-video,.hero--outdoor .hero-poster-fallback{filter:none}.hero--outdoor .hero-tint,.hero--outdoor .hero-tint--promo{background:#080a1624}.hero--outdoor .hero-scrim{background:linear-gradient(180deg,#080a168c,#080a1600 26%),linear-gradient(90deg,#080a169e,#080a1647 45%,#080a1600 72%)}.hero--outdoor .hero-content{width:100%;max-width:1680px;margin:0 auto;padding:calc(var(--k9-header-height, 114px) - var(--k9-announcement-height, 40px)) clamp(24px,2.7vw,48px) 0}.hero--outdoor .hero-content>*{max-width:620px}.hero--outdoor .hero-eyebrow{color:#fff;opacity:.86;font-size:.7rem;font-weight:600;letter-spacing:.14em;margin-bottom:16px}.hero--outdoor .hero-eyebrow:before{display:none}.hero--outdoor .hero-headline{font-size:clamp(2.75rem,5.4vw,4.9rem);line-height:.98;margin-bottom:22px}.hero--outdoor .hero-headline .line-mask:last-child .line-inner{color:#fff;font-weight:400}.hero--outdoor .hero-subheadline{font-size:1.02rem;font-weight:400;line-height:1.55;max-width:46ch;color:#ffffffeb;margin-bottom:28px}.hero--outdoor .hero-ctas{gap:12px}.hero--outdoor .hero-btn{justify-content:center;min-width:150px;gap:var(--k9-btn-gap, 14px);min-height:var(--k9-btn-height, 48px);padding:var(--k9-btn-pad, 0 22px 0 24px);border-radius:var(--k9-btn-radius, 0);font-family:var(--k9-font-nav, var(--k9-font-body));font-size:var(--k9-btn-size, .7rem);font-weight:var(--k9-btn-weight, 600);letter-spacing:var(--k9-btn-track, .16em);text-transform:uppercase;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hero--outdoor .hero-btn:hover{transform:none}.hero--outdoor .hero-btn-arrow{display:inline-block;width:14px;height:14px;transition:transform .35s var(--k9-ease-calm, ease)}.hero--outdoor .hero-btn-primary{background:#fff;border:1px solid #fff;color:var(--k9-ink, #0b1430)}.hero--outdoor .hero-btn-primary:hover{background:var(--k9-accent, #163286);border-color:var(--k9-accent, #163286);color:#fff}.hero--outdoor .hero-btn-secondary{background:transparent;color:#fff;border:1px solid #fff}.hero--outdoor .hero-btn:hover .hero-btn-arrow{transform:translate(4px)}.hero--outdoor .hero-btn-secondary:hover{background:#fff;color:var(--k9-color-ink, #0f1226)}.hero--outdoor .hero-dots{left:50%;right:auto;bottom:28px;transform:translate(-50%);width:100%;max-width:1680px;padding:0 clamp(24px,2.7vw,48px);gap:8px}.hero--outdoor .hero-dot,.hero--outdoor .hero-dot.is-active{position:relative;width:64px;height:24px;border-radius:0;background:none;transform:none;cursor:pointer}.hero--outdoor .hero-dot:before,.hero--outdoor .hero-dot-fill{content:"";position:absolute;left:0;right:0;top:11px;height:2px}.hero--outdoor .hero-dot:before{background:#ffffff59;transition:background .2s ease}.hero--outdoor .hero-dot:hover:before{background:#fff9}.hero--outdoor .hero-dot-fill{background:#fff;transform:scaleX(0);transform-origin:left center}.hero--outdoor .hero-dot.is-active .hero-dot-fill{animation:heroFill var(--hero-interval, 6s) linear forwards}.hero--outdoor.is-static .hero-dot.is-active .hero-dot-fill{animation:none;transform:scaleX(1)}@keyframes heroFill{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hero--outdoor .hero-dot.is-active .hero-dot-fill{animation:none;transform:scaleX(1)}}@media(max-width:900px){.hero.hero--outdoor{min-height:560px;height:calc(100vh - var(--k9-announcement-height, 40px));height:calc(100svh - var(--k9-announcement-height, 40px))}}@media(max-width:749px){.hero.hero--outdoor{align-items:flex-end}.hero--outdoor .hero-content{padding:0 20px 76px}.hero--outdoor .hero-scrim{background:linear-gradient(180deg,#080a1680,#080a1600 22%),linear-gradient(0deg,#080a16b8,#080a164d 48%,#080a1600 70%)}.hero--outdoor .hero-eyebrow{color:#fff;font-size:.7rem;margin-bottom:12px}.hero--outdoor .hero-headline{font-size:clamp(2.4rem,11.5vw,3.3rem);margin-bottom:14px}.hero--outdoor .hero-headline .line-mask:last-child .line-inner{color:#fff}.hero--outdoor .hero-subheadline{font-size:1rem;margin-bottom:22px}.hero--outdoor .hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero--outdoor .hero-ctas>:only-child{grid-column:1 / -1}.hero.hero--outdoor .hero-btn{min-width:0;min-height:var(--k9-btn-height, 48px);padding:0 12px;font-size:var(--k9-btn-size, .7rem)}.hero--outdoor .hero-dots{bottom:22px;padding:0 20px}.hero--outdoor .hero-dot,.hero--outdoor .hero-dot.is-active{flex:1;width:auto;max-width:72px}}body.template-index:has(#MainContent>.section-hero-video:is(:first-child,.section-banner:empty+*)) .hero--outdoor{margin-top:calc(var(--k9-announcement-height, 40px) - var(--k9-header-height, 114px))}#site-header,#site-header .site-header-bar{transition:background-color .25s ease,border-color .25s ease}#site-header .brand-logo-mask,#site-header .hamburger span{transition:background-color .25s ease}body.template-index:not(.k9-header-solid):has(#MainContent>.section-hero-video:is(:first-child,.section-banner:empty+*)) #site-header:not(:hover):not(:focus-within):not(:has([aria-expanded=true],.nav-panel:not([hidden]))){background:transparent;border-bottom-color:transparent}body.template-index:not(.k9-header-solid):has(#MainContent>.section-hero-video:is(:first-child,.section-banner:empty+*)) #site-header:not(:hover):not(:focus-within):not(:has([aria-expanded=true],.nav-panel:not([hidden]))) .site-header-bar{background:transparent;color:#fff}body.template-index:not(.k9-header-solid):has(#MainContent>.section-hero-video:is(:first-child,.section-banner:empty+*)) #site-header:not(:hover):not(:focus-within):not(:has([aria-expanded=true],.nav-panel:not([hidden]))) :is(.nav-trigger,.brand-icon,.brand-currency){color:#fff}body.template-index:not(.k9-header-solid):has(#MainContent>.section-hero-video:is(:first-child,.section-banner:empty+*)) #site-header:not(:hover):not(:focus-within):not(:has([aria-expanded=true],.nav-panel:not([hidden]))) .nav-item:not(:last-child){border-right-color:#ffffff38}body.template-index:not(.k9-header-solid):has(#MainContent>.section-hero-video:is(:first-child,.section-banner:empty+*)) #site-header:not(:hover):not(:focus-within):not(:has([aria-expanded=true],.nav-panel:not([hidden]))) :is(.brand-logo-mask,.hamburger span){background-color:#fff}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hero-video.css.map */