.collection-header{padding:var(--s-5) var(--s-7) 0;font-family:var(--font-sans);color:var(--ink);background:var(--bg)}@media screen and (max-width:749px){.collection-header{padding:var(--s-5) var(--s-3) 0;overflow-x:hidden}}.collection-header__breadcrumbs{display:flex;align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-3)}.collection-header__breadcrumbs a{color:var(--ink-3);text-decoration:none;transition:color var(--dur-xs) var(--ease-std)}.collection-header__breadcrumbs a:hover{color:var(--ink)}.collection-header__breadcrumbs a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.collection-header__breadcrumbs-separator{color:var(--ink-3);-webkit-user-select:none;user-select:none}.collection-header__breadcrumbs-current{color:var(--ink);font-weight:500}.collection-header__title{font-family:var(--font-sans);font-size:var(--t-h1);font-weight:500;letter-spacing:-.01em;color:var(--ink);margin:0;line-height:1.1}@media screen and (max-width:749px){.collection-header__title{font-size:var(--t-h2);letter-spacing:-.01em}}.collection-header__description{font-family:var(--font-sans);font-size:var(--t-body);color:var(--ink-2);margin:var(--s-3) 0 0;max-width:72rem;line-height:1.5}.collection-header__featured{margin-top:var(--s-6);margin-inline:calc(-1 * var(--s-7));padding:var(--s-6) var(--s-7);background:#f1f2f3}@media screen and (max-width:749px){.collection-header__featured{margin-inline:calc(-1 * var(--s-3));padding:var(--s-4) var(--s-3)}}.collection-header__featured-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-4)}.collection-header__featured-heading{font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:0}.collection-header__featured-arrows{display:flex;gap:var(--s-2)}.collection-header__featured-arrows[hidden]{display:none}.collection-header__featured-arrow{width:36px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--hairline-2);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--dur-sm) var(--ease-std),color var(--dur-sm) var(--ease-std);padding:0;color:var(--ink-2)}.collection-header__featured-arrow:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.collection-header__featured-arrow:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.collection-header__featured-arrow:disabled{opacity:.35;cursor:default}.collection-header__featured-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.collection-header__featured-carousel{display:flex;gap:var(--s-3);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-header__featured-carousel::-webkit-scrollbar{display:none}.collection-header__featured-card{flex:0 0 calc(20% - .96rem);min-width:16rem;scroll-snap-align:start;text-decoration:none;color:inherit;display:block}@media screen and (max-width:989px){.collection-header__featured-card{flex:0 0 calc(33.333% - .8rem);min-width:14rem}}@media screen and (max-width:749px){.collection-header__featured-card{flex:0 0 70%;min-width:0}}.collection-header__featured-image-wrapper{aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-alt);margin-bottom:var(--s-2);border-radius:var(--r-lg)}.collection-header__featured-image{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-lg) var(--ease-out)}.collection-header__featured-card:hover .collection-header__featured-image{transform:scale(1.03)}.collection-header__featured-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.collection-header__featured-image-wrapper .placeholder-svg{width:100%;height:100%}.collection-header__featured-title{display:inline-flex;align-items:center;gap:var(--s-1);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.collection-header__featured-arrow-icon{width:1em;height:1em;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/98/assets/section-collection-header-2xu.css.map */