.collection-hero-grid{--collection-hero-gap: 8px;--collection-hero-top-height: 37.5rem;--collection-hero-bottom-height: 16rem;--collection-hero-badge-bg: #669f90;--collection-hero-image-zoom: 1.05}.collection-hero-grid.section{padding-block-start:2rem}.collection-hero-grid__layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--collection-hero-gap);width:100%}.collection-hero-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:12rem}.collection-hero-tile__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-flat);border-radius:inherit}.collection-hero-tile__link:focus-visible{outline:2px solid var(--color-foreground);outline-offset:-2px}.collection-hero-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-base)}.collection-hero-tile__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--hover-transition-duration) var(--hover-transition-timing)}.collection-hero-tile__image--placeholder{display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-border-rgb) / 20%)}.collection-hero-tile__image--placeholder svg{width:100%;height:100%}.collection-hero-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;pointer-events:none;transition:background-color var(--hover-transition-duration) var(--hover-transition-timing)}.collection-hero-tile--featured .collection-hero-tile__media:after,.collection-hero-tile--medium .collection-hero-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000;pointer-events:none;transition:background-color var(--hover-transition-duration) var(--hover-transition-timing)}.collection-hero-tile__content{position:relative;z-index:var(--layer-raised);display:flex;flex-direction:column;align-items:flex-start;color:#fff;pointer-events:none}.collection-hero-tile__badge{display:inline-flex;align-items:center;justify-content:center;padding:.3125rem;margin-block-end:.75rem;background-color:var(--collection-hero-badge-bg);font-family:var(--font-body--family);font-size:.875rem;font-weight:var(--font-accent--weight);line-height:1.75;letter-spacing:.02em;text-transform:uppercase;color:#fff}.collection-hero-tile__title{margin:0;color:#fff}.collection-hero-tile--featured .collection-hero-tile__title,.collection-hero-tile--medium .collection-hero-tile__title{font-weight:var(--font-body--weight)}.collection-hero-tile--featured .collection-hero-tile__title{line-height:.85}.collection-hero-tile--small .collection-hero-tile__title{font-weight:var(--font-heading--weight)}.collection-hero-tile__cta{display:inline-flex;align-items:center;gap:1px;margin-block-start:.75rem;padding-block:.25rem;font-family:var(--font-body--family);font-size:var(--font-paragraph--size);font-weight:var(--font-paragraph--weight);line-height:1.6;letter-spacing:.01em;color:#fff}.collection-hero-tile__cta-icon{display:inline-flex;width:.875rem;height:.875rem;transition:transform var(--hover-transition-duration) var(--hover-transition-timing)}.collection-hero-tile__cta-icon svg{width:100%;height:100%}.collection-hero-tile--featured .collection-hero-tile__content{padding:2.5rem;gap:0}.collection-hero-tile--medium .collection-hero-tile__content{padding:1.25rem;gap:.75rem}.collection-hero-tile--small .collection-hero-tile__content{padding:1.5rem}.collection-hero-tile--featured .collection-hero-tile__title{margin-block-start:.75rem}.collection-hero-tile--medium .collection-hero-tile__cta{margin-block-start:0}.collection-hero-tile--promo .collection-hero-tile__content{gap:.75rem}.collection-hero-tile__text{color:#fff;font-family:var(--font-body--family);font-size:var(--font-paragraph--size);line-height:1.6;max-width:42ch}.collection-hero-tile__button{margin-block-start:.75rem;align-self:flex-start}.collection-hero-tile--promo-scheme{background-color:var(--color-background)}.collection-hero-tile--promo-scheme .collection-hero-tile__title,.collection-hero-tile--promo-scheme .collection-hero-tile__text{color:var(--color-foreground)}.collection-hero-grid__featured{grid-column:1 / -1;min-height:20rem;display:grid}.collection-hero-grid__featured>*{min-width:0;min-height:0}.collection-hero-grid__featured>.collection-hero-tile{height:100%}.collection-hero-featured__slideshow{height:100%}.collection-hero-featured__slideshow slideshow-container{flex:1 1 auto;min-height:0}.collection-hero-featured__slideshow slideshow-slides{height:100%}.collection-hero-featured__slideshow .collection-hero-tile{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center}.collection-hero-tile--medium{grid-column:1 / -1;min-height:14rem}.collection-hero-tile--small{min-height:10rem}@media screen and (min-width:750px){.collection-hero-grid__layout{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:var(--collection-hero-bottom-height)}.collection-hero-grid__featured{grid-column:1 / 8;grid-row:1 / 3;min-height:var(--collection-hero-top-height)}.collection-hero-tile--medium-1{grid-column:8 / 13;grid-row:1;min-height:calc((var(--collection-hero-top-height) - var(--collection-hero-gap)) / 2)}.collection-hero-tile--medium-2{grid-column:8 / 13;grid-row:2;min-height:calc((var(--collection-hero-top-height) - var(--collection-hero-gap)) / 2)}.collection-hero-tile--small-1{grid-column:1 / 4;grid-row:3;min-height:var(--collection-hero-bottom-height)}.collection-hero-tile--small-2{grid-column:4 / 7;grid-row:3;min-height:var(--collection-hero-bottom-height)}.collection-hero-tile--small-3{grid-column:7 / 10;grid-row:3;min-height:var(--collection-hero-bottom-height)}.collection-hero-tile--small-4{grid-column:10 / 13;grid-row:3;min-height:var(--collection-hero-bottom-height)}}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.collection-hero-tile:has(.collection-hero-tile__link:hover) .collection-hero-tile__image,.collection-hero-tile:has(.collection-hero-tile__link:focus-visible) .collection-hero-tile__image{transform:scale(var(--collection-hero-image-zoom))}.collection-hero-tile:has(.collection-hero-tile__link:hover) .collection-hero-tile__overlay,.collection-hero-tile:has(.collection-hero-tile__link:focus-visible) .collection-hero-tile__overlay{background-color:#00000059}.collection-hero-tile--featured:has(.collection-hero-tile__link:hover) .collection-hero-tile__media:after,.collection-hero-tile--featured:has(.collection-hero-tile__link:focus-visible) .collection-hero-tile__media:after,.collection-hero-tile--medium:has(.collection-hero-tile__link:hover) .collection-hero-tile__media:after,.collection-hero-tile--medium:has(.collection-hero-tile__link:focus-visible) .collection-hero-tile__media:after{background-color:#00000026}.collection-hero-tile:has(.collection-hero-tile__link:hover) .collection-hero-tile__cta-icon,.collection-hero-tile:has(.collection-hero-tile__link:focus-visible) .collection-hero-tile__cta-icon{transform:translate(4px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/theme-c-collection-hero.css.map */