.kc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate;overflow:hidden}.kc-hero--small{min-height:26rem}.kc-hero--medium{min-height:38rem}.kc-hero--large{min-height:48rem}@media screen and (min-width:750px){.kc-hero--small{min-height:34rem}.kc-hero--medium{min-height:clamp(44rem,52vh,58rem)}.kc-hero--large{min-height:clamp(54rem,68vh,76rem)}}.kc-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#1a1a1a}.kc-hero__img{display:block;width:100%;height:100%;object-fit:cover}.kc-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--kc-overlay) * .55)),rgba(0,0,0,var(--kc-overlay)) 55%,rgba(0,0,0,calc(var(--kc-overlay) * 1.35)))}.kc-hero.kc-hero--overlay:not(.kc-hero--no-mobile-image){--color-foreground: 255, 255, 255;--color-background: 18, 18, 18;--color-link: 255, 255, 255}@media screen and (min-width:750px){.kc-hero.kc-hero--overlay{--color-foreground: 255, 255, 255;--color-background: 18, 18, 18;--color-link: 255, 255, 255}}@media screen and (max-width:749px){.kc-hero--no-mobile-image .kc-hero__media{display:none}.kc-hero--no-mobile-image{min-height:0}}.kc-hero--overlay .kc-hero__content{text-shadow:0 1px 14px rgba(0,0,0,.25)}.kc-hero--overlay .rte a{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.kc-hero__inner{display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);gap:3rem;width:100%;min-width:0;padding-top:5rem;padding-bottom:2.5rem}@media screen and (min-width:750px){.kc-hero__inner{padding-top:7rem;padding-bottom:3.5rem}}.kc-hero__content{align-self:center;display:flex;flex-direction:column;gap:1.4rem;max-width:76rem}.kc-hero--align-center .kc-hero__content{margin-inline:auto;text-align:center;align-items:center}.kc-hero--align-left .kc-hero__content{text-align:left;align-items:flex-start}.kc-hero__eyebrow{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--color-foreground))}.kc-hero__title{margin:0;font-size:clamp(2.8rem,4vw,4.4rem);line-height:1.1;letter-spacing:0;color:rgb(var(--color-foreground))}.kc-hero__title--small{font-size:clamp(2.4rem,3.2vw,3.6rem)}.kc-hero__title--large{font-size:clamp(3.2rem,5.5vw,5.6rem)}.kc-hero__subtitle,.kc-hero__description{margin:0;max-width:62ch;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.9)}.kc-hero__description p{margin:0}@media screen and (min-width:750px){.kc-hero__subtitle,.kc-hero__description{font-size:1.8rem}}.kc-hero__btn{margin-top:.6rem}.kc-cd{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:center}.kc-hero--align-left .kc-cd{justify-content:flex-start}.kc-cd[hidden]{display:none}.kc-cd__label{font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground))}.kc-cd__timer{display:flex;gap:.6rem}.kc-cd__box{display:inline-flex;flex-direction:column;align-items:center;min-width:5.4rem;padding:.7rem .8rem;border-radius:.6rem;background:rgba(var(--color-foreground),.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgb(var(--color-foreground))}.kc-cd__num{font-size:2.2rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.kc-cd__lbl{margin-top:.3rem;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.kc-nav__list{display:flex;gap:1.2rem;margin:0;padding:.4rem 0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kc-nav__list::-webkit-scrollbar{display:none}.kc-nav__list>li{flex:0 0 auto;scroll-snap-align:start}@media screen and (min-width:990px){.kc-hero--align-center .kc-nav__list{justify-content:center;flex-wrap:wrap;overflow:visible}}.kc-nav__item{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:9rem;font-size:1.15rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:center;text-decoration:none;color:rgb(var(--color-foreground))}.kc-nav__thumb{width:7.2rem;height:7.2rem;overflow:hidden;border-radius:50%;border:2px solid rgba(var(--color-foreground),.25);transition:border-color .2s ease,transform .2s ease}.kc-nav__thumb img{width:100%;height:100%;object-fit:cover}.kc-nav__item:hover .kc-nav__thumb{transform:translateY(-2px);border-color:rgb(var(--color-foreground))}.kc-nav__item.is-active .kc-nav__thumb{border-color:rgb(var(--color-foreground))}.kc-nav__item.is-active .kc-nav__label{text-decoration:underline;text-underline-offset:.4rem}.kc-nav__item:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:.4rem}@media screen and (min-width:750px){.kc-nav__item{width:11rem}.kc-nav__thumb{width:9rem;height:9rem}}.kc-nav--pills .kc-nav__item{width:auto;flex-direction:row;padding:1rem 1.8rem;white-space:nowrap;border:1px solid rgba(var(--color-foreground),.4);border-radius:10rem;transition:background .2s ease,color .2s ease}.kc-nav--pills .kc-nav__item:hover,.kc-nav--pills .kc-nav__item.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.kc-nav--pills .kc-nav__item.is-active .kc-nav__label{text-decoration:none}.kc-nav{min-width:0}.kc-nav--tiles .kc-nav__list{gap:1rem;margin-inline:-1.5rem;padding:.6rem 1.5rem;scroll-padding-inline:1.5rem}.kc-nav--tiles .kc-nav__item{width:44vw;max-width:22rem;gap:1rem}.kc-nav--tiles .kc-nav__thumb{width:100%;height:auto;aspect-ratio:3 / 4;border-radius:.4rem;border:1px solid rgba(var(--color-foreground),.35);background:rgba(var(--color-foreground),.08);transition:transform .25s ease,border-color .25s ease}.kc-nav--tiles .kc-nav__item:hover .kc-nav__thumb,.kc-nav--tiles .kc-nav__item:focus-visible .kc-nav__thumb{transform:translateY(-4px);border-color:rgb(var(--color-foreground))}.kc-nav--tiles .kc-nav__item.is-active .kc-nav__thumb{border:2px solid rgb(var(--color-foreground))}@media screen and (min-width:750px){.kc-nav--tiles .kc-nav__list{margin-inline:0;padding-inline:0;gap:1.6rem}.kc-nav--tiles .kc-nav__item{width:20rem}}@media screen and (min-width:990px){.kc-hero .kc-nav--tiles .kc-nav__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(14rem,1fr);overflow-x:auto;flex-wrap:nowrap}.kc-nav--tiles .kc-nav__item{width:100%;max-width:none}}.kc-hero--overlay .rte [style*=color]{color:inherit!important}.kc-hero-desc{max-width:80rem;margin:3rem auto 0;font-size:1.5rem;line-height:1.7;text-align:center}@media(prefers-reduced-motion:reduce){.kc-nav__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-kotai-collection-hero.css.map */
