.collection .product-grid>.grid__item.promo-tile{position:relative;padding-bottom:0;max-width:100%;list-style:none}.promo-tile__frame{position:relative;display:block;overflow:hidden;color:var(--promo-text, #fff);background:#e9e7e3}.promo-tile__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.promo-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.promo-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--promo-overlay, 0));pointer-events:none}.promo-tile__item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s ease}.promo-tile__frame:hover img.promo-tile__item{transform:scale(1.02)}.promo-tile__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.2rem;padding:2.4rem 2.4rem 12%;text-align:center;pointer-events:none}.promo-tile__content--middle{justify-content:center;padding-bottom:2.4rem}.promo-tile__content--left{align-items:flex-start;text-align:left;padding-left:6%}.promo-tile__subheading{margin:0;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:inherit}.promo-tile__heading{margin:0;max-width:18em;font-family:var(--font-heading-family, inherit);font-weight:400;font-size:2.4rem;line-height:1.2;letter-spacing:-.02em;color:inherit}.promo-tile__text{margin:0;max-width:32em;font-size:1.4rem;line-height:1.45;color:inherit}.promo-tile__button{margin-top:.4rem;font-size:1.4rem;font-weight:500;color:inherit;text-decoration:underline;text-underline-offset:.6rem;text-decoration-thickness:1px;pointer-events:auto}.promo-tile__button:hover{color:inherit;text-decoration-thickness:2px}.promo-tile__pause{position:absolute;left:2rem;bottom:2rem;z-index:4;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:.4rem;background:#00000059;color:#fff;cursor:pointer}.promo-tile__pause .promo-tile__icon-play,.promo-tile__pause[aria-pressed=true] .promo-tile__icon-pause{display:none}.promo-tile__pause[aria-pressed=true] .promo-tile__icon-play{display:block}@media screen and (min-width:750px){.promo-tile__item--mobile{display:none}}@media screen and (max-width:749px){.promo-tile__item--desktop{display:none}}@media screen and (max-width:749px){.collection .product-grid>.grid__item.promo-tile--span-1{width:calc(50% - var(--grid-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-horizontal-spacing) / 2)}.collection .product-grid>.grid__item.promo-tile--span-1 .promo-tile__frame{aspect-ratio:3 / 4}.collection .product-grid>.grid__item.promo-tile--span-2{width:100%}.collection .product-grid>.grid__item.promo-tile--span-2 .promo-tile__frame{aspect-ratio:var(--promo-ratio-m, 4 / 5)}}@media screen and (min-width:750px){.collection .product-grid>.grid__item.promo-tile--span-1,.collection .product-grid>.grid__item.promo-tile--span-2{min-height:30rem}.collection .product-grid>.grid__item.promo-tile--span-2{max-width:none}.collection .product-grid>.grid__item.promo-tile--span-1 .promo-tile__frame,.collection .product-grid>.grid__item.promo-tile--span-2 .promo-tile__frame{position:absolute;top:0;right:0;bottom:0;left:0}}@media screen and (min-width:750px)and (max-width:989px){.collection .product-grid>.grid__item.promo-tile--span-2{width:calc(66.66% - var(--grid-horizontal-spacing) / 3)}}@media screen and (min-width:990px){.collection .product-grid>.grid__item.promo-tile--span-2.promo-tile--cols-4{width:calc(50% - var(--grid-horizontal-spacing) / 2)}.collection .product-grid>.grid__item.promo-tile--span-2.promo-tile--cols-3{width:calc(66.66% - var(--grid-horizontal-spacing) / 3)}.collection .product-grid>.grid__item.promo-tile--span-2.promo-tile--cols-2{width:100%}}.collection .product-grid>.grid__item.promo-tile--full{flex:0 0 100%;width:100%;max-width:100%;margin:var(--promo-space-m, 0) 0}.promo-tile--full .promo-tile__frame{aspect-ratio:var(--promo-ratio-m, 9 / 16)}@media screen and (max-width:749px){.promo-tile--full.promo-tile--bleed .promo-tile__frame{width:100vw;margin-left:calc(50% - 50vw)}}@media screen and (min-width:750px){.collection .product-grid>.grid__item.promo-tile--full{margin:var(--promo-space, 0) 0}.promo-tile--full .promo-tile__frame{aspect-ratio:var(--promo-ratio, 16 / 9)}.promo-tile--full .promo-tile__heading{font-size:3.2rem}.promo-tile--full .promo-tile__content{padding-bottom:10%}.promo-tile--full .promo-tile__pause{left:3.2rem;bottom:3.2rem}}@media screen and (min-width:990px){.promo-tile--full:not(.promo-tile--grid) .promo-tile__frame{width:83.333%;margin:0 auto}}@media(prefers-reduced-motion:reduce){.promo-tile__item{transition:none}}.sc2-grid #product-grid>.grid__item.promo-tile--full{grid-column:1 / -1;margin:var(--promo-space-m, 0) 0!important}.sc2-grid #product-grid>.grid__item.promo-tile--span-2{grid-column:1 / -1}@media screen and (min-width:750px){.sc2-grid #product-grid>.grid__item.promo-tile--full{margin:var(--promo-space, 0) 0!important}.sc2-grid #product-grid>.grid__item.promo-tile--span-2{grid-column:span 2}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/collection-promo-tile.css.map */