.cx{--cx-gutter: var(--k9-gutter, clamp(20px, 2.7vw, 48px));--cx-gap: clamp(12px, 1.2vw, 18px);background:#fff;color:var(--k9-ink, #0b1430);padding:clamp(22px,2.4vw,34px) 0 clamp(24px,2.6vw,40px)}.cx-head{padding:0 var(--cx-gutter)}.cx-crumbs{font-size:.72rem;letter-spacing:.02em;color:var(--k9-ink-soft, rgba(11, 20, 48, .7))}.cx-crumbs *{color:inherit!important;font-size:inherit!important}.cx-crumbs a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.cx-crumbs a:hover{color:var(--k9-ink, #0b1430)!important}.cx-crumbs nav,.cx-crumbs ol,.cx-crumbs ul{margin:0;padding:0;background:none}.cx-crumbs svg{width:9px;height:9px;vertical-align:middle}.cx-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin:clamp(10px,1vw,14px) 0 clamp(16px,1.6vw,22px)}.cx .cx-title{flex:1 1 auto;min-width:0;margin:0;text-wrap:balance;font-family:var(--k9-font-display);font-size:clamp(2rem,3.2vw,3rem);font-weight:400;line-height:.95;letter-spacing:.005em;text-transform:uppercase;color:var(--k9-ink, #0b1430)}.cx-head-side{display:flex;align-items:center;gap:20px;flex-shrink:0}.cx-count{margin:0;font-family:var(--k9-font-nav, var(--k9-font-body));font-size:var(--k9-label-size, .66rem);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--k9-ink-mute, rgba(11, 20, 48, .5))}.cx-arrows{display:flex;gap:8px}.cx-arrows[hidden]{display:none}.cx .cx-arrow{display:grid;place-items:center;flex:0 0 40px;width:40px!important;min-width:0!important;height:40px;min-height:0;padding:0;border:1px solid var(--k9-line-strong, rgba(11, 20, 48, .28));border-radius:var(--k9-btn-radius, 0);background:#fff;color:var(--k9-ink, #0b1430);box-shadow:none;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease,opacity .25s ease}.cx .cx-arrow:hover{background:var(--k9-ink, #0b1430);border-color:var(--k9-ink, #0b1430);color:#fff}.cx .cx-arrow:disabled{opacity:.35;pointer-events:none}.cx-track{display:flex;gap:var(--cx-gap);margin:0;padding:0 var(--cx-gutter) 10px;list-style:none;overflow-x:auto;scroll-behavior:smooth;scroll-padding-inline:var(--cx-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.cx-track::-webkit-scrollbar{display:none}.cx-card{position:relative;flex:0 0 calc((100% - 3 * var(--cx-gap)) / 4);min-width:0}.cx-card-link{position:relative;display:block;aspect-ratio:4 / 5;max-height:52vh;width:100%;overflow:hidden;background:var(--k9-ink, #0b1430);color:#fff;text-decoration:none}.cx-card-media,.cx-card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cx-card-media img{display:block;object-fit:cover;transition:transform 1.2s var(--k9-ease-calm, ease)}.cx-card-link:hover .cx-card-media img{transform:scale(1.04)}.cx-card-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#060a1ab8,#060a1a33 38%,#060a1a00 60%);pointer-events:none}.cx-card-text{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:6px;padding:clamp(14px,1.4vw,20px)}.cx-card-name{font-family:var(--k9-font-display);font-size:clamp(1.15rem,1.4vw,1.45rem);line-height:1;letter-spacing:.01em;text-transform:uppercase}.cx-card-sub{font-family:var(--k9-font-nav, var(--k9-font-body));font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fffc}.cx-card.is-packshot .cx-card-link,.cx-card.is-empty .cx-card-link{background:var(--k9-mist, #f3f4f3);color:var(--k9-ink, #0b1430)}.cx-card.is-packshot .cx-card-media img{object-fit:contain;padding:14% 14% 30%;mix-blend-mode:multiply}.cx-card.is-packshot .cx-card-link:after,.cx-card.is-empty .cx-card-link:after{content:none}.cx-card.is-packshot .cx-card-sub,.cx-card.is-empty .cx-card-sub{color:var(--k9-ink-mute, rgba(11, 20, 48, .5))}.cx-card.is-current:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;background:var(--k9-ink, #0b1430)}.cx-dots,.cx-controls{display:none}@media(max-width:749px){.cx-title-row{align-items:flex-end}.cx-arrows{display:none!important}.cx .cx-title{font-size:clamp(1.8rem,8.5vw,2.4rem)}.cx-track{scroll-snap-type:x mandatory}.cx-card{flex-basis:66vw;scroll-snap-align:start}.cx-card-link{aspect-ratio:4 / 5;max-height:none}.cx-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:0 var(--cx-gutter)}.cx-controls[hidden]{display:none}.cx-dots{display:flex;flex:1;justify-content:center;gap:8px}.cx-dot{width:6px;height:6px;border-radius:50%;background:var(--k9-line-strong, rgba(11, 20, 48, .28));transition:background-color .25s ease}.cx-dot.is-active{background:var(--k9-ink, #0b1430)}}@media(prefers-reduced-motion:reduce){.cx-track{scroll-behavior:auto}.cx-card-media img{transition:none}}.cx-shop-all{display:flex;align-items:center;gap:18px;margin:clamp(14px,1.6vw,22px) var(--cx-gutter) 0}.cx-shop-all:before,.cx-shop-all:after{content:"";flex:1;height:1px;background:var(--k9-line, rgba(11, 20, 48, .12))}.cx-shop-all-link{display:inline-flex;align-items:center;gap:10px;padding:10px 4px;color:var(--k9-ink, #0b1430);font-family:var(--k9-font-nav, var(--k9-font-body));font-size:.68rem;font-weight:600;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:color .2s ease}.cx-shop-all-link:hover{color:var(--k9-accent, #163286)}.cx-shop-all-link svg{animation:cx-bob 1.8s ease-in-out infinite}@keyframes cx-bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.cx-products-anchor{display:block;height:0;scroll-margin-top:calc(var(--k9-header-offset, 90px) + 12px)}@media(prefers-reduced-motion:reduce){.cx-shop-all-link svg{animation:none}}html.cx-arrived .cx-card.is-current:after{transform-origin:left center;animation:cx-underline .55s cubic-bezier(.22,.61,.36,1) .1s both}html.cx-arrived .k9-collection-layout{animation:cx-rise .6s cubic-bezier(.22,.61,.36,1) .35s both}@keyframes cx-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cx-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html.cx-arrived .cx-card.is-current:after,html.cx-arrived .k9-collection-layout{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/collection-header.css.map */