.collection-hero__banner{position:relative;width:100%;overflow:hidden;min-height:var(--fluid-180-250)}.collection-hero__picture{display:block;width:100%;height:var(--fluid-180-250)}.collection-hero__image{display:block;width:100%;height:var(--fluid-180-250);object-fit:cover;object-position:center}.collection-hero__placeholder{width:100%;height:var(--fluid-180-250);background:var(--color-background-2, #f5f5f0);display:flex;align-items:center;justify-content:center}.collection-hero__placeholder-svg{width:100%;height:100%;object-fit:cover}.collection-hero__overlay{position:absolute;inset:auto 0 0 0;padding-block:var(--fluid-24-40);text-shadow:0 1px 8px rgba(0,0,0,.45)}.collection-hero__overlay-inner:not(.page-width){padding-inline:var(--fluid-24-40)}.collection-hero__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:var(--font-size-h2);font-weight:300;line-height:var(--line-height-heading, 1.1);letter-spacing:var(--letter-spacing-heading, 0em);color:var(--color-background);margin:0;text-wrap:balance}.category-nav{background:var(--color-background);padding-block:var(--fluid-16-32) var(--fluid-24-32);padding-inline:var(--fluid-20-40);overflow:hidden}.category-nav .page-width{padding-inline:0}.section--full-width>.category-nav>.page-width{max-width:100%;padding-inline:0}.category-nav__inner{display:block;width:100%}.category-nav__list{list-style:none;margin:0;padding:0;overflow:hidden}.category-nav__item{flex:0 0 calc(100% / 3);min-width:0;border-left:1px solid var(--color-border, color-mix(in srgb, var(--color-foreground) 12%, transparent));box-sizing:border-box}.category-nav__list:not(.embla__viewport) .category-nav__item:first-child{border-left-color:transparent}.embla__viewport .category-nav__item.is-first-visible{border-left-color:transparent}.category-nav__link{display:flex;flex-direction:column;align-items:center;gap:var(--fluid-8-16);text-decoration:none;color:inherit;padding-inline:0}.category-nav__link:is(:hover,:focus-visible) .category-nav__thumb{transform:scale(1.05)}.category-nav__link:focus-visible{outline:2px solid var(--color-accent, #9d9167);outline-offset:4px;border-radius:4px}.category-nav__label{display:block;font-family:var(--font-body-family);font-size:var(--fluid-12-20);font-weight:400;text-transform:uppercase;letter-spacing:var(--fluid-ls-8-13);line-height:1;color:var(--color-foreground);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.category-nav__circle{display:block;width:var(--fluid-65-130);height:var(--fluid-65-130);border-radius:50%;overflow:hidden;flex-shrink:0}.category-nav__thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;transition:transform .3s ease}.category-nav__thumb--placeholder{background:var(--color-background-2, #f5f5f0)}@media(prefers-reduced-motion:reduce){.category-nav__thumb{transition-duration:.01ms!important}}.category-nav__dots{display:flex;align-items:center;justify-content:end;gap:var(--fluid-4-4);margin-top:var(--fluid-24-24)}.category-nav__dot{-webkit-appearance:none;appearance:none;width:var(--fluid-6-6);height:var(--fluid-6-6);border-radius:50%;border:none;background:var(--color-border, color-mix(in srgb, var(--color-foreground) 25%, transparent));cursor:pointer;padding:0;transition:all .3s ease}.category-nav__dot.is-active{width:var(--fluid-20-20);height:var(--fluid-6-6);border-radius:var(--fluid-8-8);background:var(--color-foreground)}.category-nav__dot:hover:not(.is-active){background:color-mix(in srgb,var(--color-foreground) 50%,transparent)}@media(min-width:768px){.category-nav__inner:not([data-desktop-carousel=true]) .category-nav__dots{display:none}.category-nav__inner[data-desktop-carousel=true] .category-nav__dots{display:flex}.category-nav__inner:not([data-desktop-carousel=true]) .category-nav__list{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;overflow:visible}.category-nav__inner[data-desktop-carousel=true] .category-nav__list{display:block;overflow:hidden}.category-nav__inner:not([data-desktop-carousel=true]) .category-nav__item{flex:1 1 auto;max-width:none}.category-nav__inner[data-desktop-carousel=true] .category-nav__item{flex:0 0 calc(100% / 6);min-width:0}.category-nav__label{white-space:normal;text-overflow:unset;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-collection-hero.css.map */