.kkumi-hero{position:relative;height:var(--section-height, 60vh);overflow:hidden;width:100%}.kkumi-hero__slider{position:relative;width:100%;height:100%}.kkumi-hero__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;z-index:0}.kkumi-hero__slide--active{opacity:1;visibility:visible;z-index:1}.kkumi-hero--dot-pattern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--dot-color, #ff73e2) 1.5px,transparent 1.5px);background-size:28px 28px;opacity:.15;z-index:2;pointer-events:none}.kkumi-hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.kkumi-hero__media img,.kkumi-hero__media video{display:block;width:100%;height:100%;object-fit:cover}.kkumi-hero__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgb(var(--color-background))}.kkumi-hero__placeholder svg{width:100%;height:100%;object-fit:cover;fill:currentColor}.kkumi-hero__video-wrapper{width:100%;height:100%}.kkumi-hero__video-wrapper video{width:100%;height:100%;object-fit:cover}.kkumi-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;pointer-events:none;z-index:1}.kkumi-hero__content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.kkumi-hero__content-wrapper{display:flex;height:100%;padding-top:4rem;padding-bottom:6rem;pointer-events:none}.kkumi-hero__content-wrapper--top-left{align-items:flex-start;justify-content:flex-start}.kkumi-hero__content-wrapper--top-center{align-items:flex-start;justify-content:center}.kkumi-hero__content-wrapper--top-right{align-items:flex-start;justify-content:flex-end}.kkumi-hero__content-wrapper--middle-left{align-items:center;justify-content:flex-start}.kkumi-hero__content-wrapper--middle-center{align-items:center;justify-content:center}.kkumi-hero__content-wrapper--middle-right{align-items:center;justify-content:flex-end}.kkumi-hero__content-wrapper--bottom-left{align-items:flex-end;justify-content:flex-start}.kkumi-hero__content-wrapper--bottom-center{align-items:flex-end;justify-content:center}.kkumi-hero__content-wrapper--bottom-right{align-items:flex-end;justify-content:flex-end}.kkumi-hero__content-wrapper--align-left{text-align:left}.kkumi-hero__content-wrapper--align-center{text-align:center}.kkumi-hero__content-wrapper--align-right{text-align:right}.kkumi-hero__box{max-width:62rem;position:relative;pointer-events:auto}.kkumi-hero__box--visible{padding:3.5rem 4rem;border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.kkumi-hero__box--tilted{transform:rotate(var(--tilt-angle, -2deg));box-shadow:4px 4px 0 var(--highlight-color, #ff73e2);border:2px solid rgba(var(--color-foreground),.1)}.kkumi-hero__box--tilted.kkumi-hero__box--visible{box-shadow:4px 4px 0 var(--highlight-color, #ff73e2)}.kkumi-hero__badge{display:inline-block;margin-bottom:1.2rem}.kkumi-hero__badge--pill{background:var(--highlight-color, #ff73e2);color:var(--highlight-text-color, #fff);padding:.5rem 1.4rem;border-radius:2rem;font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;line-height:1.4}.kkumi-hero__badge--uppercase{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;line-height:1.4;opacity:.8}.kkumi-hero__badge--corner{position:absolute;z-index:5;margin:0}.kkumi-hero__badge--top-left{top:2rem;left:2rem}.kkumi-hero__badge--top-right{top:2rem;right:2rem}.kkumi-hero__badge--bottom-left{bottom:6rem;left:2rem}.kkumi-hero__badge--bottom-right{bottom:6rem;right:2rem}.kkumi-hero__heading{margin:0 0 1rem;word-break:break-word}.kkumi-hero__heading--highlight-background em{font-style:normal;background-color:var(--highlight-color, #ff73e2);color:var(--highlight-text-color, #fff);padding:.05em .3em;border-radius:.15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.kkumi-hero__heading--highlight-underline em{font-style:normal;text-decoration:underline;text-decoration-color:var(--highlight-color, #ff73e2);text-decoration-thickness:.12em;text-underline-offset:.15em}.kkumi-hero__subheading{margin:0 0 1rem;font-size:1.6rem;line-height:1.5;opacity:.9}.kkumi-hero__text{margin:0 0 1.5rem;font-size:1.4rem;line-height:1.6;opacity:.85}.kkumi-hero__text p{margin:0}.kkumi-hero__text p+p{margin-top:.8rem}.kkumi-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem}.kkumi-hero__content-wrapper--align-center .kkumi-hero__buttons{justify-content:center}.kkumi-hero__content-wrapper--align-right .kkumi-hero__buttons{justify-content:flex-end}.kkumi-hero__controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 2rem 2.5rem;z-index:10}.kkumi-hero__controls-left,.kkumi-hero__controls-center,.kkumi-hero__controls-right{display:flex;align-items:center;gap:.6rem}.kkumi-hero__controls-left{flex:1;justify-content:flex-start}.kkumi-hero__controls-center{flex:0 0 auto}.kkumi-hero__controls-right{flex:1;justify-content:flex-end}.kkumi-hero__autoplay{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:background var(--duration-default) ease;padding:0}.kkumi-hero__autoplay:hover{background:#ffffff4d}.kkumi-hero__autoplay:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.kkumi-hero__autoplay-icon--play,.kkumi-hero--paused .kkumi-hero__autoplay-icon--pause{display:none}.kkumi-hero--paused .kkumi-hero__autoplay-icon--play{display:flex}.kkumi-hero__counter{display:flex;align-items:center;gap:.5rem;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;padding:.5rem 1.4rem;color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.05em;line-height:1}.kkumi-hero__counter-sep{opacity:.5}.kkumi-hero__arrow{width:3.6rem;height:3.6rem;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--duration-default) ease;padding:0}.kkumi-hero__arrow:hover{background:#ffffff4d}.kkumi-hero__arrow:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.kkumi-hero__video-toggle{position:absolute;bottom:2rem;right:2rem;width:4rem;height:4rem;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;z-index:5;transition:background var(--duration-default) ease;padding:0}.kkumi-hero__video-toggle:hover{background:#0009}.kkumi-hero__video-toggle:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.kkumi-hero__video-icon--play,.kkumi-hero__video-toggle--paused .kkumi-hero__video-icon--pause{display:none}.kkumi-hero__video-toggle--paused .kkumi-hero__video-icon--play{display:flex}.kkumi-hero__decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.kkumi-hero__decoration{position:absolute;filter:drop-shadow(0 3px 6px rgba(0,0,0,.15));line-height:1}.kkumi-hero__decoration--top-left{top:12%;left:8%;transform:rotate(-15deg);animation:kkumi-float-1 4s ease-in-out infinite}.kkumi-hero__decoration--top-right{top:12%;right:8%;transform:rotate(15deg);animation:kkumi-float-2 3.5s ease-in-out infinite}.kkumi-hero__decoration--bottom-left{bottom:18%;left:8%;transform:rotate(-12deg);animation:kkumi-float-3 4.5s ease-in-out infinite}.kkumi-hero__decoration--bottom-right{bottom:18%;right:8%;transform:rotate(12deg);animation:kkumi-float-1 3.8s ease-in-out infinite}@keyframes kkumi-float-1{0%,to{transform:translateY(0) rotate(-15deg)}50%{transform:translateY(-10px) rotate(-12deg)}}@keyframes kkumi-float-2{0%,to{transform:translateY(0) rotate(15deg)}50%{transform:translateY(-8px) rotate(18deg)}}@keyframes kkumi-float-3{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-12px) rotate(-8deg)}}@media screen and (max-width:749px){.kkumi-hero{min-height:var(--section-height, 60vh)}.kkumi-hero__content-wrapper{padding-top:3rem;padding-bottom:5rem}.kkumi-hero__content-wrapper--mobile-align-left{text-align:left}.kkumi-hero__content-wrapper--mobile-align-center{text-align:center}.kkumi-hero__content-wrapper--mobile-align-right{text-align:right}.kkumi-hero__content-wrapper--mobile-align-center .kkumi-hero__buttons{justify-content:center}.kkumi-hero__content-wrapper--mobile-align-right .kkumi-hero__buttons{justify-content:flex-end}.kkumi-hero__box{max-width:100%}.kkumi-hero__box--visible{padding:2.5rem 2rem}.kkumi-hero__heading{font-size:max(2.4rem,calc(var(--font-heading-scale) * .85 * 1rem))}.kkumi-hero__arrow{width:3.2rem;height:3.2rem}.kkumi-hero__controls{padding:0 1.5rem 1.5rem}.kkumi-hero__decoration{display:none}.kkumi-hero--mobile-below{height:auto}.kkumi-hero--mobile-below .kkumi-hero__slider{min-height:var(--section-height, 60vh)}.kkumi-hero--mobile-below .kkumi-hero__slide{position:relative;display:flex;flex-direction:column;height:auto;min-height:var(--section-height, 60vh)}.kkumi-hero--mobile-below .kkumi-hero__slide:not(.kkumi-hero__slide--active){position:absolute;top:0;left:0;width:100%;height:100%}.kkumi-hero--mobile-below .kkumi-hero__media{position:relative;flex:1 1 60%;min-height:30vh}.kkumi-hero--mobile-below .kkumi-hero__content{position:relative;flex:0 0 auto;height:auto;width:100%}.kkumi-hero--mobile-below .kkumi-hero__content-wrapper{height:auto;padding-top:2rem;padding-bottom:4rem}.kkumi-hero--mobile-below .kkumi-hero__box--tilted{transform:none}}@media screen and (min-width:750px){.kkumi-hero__subheading{font-size:1.8rem}.kkumi-hero__text{font-size:1.6rem}.kkumi-hero__decoration{display:block}}@media(prefers-reduced-motion:reduce){.kkumi-hero__slide{transition-duration:0s}.kkumi-hero__decoration{animation:none!important}}.kkumi-hero__box.scroll-trigger.animate--slide-in.scroll-trigger--offscreen{opacity:0;transform:translateY(2rem)}.kkumi-hero__box--tilted.scroll-trigger.animate--slide-in.scroll-trigger--offscreen{opacity:0;transform:translateY(2rem) rotate(var(--tilt-angle, -2deg))}.kkumi-hero__box.scroll-trigger.animate--slide-in:not(.scroll-trigger--offscreen){animation:kkumi-hero-slide-in .6s var(--ease-out-slow) forwards}@keyframes kkumi-hero-slide-in{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.kkumi-hero__box--tilted.scroll-trigger.animate--slide-in:not(.scroll-trigger--offscreen){animation:kkumi-hero-tilt-in .6s var(--ease-out-slow) forwards}@keyframes kkumi-hero-tilt-in{0%{opacity:0;transform:translateY(2rem) rotate(var(--tilt-angle, -2deg))}to{opacity:1;transform:rotate(var(--tilt-angle, -2deg))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-kkumi-hero.css.map */