.cc-hero-section{padding-block:var(--cc-hero-pad-top) var(--cc-hero-pad-bottom)}.cc-hero-stack{display:flex;flex-direction:column;gap:40px;min-width:0}.cc-hero{display:flex;flex-direction:column;gap:20px}.cc-hero__title{order:-1;font-size:var(--cc-hero-title-size);letter-spacing:-.04em}.cc-hero__media{position:relative;height:300px;border-radius:var(--cc-radius-xl);overflow:hidden;background:var(--cc-border-strong)}.cc-hero__content{display:contents}.cc-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.cc-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease}.cc-hero__slides>:first-child>.cc-hero__slide,.cc-hero__slide.is-active{opacity:1}[data-cc-ready] .cc-hero__slides .cc-hero__slide:not(.is-active){opacity:0}.cc-hero__slide picture{display:contents}.cc-hero__dots{position:absolute;inset-block-end:16px;z-index:2;display:flex;gap:8px}.cc-hero__dots--center{inset-inline-start:50%;transform:translate(-50%)}.cc-hero__dots--right{inset-inline-end:20px}.cc-hero__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#ffffff73;cursor:pointer;transition:width .3s ease,background-color .3s ease}.cc-hero__dot.is-active{width:22px;background:#ffffffe6}@media(prefers-reduced-motion:reduce){.cc-hero__slide,.cc-hero__dot{transition:none}}.cc-hero__image{display:block;width:100%;height:100%;object-fit:cover}.cc-hero__image--placeholder{fill:rgb(var(--color-foreground-rgb) / .2)}.cc-hero__chip{position:absolute;inset-block-start:20px;inset-inline-end:20px;display:inline-flex;align-items:center;gap:8px;height:34px;padding-inline:14px;border-radius:999px;border:1px solid rgb(255 255 255 / .9);background:#fff9;-webkit-backdrop-filter:blur(var(--cc-blur-sm));backdrop-filter:blur(var(--cc-blur-sm));font-size:.8125rem;font-weight:500;color:var(--color-foreground);text-decoration:none}.cc-hero__chip i{width:8px;height:8px;border-radius:50%;background:var(--color-foreground)}.cc-hero__copy{display:flex;flex-direction:column;gap:20px;min-width:0}.cc-hero__actions{display:flex;flex-wrap:wrap;gap:10px}@media screen and (min-width:750px){.cc-hero{position:relative;display:block;height:600px}.cc-hero__media{position:absolute;inset-block:0;inset-inline-end:0;width:62%;height:auto}.cc-hero__content{position:absolute;inset-block-end:16px;inset-inline-start:0;z-index:2;display:flex;flex-direction:column;gap:var(--cc-hero-title-gap);max-width:100%;pointer-events:none}.cc-hero--content-top .cc-hero__content{inset-block:16px auto}.cc-hero--content-center .cc-hero__content{inset-block:0;justify-content:center}.cc-hero__title{font-size:var(--cc-hero-title-size-desktop)}.cc-hero__copy{width:min(420px,36vw);pointer-events:auto}.cc-hero:not(.cc-hero--overlap) .cc-hero__content{max-width:calc(38% - 32px)}.cc-hero:not(.cc-hero--overlap) .cc-hero__copy{width:100%}}.cc-hero__panel{display:contents}.cc-hero--multi .cc-hero__content{display:grid}.cc-hero--multi .cc-hero__panel{grid-area:1 / 1;display:flex;flex-direction:column;gap:var(--cc-hero-title-gap);min-width:0;transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s}.cc-hero--multi .cc-hero__panel:not(.is-active){opacity:0;visibility:hidden;transform:translateY(10px)}.cc-hero--multi .cc-hero__panel.is-active{transition-delay:.15s,.15s,0s}.cc-hero--multi.cc-hero--content-bottom .cc-hero__panel{align-self:end}.cc-hero--multi.cc-hero--content-center .cc-hero__panel{align-self:center}.cc-hero--multi.cc-hero--content-top .cc-hero__panel{align-self:start}@media(prefers-reduced-motion:reduce){.cc-hero--multi .cc-hero__panel{transition:none}}@media screen and (max-width:749px){.cc-hero-section:has(.cc-hero--mobile-overlay){margin-block-start:calc(-1 * (var(--header-height, 60px) + 24px));padding-block-start:0}.cc-hero--mobile-overlay{position:relative;display:block;margin-inline:calc(-1 * var(--page-margin, 16px));overflow:hidden;touch-action:pan-y}.cc-hero--mobile-overlay .cc-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;border-radius:0}.cc-hero--mobile-overlay .cc-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,#00000059,#0000 25%),linear-gradient(to bottom,#0000 30%,#0000008c 58%,#000000d1);pointer-events:none}.cc-hero--mobile-overlay .cc-hero__dots{inset-block-end:18px}.cc-hero--mobile-overlay .cc-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;min-height:min(74svh,640px);padding:calc(var(--header-height, 60px) + 48px) var(--page-margin, 16px) 52px;color:#fff}.cc-hero--mobile-overlay.cc-hero--multi .cc-hero__content{display:grid}.cc-hero--mobile-overlay.cc-hero--multi .cc-hero__panel{align-self:end;gap:18px}.cc-hero--mobile-overlay .cc-hero__title{color:#fff}.cc-hero--mobile-overlay .cc-hero__copy{gap:28px}.cc-hero--mobile-overlay .cc-hero__text{color:#ffffffd9}.cc-hero--mobile-overlay .button-secondary{--button-color: #fff;--button-background-color: rgb(255 255 255 / .12);--button-border-color: rgb(255 255 255 / .55);-webkit-backdrop-filter:blur(var(--cc-blur-sm));backdrop-filter:blur(var(--cc-blur-sm))}.cc-hero--fade{--cc-hero-fade-h: 126px}.cc-hero--fade.cc-hero--mobile-overlay:before,.cc-hero--fade.cc-hero--mobile-overlay:after{content:"";position:absolute;inset:auto 0 0;z-index:2;height:var(--cc-hero-fade-h);pointer-events:none}.cc-hero--fade.cc-hero--mobile-overlay:before{-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%),radial-gradient(ellipse 85% 100% at 50% 0%,transparent 30%,#000 62%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent,#000 45%),radial-gradient(ellipse 85% 100% at 50% 0%,transparent 30%,#000 62%);mask-composite:intersect}.cc-hero--fade.cc-hero--mobile-overlay:after{inset-block-end:-2px;background:radial-gradient(ellipse 85% 100% at 50% 0%,color-mix(in srgb,var(--cc-hero-fade) 0%,transparent) 42%,color-mix(in srgb,var(--cc-hero-fade) 35%,transparent) 58%,color-mix(in srgb,var(--cc-hero-fade) 80%,transparent) 74%,var(--cc-hero-fade) 88%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 40%);mask-image:linear-gradient(to bottom,transparent,#000 40%)}.cc-hero--fade.cc-hero--mobile-overlay .cc-hero__media:after{background:linear-gradient(to bottom,#00000059,#0000 25%),linear-gradient(to bottom,#0000 26%,#0000008c 48% calc(100% - var(--cc-hero-fade-h) + 20px),#0000 calc(100% - var(--cc-hero-fade-h) * .45))}.cc-hero--fade.cc-hero--mobile-overlay .cc-hero__content{z-index:3;min-height:min(82svh,720px);padding-block-end:calc(var(--cc-hero-fade-h) - 16px)}.cc-hero--fade.cc-hero--mobile-overlay .cc-hero__dots{z-index:4;inset-block-end:22px}.cc-hero--fade-light .cc-hero__dot{background:#0000002e}.cc-hero--fade-light .cc-hero__dot.is-active{background:#000000a6}.cc-hero-section:has(.cc-hero--fade) .cc-hero-stack{gap:8px}.cc-hero--fade-top{--cc-hero-fade-h: 190px}.cc-hero--fade-top.cc-hero--mobile-overlay:before,.cc-hero--fade-top.cc-hero--mobile-overlay:after{inset:0 0 auto}.cc-hero--fade-top.cc-hero--mobile-overlay:before{-webkit-mask-image:linear-gradient(to top,transparent,#000 45%),radial-gradient(ellipse 130% 90% at 50% 100%,transparent 30%,#000 62%);mask-image:linear-gradient(to top,transparent,#000 45%),radial-gradient(ellipse 130% 90% at 50% 100%,transparent 30%,#000 62%)}.cc-hero--fade-top.cc-hero--mobile-overlay:after{background:radial-gradient(ellipse 130% 90% at 50% 100%,color-mix(in srgb,var(--cc-hero-fade) 0%,transparent) 42%,color-mix(in srgb,var(--cc-hero-fade) 35%,transparent) 58%,color-mix(in srgb,var(--cc-hero-fade) 80%,transparent) 74%,var(--cc-hero-fade) 88%);-webkit-mask-image:linear-gradient(to top,transparent,#000 40%);mask-image:linear-gradient(to top,transparent,#000 40%)}.cc-hero--fade-top.cc-hero--mobile-overlay .cc-hero__media:after{background:linear-gradient(to bottom,#0000 35%,#0000009e 58%,#000000e6)}.cc-hero--fade-top.cc-hero--mobile-overlay .cc-hero__content{min-height:min(181vw,680px,89svh);padding-block-end:56px}.cc-hero--fade-top.cc-hero--mobile-overlay .cc-hero__dots{inset-block-end:20px}.cc-hero-section:has(.cc-hero--fade-top) .cc-hero-stack{gap:40px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/cc-hero.css.map */