.kwc-hero{--kwc-hero-notch-w: clamp(190px, 21vw, 400px);--kwc-hero-notch-h: clamp(46px, 3.6vw, 66px);--kwc-hero-notch-r: clamp(18px, 2.2vw, 40px);position:relative;margin-inline:var(--kwc-card-gutter);margin-block-end:clamp(32px,4vw,64px)}.kwc-hero__card{position:relative;border-radius:var(--kwc-card-radius);background:var(--kwc-card-bg, #14110f);aspect-ratio:var(--kwc-hero-ratio, 2.15 / 1);max-block-size:calc(100vh - 72px)}.kwc-hero__viewport{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.kwc-hero__track{display:flex;block-size:100%;inline-size:100%;will-change:transform;transition:transform .6s cubic-bezier(.65,0,.35,1)}.kwc-hero__slide{flex:0 0 100%;inline-size:100%;block-size:100%;position:relative}.kwc-hero__slide-link,.kwc-hero__slide picture,.kwc-hero__slide img{display:block;inline-size:100%;block-size:100%}.kwc-hero__slide img{object-fit:cover;object-position:center}.kwc-hero--fade .kwc-hero__track{display:block;position:relative;transition:none}.kwc-hero--fade .kwc-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s cubic-bezier(.65,0,.35,1);pointer-events:none}.kwc-hero--fade .kwc-hero__slide.is-active{opacity:1;pointer-events:auto}.kwc-hero__placeholder{display:grid;place-items:center;inline-size:100%;block-size:100%;background:linear-gradient(135deg,#1c1917,#2b2522,#14110f)}.kwc-hero__placeholder-text{color:#ffffffb8;font-size:clamp(.8rem,1.4vw,1rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase}.kwc-hero__scrim{position:absolute;inset-block-start:0;inset-inline:0;block-size:30%;background:linear-gradient(180deg,#00000073,#0000);pointer-events:none}.kwc-hero__arrow{position:absolute;inset-block-start:50%;translate:0 -50%;z-index:3;inline-size:50px;block-size:50px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff47;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#333;cursor:pointer;transition:background-color .2s ease,scale .2s ease}.kwc-hero__arrow svg{inline-size:18px;block-size:18px}.kwc-hero__arrow--prev{inset-inline-start:20px}.kwc-hero__arrow--next{inset-inline-end:20px}@media(hover:hover){.kwc-hero__arrow:hover{background:#ffffff8c;scale:1.06}}.kwc-hero__arrow:focus-visible{outline:2px solid var(--kwc-bronze, #b08d57);outline-offset:3px}.kwc-hero__dots{position:absolute;inset-inline-start:26px;inset-block-end:calc(var(--kwc-hero-notch-h) + 12px);z-index:3;display:flex;align-items:center;gap:6px}.kwc-hero__dot{inline-size:10px;block-size:10px;padding:0;border:0;border-radius:5px;background:#fff;opacity:.9;cursor:pointer;transition:inline-size .3s ease,background-color .3s ease}.kwc-hero__dot.is-active{inline-size:26px;background:var(--kwc-bronze, #b08d57);opacity:1}.kwc-hero__dot:focus-visible{outline:2px solid var(--kwc-bronze, #b08d57);outline-offset:3px}.kwc-hero__notch{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:4;inline-size:var(--kwc-hero-notch-w);block-size:var(--kwc-hero-notch-h);display:flex;align-items:center;justify-content:flex-end;padding-inline-end:clamp(16px,2.2vw,40px);background:var(--kwc-page-bg, #f0efed);border-start-start-radius:var(--kwc-hero-notch-r);text-decoration:none}.kwc-hero__notch:before,.kwc-hero__notch:after{content:"";position:absolute;inline-size:var(--kwc-hero-notch-r);block-size:var(--kwc-hero-notch-r);background:var(--kwc-page-bg, #f0efed);pointer-events:none}.kwc-hero__notch:before{inset-inline-end:0;inset-block-end:100%;-webkit-mask-image:radial-gradient(circle at 0 0,transparent 0,transparent calc(var(--kwc-hero-notch-r) - .5px),#000 var(--kwc-hero-notch-r));mask-image:radial-gradient(circle at 0 0,transparent 0,transparent calc(var(--kwc-hero-notch-r) - .5px),#000 var(--kwc-hero-notch-r))}.kwc-hero__notch:after{inset-inline-start:calc(var(--kwc-hero-notch-r) * -1);inset-block-end:0;-webkit-mask-image:radial-gradient(circle at 0 100%,transparent 0,transparent calc(var(--kwc-hero-notch-r) - .5px),#000 var(--kwc-hero-notch-r));mask-image:radial-gradient(circle at 0 100%,transparent 0,transparent calc(var(--kwc-hero-notch-r) - .5px),#000 var(--kwc-hero-notch-r))}.kwc-hero__notch-inner{display:inline-flex;align-items:center;gap:clamp(8px,1vw,14px);color:var(--kwc-ink, #111);transition:color .2s ease}.kwc-hero__notch-icon{inline-size:clamp(22px,2.2vw,40px);block-size:clamp(22px,2.2vw,40px);flex:0 0 auto;transition:translate .2s ease}.kwc-hero__notch-text{font-size:clamp(16px,1.9vw,34px);font-weight:800;letter-spacing:.01em;line-height:1;white-space:nowrap}@media(hover:hover){.kwc-hero__notch:hover .kwc-hero__notch-inner{color:var(--kwc-bronze, #b08d57)}.kwc-hero__notch:hover .kwc-hero__notch-icon{translate:4px 0}}.kwc-hero__notch:focus-visible{outline:2px solid var(--kwc-bronze, #b08d57);outline-offset:-4px}@media screen and (max-width:989px){.kwc-hero__dots{inset-inline-start:20px}}@media screen and (max-width:749px){.kwc-hero__card{aspect-ratio:var(--kwc-hero-ratio-mobile, 4 / 5);max-block-size:none}.kwc-hero__arrow{display:none}.kwc-hero__dots{inset-inline-start:50%;translate:-50% 0;inset-block-end:calc(var(--kwc-hero-notch-h) + 14px)}}@media(prefers-reduced-motion:reduce){.kwc-hero__track,.kwc-hero--fade .kwc-hero__slide,.kwc-hero__arrow,.kwc-hero__dot,.kwc-hero__notch-icon,.kwc-hero__notch-inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/kwc-hero.css.map */
