.collection-hero-sticky{isolation:isolate;position:sticky;top:0;height:100vh;height:calc(var(--collection-hero-vh-mobile, 100) * 1svh);overflow:hidden;z-index:var(--layer-base);background-color:var(--color-background, #0a0a0a)}@media screen and (min-width:750px){.collection-hero-sticky{height:100vh;height:calc(var(--collection-hero-vh-desktop, 85) * 1svh)}}.collection-hero-stage__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--collection-hero-position, center);z-index:var(--layer-lowest)}.collection-hero-stage__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-lowest);background:rgb(0 0 0 / var(--collection-hero-darken, .35))}.collection-hero-stage__overlay{position:absolute;inset-inline:0;bottom:0;padding:0 var(--page-margin, 20px) calc(var(--collection-panel-overlap, 60px) + 28px)}.collection-hero-stage__title{margin:0;color:#fff;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);text-transform:uppercase;font-size:clamp(2.25rem,9vw,4.5rem);line-height:.95}.collection-products-sheet{position:relative;z-index:var(--layer-flat);margin-top:calc(-1 * var(--collection-panel-overlap, 60px));isolation:isolate}.collection-products-sheet--no-hero{margin-top:0}.collection-products-sheet .section-background{background:var(--nm-panel-gradient, linear-gradient(180deg, rgba(18, 18, 18, .96), rgba(5, 5, 5, .99)));border-radius:var(--collection-panel-radius, var(--nm-radius-lg, 40px)) var(--collection-panel-radius, var(--nm-radius-lg, 40px)) 0 0;border-top:1px solid var(--nm-panel-border, rgba(255, 255, 255, .1));box-shadow:var(--nm-panel-shadow, 0 -20px 60px rgba(0, 0, 0, .35));backdrop-filter:var(--nm-panel-blur, blur(18px) saturate(120%));-webkit-backdrop-filter:var(--nm-panel-blur, blur(18px) saturate(120%));overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);-webkit-transform:translateZ(0);transform:translateZ(0)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.collection-products-sheet .section-background{background:#060606f7}}.collection-products-sheet .facets-toggle{color:var(--nm-text, #fff)}@media(prefers-reduced-motion:no-preference){.collection-products-sheet{transition:margin-top .01s}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collection-hero-glass.css.map */