.kzkhc{position:relative;overflow:hidden;color:rgb(var(--port-fg));font-family:var(--port-body-font)}.kzkhc-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.kzkhc-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.kzkhc-inner{position:relative;z-index:1}.kzkhc-topbar{display:flex;justify-content:center;padding:28px 16px}.kzkhc-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 30px;border:1px solid rgb(var(--port-fg) / .18);border-radius:999px;background:rgb(var(--port-bg));color:rgb(var(--port-fg));font-size:14px;letter-spacing:.02em;text-align:center;text-decoration:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.kzkhc-pill:hover{border-color:rgb(var(--port-fg));background:rgb(var(--port-fg));color:rgb(var(--port-bg))}.kzkhc-list{--kzkhc-grow: 48px;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;list-style:none}.kzkhc-item{width:100%;min-width:0}.kzkhc-card{--kzkhc-media-h: 288px;position:relative;width:100%;height:100%;padding:80px 32px;overflow:hidden;background:var(--kzkhc-card-bg, transparent)}.kzkhc-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity .6s ease;background:var(--kzkhc-card-bg-hover, transparent);pointer-events:none}.kzkhc-marquee{margin-top:104px;overflow:hidden;white-space:nowrap}.kzkhc-marquee__track{display:inline-flex;animation:kzkhc-marquee 24s linear infinite}.kzkhc-marquee__group{display:inline-flex}.kzkhc-marquee__group>span{display:inline-block;padding-inline:.3em;font-family:var(--port-heading-font);font-weight:var(--port-heading-weight, 400);font-size:clamp(48px,7vw,96px);line-height:1.2}@keyframes kzkhc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.kzkhc-cardinner{position:relative;max-width:750px;margin:0 auto}.kzkhc-media{display:flex;align-items:center;justify-content:center;width:100%;height:var(--kzkhc-media-h);margin-bottom:48px;padding:0 32px}.kzkhc-mediabox{position:relative;width:100%;max-width:calc(var(--kzkhc-media-h) * var(--kzkhc-ratio, .75))}.kzkhc-mediawrap{position:relative;width:var(--kzkhc-img-w, 200px);max-width:100%;margin:auto}.kzkhc-img{position:relative;overflow:hidden;aspect-ratio:var(--kzkhc-ratio, .75);border-radius:var(--kzkhc-radius, 12px);background:rgb(var(--port-fg) / .05)}.kzkhc-img--shadow{box-shadow:0 2px 4px #0000000a,0 24px 48px -8px #0000001f}.kzkhc-img img,.kzkhc-img svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.kzkhc-img svg.kzkhc-ph{fill:rgb(var(--port-fg) / .35)}.kzkhc-inset{display:flex;position:absolute;bottom:var(--kzkhc-radius, 12px);inset-inline-start:0;align-items:center;justify-content:center;width:min(80px,var(--kzkhc-inset-size, 80px));height:min(80px,var(--kzkhc-inset-size, 80px));overflow:hidden;transform:translate(-50%);border-radius:50%}.kzkhc-inset img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kzkhc-info{position:relative;display:flex;flex-direction:column}.kzkhc-title{margin:0;color:rgb(var(--port-fg));font-family:var(--port-heading-font);font-weight:var(--port-heading-weight, 400);line-height:1.25}.kzkhc-title--h4{font-size:clamp(18px,1.5vw,20px)}.kzkhc-title--h3{font-size:clamp(20px,2vw,24px)}.kzkhc-title--h2{font-size:clamp(24px,2.5vw,30px)}.kzkhc-title--h1{font-size:clamp(28px,3vw,36px)}.kzkhc-title--x-large-heading{font-size:clamp(32px,4vw,48px)}.kzkhc-title--xx-large-heading{font-size:clamp(36px,5vw,60px)}.kzkhc-desc{margin-top:12px;font-size:15px;line-height:1.5;opacity:.75}.kzkhc-desc p{margin:0}.kzkhc-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;max-width:24rem;margin-top:32px;color:rgb(var(--port-fg));font-size:13px;letter-spacing:.12em;text-align:center;text-decoration:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease}.kzkhc-btn--outline{padding:14px 40px;border:1px solid currentColor;background:transparent}.kzkhc-btn--outline:hover{border-color:rgb(var(--port-fg));background:rgb(var(--port-fg));color:rgb(var(--port-bg))}.kzkhc-btn--solid{padding:14px 40px;border:1px solid rgb(var(--port-btn-bg));background:rgb(var(--port-btn-bg));color:rgb(var(--port-btn-fg))}.kzkhc-btn--solid:hover{opacity:.85}.kzkhc-btn--link{text-decoration:underline;text-underline-offset:4px}.kzkhc-pill:focus-visible,.kzkhc-btn:focus-visible{outline:2px solid rgb(var(--port-fg));outline-offset:2px}@media(min-width:480px){.kzkhc-inset{width:min(104px,var(--kzkhc-inset-size, 80px));height:min(104px,var(--kzkhc-inset-size, 80px))}}@media(min-width:768px){.kzkhc-card{--kzkhc-media-h: 320px;padding:104px 64px 80px}.kzkhc-media{margin-bottom:64px}.kzkhc-inset{width:var(--kzkhc-inset-size, 80px);height:var(--kzkhc-inset-size, 80px)}.kzkhc-info--inline{flex-direction:row;flex-wrap:wrap}.kzkhc-info--inline .kzkhc-title{align-self:flex-start}.kzkhc-info--inline .kzkhc-title:has(+.kzkhc-desc){width:100%}.kzkhc-info--inline .kzkhc-title:not(:has(+.kzkhc-desc)){flex-basis:50%;flex-grow:1;margin-inline-end:auto}.kzkhc-info--inline .kzkhc-desc{flex-basis:50%;margin-inline-end:auto}.kzkhc-info--inline .kzkhc-btn{align-self:flex-end;max-width:min(50% - 32px,24rem);margin-top:0;margin-inline-start:32px}}@media(min-width:1024px){.kzkhc-list{flex-direction:row;flex-wrap:nowrap;align-items:stretch}.kzkhc-item:not(:only-child){width:50%}.kzkhc-card{--kzkhc-media-h: 368px;padding-bottom:104px}.kzkhc-info--inline{flex-direction:column}.kzkhc-info--inline .kzkhc-title,.kzkhc-info--inline .kzkhc-desc{flex-basis:100%;margin-inline-end:0}.kzkhc-info--inline .kzkhc-btn{align-self:flex-start;max-width:24rem;margin-top:32px;margin-inline-start:0}}@media(min-width:1280px){.kzkhc-card{--kzkhc-media-h: 392px}.kzkhc-info--inline{flex-direction:row}.kzkhc-info--inline .kzkhc-title:has(+.kzkhc-desc){width:100%}.kzkhc-info--inline .kzkhc-title:not(:has(+.kzkhc-desc)){flex-basis:50%;margin-inline-end:auto}.kzkhc-info--inline .kzkhc-desc{flex-basis:50%;margin-inline-end:auto}.kzkhc-info--inline .kzkhc-btn{align-self:flex-end;max-width:min(50% - 32px,24rem);margin-top:0;margin-inline-start:32px}}@media(min-width:1536px){.kzkhc-card{padding:104px}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.kzkhc-item:not(:only-child){transition:width 1s cubic-bezier(.285,.02,.18,1.02)}.kzkhc-item:not(:only-child):nth-child(2):not(:hover,.is-editing) .kzkhc-card:not(:hover) .kzkhc-backdrop{transform:translate(100%)}.kzkhc-list:has(>.is-editing)>.kzkhc-item:not(:only-child),.kzkhc-list:hover>.kzkhc-item:not(:only-child){width:calc(50% - var(--kzkhc-grow, 0px))}.kzkhc-list:has(>.is-editing)>.kzkhc-item:not(:only-child):hover,.kzkhc-list:has(>.is-editing)>.kzkhc-item:not(:only-child).is-editing,.kzkhc-list:hover>.kzkhc-item:not(:only-child):hover,.kzkhc-list:hover>.kzkhc-item:not(:only-child).is-editing{width:calc(50% + var(--kzkhc-grow, 0px))}.kzkhc-list:has(>.is-editing)>.kzkhc-item:not(:only-child){pointer-events:none}.kzkhc-list:has(>.is-editing)>.kzkhc-item:not(:only-child).is-editing{pointer-events:auto}.kzkhc-backdrop{transform:translate(-100%);transition:transform 1s cubic-bezier(.285,.02,.18,1.02)}.kzkhc-marquee{visibility:hidden;transition:visibility 1s linear 1s}.kzkhc-inset{transform:translate(-50%) scale(0);transition:transform 1s cubic-bezier(.285,.02,.18,1.02)}.kzkhc-item.is-editing .kzkhc-backdrop,.kzkhc-card:hover .kzkhc-backdrop{transform:none}.kzkhc-item.is-editing .kzkhc-marquee,.kzkhc-card:hover .kzkhc-marquee{visibility:visible;transition-delay:0s}.kzkhc-item.is-editing .kzkhc-inset,.kzkhc-card:hover .kzkhc-inset{transform:translate(-50%) scale(1)}}@media(pointer:coarse){.kzkhc-btn{min-height:44px}.kzkhc-btn--link{min-width:44px}}@media(prefers-reduced-motion:reduce){.kzkhc-marquee__track{animation:none}.kzkhc-item,.kzkhc-backdrop,.kzkhc-inset,.kzkhc-marquee{transition:none!important}}@media(hover:hover)and (pointer:fine){.kzkhc-card:hover .kzkhc-backdrop{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kzk-hero-collections.css.map */