.collection-categories{padding-top:var(--cc-pad-top, 4.8rem);padding-bottom:var(--cc-pad-bottom, 4.8rem)}.collection-categories__inner{max-width:var(--cc-max-width, 1440px);margin:0 auto;padding-left:1.6rem;padding-right:1.6rem}@media only screen and (max-width: 767.98px){.collection-categories__inner{padding-left:1rem;padding-right:1rem}}.collection-categories__header{margin-bottom:2.4rem}.collection-categories__eyebrow{margin:0 0 .6rem;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#cea64a}.collection-categories__title{margin:0;font-size:2.4rem;font-weight:700;line-height:1.15;color:#0a0a0a}@media only screen and (min-width: 768px){.collection-categories__title{font-size:3.2rem}}.collection-categories__list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 1.6rem;margin:0}@media only screen and (max-width: 1023.98px){.collection-categories__list{--cc-columns: 4}}@media only screen and (max-width: 767.98px){.collection-categories__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-left:calc(1rem*-1);margin-right:calc(1rem*-1);padding-left:1rem;padding-right:1rem;scroll-padding-inline:1rem;scrollbar-width:none}.collection-categories__list::-webkit-scrollbar{display:none}}.collection-categories__item{flex:0 1 calc((100% - (var(--cc-columns, 8) - 1)*1.6rem)/var(--cc-columns, 8));min-width:0}@media only screen and (max-width: 767.98px){.collection-categories__item{flex:0 0 38vw;scroll-snap-align:start}}.collection-categories__card{display:flex;flex-direction:column;gap:1rem;height:100%;text-decoration:none;color:inherit}.collection-categories__card:hover .collection-categories__media{border-color:#c9c9c9}.collection-categories__card:hover .collection-categories__label{color:#cea64a}.collection-categories__card:focus-visible{outline:2px solid #0a0a0a;outline-offset:3px;border-radius:1.2rem}.collection-categories__media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border:1px solid #e5e5e5;border-radius:1.2rem;background-color:#f5f5f4;transition:border-color .2s ease}.collection-categories__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.collection-categories__placeholder{position:absolute;inset:0;background-color:#f5f5f4}.collection-categories__label{display:block;text-align:center;font-size:1.3rem;line-height:1.3;color:#2e2e2e;transition:color .2s ease}
