.karigari-hero-banner{--karigari-hero-brown: #2b1b14;--karigari-hero-gold: #b48952;position:relative;display:block;overflow:hidden;background:#f5efe5;outline:none}.karigari-hero-banner__viewport{position:relative;min-height:var(--karigari-hero-min-height-mobile)}.karigari-hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:opacity var(--karigari-hero-transition, .8s) ease-in-out,visibility var(--karigari-hero-transition, .8s) ease-in-out}.karigari-hero-banner__slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;z-index:2}.karigari-hero-banner__slide.is-leaving{position:absolute;opacity:0;visibility:hidden;z-index:1}.karigari-hero-banner__slide.is-entering .karigari-hero-banner__box{animation:karigari-hero-content-in .7s ease-out both}.karigari-hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.karigari-hero-banner__full-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block}.karigari-hero-banner__image,.karigari-hero-banner__placeholder{width:100%;height:100%;min-height:var(--karigari-hero-min-height-mobile);object-fit:cover;object-position:center center;display:block}.karigari-hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(20,14,8,var(--karigari-hero-overlay, 0));pointer-events:none;z-index:1}.karigari-hero-banner--align-left:not(.karigari-hero-banner--image-only) .karigari-hero-banner__overlay{background:linear-gradient(90deg,rgba(20,14,8,calc(var(--karigari-hero-overlay) + .18)),rgba(20,14,8,calc(var(--karigari-hero-overlay) * .4)) 55%,#140e0800)}.karigari-hero-banner__content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:var(--karigari-hero-min-height-mobile);padding:2.4rem 1.5rem 5.6rem;box-sizing:border-box;pointer-events:none}.karigari-hero-banner__content a{pointer-events:auto}.karigari-hero-banner__slide--media-only .karigari-hero-banner__media{position:relative;min-height:var(--karigari-hero-min-height-mobile)}.karigari-hero-banner--image-only .karigari-hero-banner__viewport,.karigari-hero-banner--image-only .karigari-hero-banner__slide--media-only .karigari-hero-banner__media,.karigari-hero-banner--image-only .karigari-hero-banner__image,.karigari-hero-banner--image-only .karigari-hero-banner__placeholder{min-height:var(--karigari-hero-min-height-mobile)}.karigari-hero-banner__box{width:100%;max-width:64rem;color:#fff}.karigari-hero-banner__box--backdrop{width:100%;max-width:58rem;padding:2rem 2.4rem;background:#140e0894;border:.1rem solid rgba(229,205,152,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-sizing:border-box}.karigari-hero-banner__eyebrow{margin:0 0 .6rem;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:#f5efe5}.karigari-hero-banner__heading{margin:0 0 1rem;color:#fff;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:.02em;text-wrap:balance;font-size:clamp(2.6rem,4vw,4.2rem)}.karigari-hero-banner__text{margin:0 0 1.4rem;max-width:none;color:#ffffffe6;font-size:1.45rem;line-height:1.55}.karigari-hero-banner__text p{margin:0}.karigari-hero-banner__button{min-width:14rem;border-radius:0;letter-spacing:.1em;text-transform:uppercase}.karigari-hero-banner__content--left .karigari-hero-banner__box{text-align:left;margin-right:auto}.karigari-hero-banner__content--center .karigari-hero-banner__box{text-align:center;margin-inline:auto}.karigari-hero-banner__content--right .karigari-hero-banner__box{text-align:right;margin-left:auto}.karigari-hero-banner__content--mobile-left{justify-content:flex-start}.karigari-hero-banner__content--mobile-center{justify-content:center}.karigari-hero-banner__content--mobile-right{justify-content:flex-end}.karigari-hero-banner__arrows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;pointer-events:none}.karigari-hero-banner__arrow{pointer-events:auto;width:4.4rem;height:4.4rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(92,74,50,.28);border-radius:0;background:#f7f0e4e0;color:var(--karigari-hero-brown);cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background-color .25s ease,border-color .25s ease,color .25s ease}.karigari-hero-banner__arrow:hover,.karigari-hero-banner__arrow:focus-visible{background:var(--karigari-hero-brown);border-color:var(--karigari-hero-brown);color:#fff;outline:none}.karigari-hero-banner__dots{position:absolute;left:50%;bottom:1.8rem;z-index:5;display:flex;align-items:center;gap:.7rem;transform:translate(-50%)}.karigari-hero-banner__dot{position:relative;width:1rem;height:1rem;padding:0;border:.15rem solid rgba(92,74,50,.35);border-radius:50%;background:transparent;cursor:pointer;overflow:hidden;flex-shrink:0;transition:transform .25s ease,background-color .25s ease,border-color .25s ease}.karigari-hero-banner--image-only .karigari-hero-banner__dot{border-color:#ffffff8c;background:#fff3;box-shadow:0 0 .4rem #140e0833}.karigari-hero-banner__dot.is-active{background:var(--karigari-hero-gold);border-color:var(--karigari-hero-gold);transform:scale(1.15)}.karigari-hero-banner--image-only .karigari-hero-banner__dot.is-active{background:#fff;border-color:#fff}.karigari-hero-banner__dot-progress{display:none}@keyframes karigari-hero-content-in{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px){.karigari-hero-banner__viewport,.karigari-hero-banner__image,.karigari-hero-banner__placeholder,.karigari-hero-banner__content,.karigari-hero-banner__slide--media-only .karigari-hero-banner__media,.karigari-hero-banner--image-only .karigari-hero-banner__viewport,.karigari-hero-banner--image-only .karigari-hero-banner__slide--media-only .karigari-hero-banner__media,.karigari-hero-banner--image-only .karigari-hero-banner__image,.karigari-hero-banner--image-only .karigari-hero-banner__placeholder{min-height:var(--karigari-hero-min-height)}.karigari-hero-banner__content{padding:3.2rem 3rem 5.2rem}.karigari-hero-banner__box--backdrop{padding:2.4rem 3rem}.karigari-hero-banner--align-left .karigari-hero-banner__box--backdrop{max-width:min(62rem,52vw)}.karigari-hero-banner--align-center .karigari-hero-banner__box--backdrop{max-width:min(64rem,90%)}.karigari-hero-banner__content--left{justify-content:flex-start}.karigari-hero-banner__content--center{justify-content:center}.karigari-hero-banner__content--right{justify-content:flex-end}.karigari-hero-banner__arrows{padding:0 2.4rem}.karigari-hero-banner__dots{bottom:2.4rem}}@media screen and (max-width:749px){.karigari-hero-banner__box--backdrop{max-width:100%;padding:1.8rem 1.6rem}.karigari-hero-banner__heading{font-size:clamp(2.2rem,7vw,3rem)}.karigari-hero-banner__text{font-size:1.35rem}.karigari-hero-banner__arrow{width:3.8rem;height:3.8rem}}@media(prefers-reduced-motion:reduce){.karigari-hero-banner__slide{transition:opacity .2s ease}.karigari-hero-banner__slide.is-entering .karigari-hero-banner__box,.karigari-hero-banner.is-playing .karigari-hero-banner__dot.is-active .karigari-hero-banner__dot-progress.is-running{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-karigari-hero-banner.css.map */