.promo-tile{position:relative;display:block;min-height:100%;overflow:hidden;border-radius:var(--promo-radius, 0);color:#fff;text-decoration:none;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}.promo-tile--span-2{grid-column:span 2}.promo-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.promo-tile__media picture{display:block;width:100%;height:100%}.promo-tile__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}.promo-tile__placeholder{background:color-mix(in srgb,var(--color-foreground) 8%,var(--color-background));fill:color-mix(in srgb,var(--color-foreground) 30%,transparent)}.promo-tile:before{content:"";display:block;padding-top:125%}.promo-tile--span-2:before{padding-top:62.5%}.promo-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--promo-overlay, 0));transition:background .4s ease;pointer-events:none}.promo-tile__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.promo-tile__link:focus-visible{outline:2px solid #fff;outline-offset:-4px}.promo-tile__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.promo-tile:has(.promo-tile__link){cursor:pointer}.promo-tile__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:clamp(16px,2.5vw,28px)}.promo-tile--text-top-left .promo-tile__content{justify-content:flex-start;align-items:flex-start}.promo-tile--text-center .promo-tile__content{justify-content:center;align-items:center;text-align:center}.promo-tile--text-bottom-left .promo-tile__content{justify-content:flex-end;align-items:flex-start}.promo-tile--text-bottom-center .promo-tile__content{justify-content:flex-end;align-items:center;text-align:center}.promo-tile__heading{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 600);font-size:clamp(22px,2.4vw,34px);line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.25)}.promo-tile__heading p{margin:0}.promo-tile__text{font-size:.95em;text-shadow:0 1px 8px rgba(0,0,0,.3)}.promo-tile__button{margin-top:8px;padding:10px 18px;border-radius:999px;background:#fff;color:#111;font-size:.9em;font-weight:600;transition:transform .3s ease}@media(hover:hover){.promo-tile--hover-zoom:hover .promo-tile__img{transform:scale(1.06)}.promo-tile--hover-lift:hover{transform:translateY(-6px);box-shadow:0 18px 40px -18px #00000073}.promo-tile--hover-lift:hover .promo-tile__img{transform:scale(1.02)}.promo-tile--hover-darken:hover:after{background:rgba(0,0,0,calc(var(--promo-overlay, 0) + .25))}.promo-tile--hover-darken:hover .promo-tile__img{transform:scale(1.03)}.promo-tile:hover .promo-tile__button{transform:translate(4px)}.promo-tile--hover-shine .promo-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-120%);pointer-events:none}.promo-tile--hover-shine:hover .promo-tile__media:after{transform:translate(120%);transition:transform .9s ease}}@media(prefers-reduced-motion:reduce){.promo-tile,.promo-tile__img,.promo-tile__media:after{transition:none!important;transform:none!important}}@media(max-width:750px){.promo-tile--span-2{grid-column:span 1}.promo-tile--span-m-full{grid-column:1 / -1}.promo-tile--span-m-full:before{padding-top:75%}.promo-tile--span-m-1:before{padding-top:130%}.promo-tile__heading{font-size:22px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/collection-promo-tile.css.map */