.storefront .sf-collection-hero{isolation:isolate;background:var(--color-text-secondary);width:100%;min-height:clamp(360px,min(48svh,30vw),460px);color:var(--color-text-inverse);place-items:center;padding:48px 24px 96px;display:grid;position:relative;overflow:hidden}.storefront .sf-collection-hero__image,.storefront .sf-collection-hero__veil{z-index:-1;position:absolute;inset:0}.storefront .sf-collection-hero__image img{object-fit:cover;object-position:var(--category-focal-desktop);width:100%;height:100%;display:block}.storefront .sf-collection-hero__veil{background:radial-gradient(ellipse 70% 80% at 50% 50%, rgb(var(--overlay-rgb) / max(.66, var(--category-overlay))), rgb(var(--overlay-rgb) / max(.34, var(--category-overlay) * .5)))}.storefront .sf-collection-hero--dark{background:var(--color-surface-muted);color:var(--color-text-primary)}.storefront .sf-collection-hero--dark .sf-collection-hero__veil{background:radial-gradient(ellipse 70% 80% at 50% 50%, rgb(var(--ivory-rgb) / max(.78, var(--category-overlay))), rgb(var(--ivory-rgb) / max(.42, var(--category-overlay) * .5)))}.storefront .sf-collection-hero--empty{background:var(--color-surface-muted);min-height:280px;color:var(--color-text-primary)}.storefront .sf-collection-hero--empty .sf-collection-hero__veil{display:none}.storefront .sf-collection-hero__copy{text-align:center;width:min(56vw,780px)}.storefront .sf-collection-hero__eyebrow{font-size:var(--sf-t-caption-size);font-weight:var(--sf-weight-ui);letter-spacing:var(--sf-tracking-label);margin:0 0 14px;line-height:1.6}.storefront .sf-collection-hero h1{color:inherit;font-family:var(--font-brand);font-size:var(--sf-t-display-page-size);font-weight:var(--sf-weight-display);letter-spacing:-.012em;text-wrap:balance;overflow-wrap:anywhere;margin:0;line-height:1.08}.storefront .sf-collection-hero__description{text-wrap:pretty;max-width:400px;margin:16px auto 0;font-size:clamp(14px,1.2vw,17px);line-height:1.6}.storefront .sf-collection-hero__catalog{white-space:nowrap;min-height:44px;color:inherit;font-size:var(--sf-t-caption-size);letter-spacing:var(--sf-tracking-label);text-underline-offset:6px;align-items:center;gap:16px;margin-top:0;text-decoration:underline;display:inline-flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.storefront .sf-collection-hero__breadcrumb{bottom:20px;font-size:var(--sf-t-caption-size);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset-inline:24px}.storefront .sf-collection-hero__breadcrumb a{min-height:24px;color:inherit;align-items:center;display:inline-flex}.storefront .sf-collection-hero a:focus-visible{outline-offset:5px;outline:2px solid}.storefront #category-catalog{scroll-margin-top:calc(var(--sf-header-height,160px) + 16px)}.storefront .sf-collection-catalog{padding-top:32px}@media (max-width:1023px){.storefront .sf-collection-hero__catalog,.storefront .sf-collection-hero__breadcrumb{display:none}}@media (min-width:640px) and (max-width:1023px){.storefront .sf-collection-hero{min-height:clamp(240px,34vw,320px);padding-block:32px}.storefront .sf-collection-hero--empty{min-height:260px}.storefront .sf-collection-hero__copy{width:min(56vw,580px)}.storefront .sf-collection-hero__description{max-width:34ch}.storefront .sf-collection-hero__image img{object-position:var(--category-focal-tablet)}}@media (max-width:639px){.storefront .sf-collection-hero,.storefront .sf-collection-hero--empty{min-height:clamp(208px,27svh,240px);padding:28px 20px}.storefront .sf-collection-hero__image img{object-position:var(--category-focal-mobile)}.storefront .sf-collection-hero__copy{width:100%}.storefront .sf-collection-hero__description{max-width:30ch;margin-top:10px;font-size:14px;line-height:1.5}.storefront .sf-collection-hero__eyebrow{font-size:var(--sf-t-caption-size);letter-spacing:.06em;margin-bottom:10px}.storefront .sf-collection-hero__breadcrumb{inset-inline:16px;font-size:var(--sf-t-caption-size);bottom:14px}}
@media (prefers-reduced-motion:no-preference){.storefront .sf-collection-hero__eyebrow,.storefront .sf-collection-hero h1,.storefront .sf-collection-hero__description{animation:.32s cubic-bezier(.22,1,.36,1) sf-collection-copy-arrive}}@keyframes sf-collection-copy-arrive{0%{transform:translateY(6px)}to{transform:translateY(0)}}