:root{--css-loaded-collection-header: 1}.collection-header{color:var(--color-foreground);background-color:var(--color-background)}.collection-header__inner{box-sizing:border-box;display:flex;flex-direction:var(--collection-header-direction, row);justify-content:var(--collection-header-justify, space-between);align-items:var(--collection-header-align, flex-start);gap:var(--collection-header-gap, var(--space-md));padding-inline:var(--page-margin)}.collection-header[data-width=page-width] .collection-header__inner{max-width:calc(var(--page-width) + 2 * var(--page-margin));margin-inline:auto}.collection-header__inner{padding-block-start:var(--collection-header-space-above, var(--section-padding-tight));padding-block-end:var(--collection-header-space-below, var(--section-padding-tight))}@media screen and (max-width:749px){.collection-header__inner--stack-mobile{flex-direction:column;align-items:var(--collection-header-align-mobile, flex-start);justify-content:flex-start}}.collection-header-image{--collection-header-image-drift: 20%;--collection-header-image-zoom: .5;display:block;position:relative;height:var(--collection-header-image-height, 90svh);overflow:hidden}.collection-header-image__zoom{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(calc(var(--parallax-progress, 0) * var(--collection-header-image-drift))) scale(calc(1 + var(--parallax-progress, 0) * var(--collection-header-image-zoom)));transform-origin:var(--collection-header-image-focus, 50% 50%)}.collection-header-image__picture{display:block;width:100%;height:100%}.collection-header-image__img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--collection-header-image-focus, 50% 50%)}.collection-header-image__placeholder{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-faint))}@supports (animation-timeline: view()){.collection-header-image{view-timeline-name:--collection-header-band;view-timeline-axis:block}.collection-header-image__zoom{animation-name:collection-header-band-scroll;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--collection-header-band;animation-range:exit 0% exit 100%}}@keyframes collection-header-band-scroll{0%{transform:none}to{transform:translateY(var(--collection-header-image-drift)) scale(calc(1 + var(--collection-header-image-zoom)))}}@media(prefers-reduced-motion:reduce){.collection-header-image__zoom{animation:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-header.css.map */