@layer patterns{.media-tile{position:relative;display:block;min-width:0;color:#fff;text-decoration:none}.media-tile__media{display:block;position:relative;overflow:hidden;aspect-ratio:var(--tile-ratio, 4 / 5);background:var(--color-media-bg)}.media-tile__media picture{display:contents}.media-tile__img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(0 0 0 / var(--tile-overlay, .35)),#0000 55%);pointer-events:none;transform-origin:center bottom}@media(hover:hover)and (prefers-reduced-motion:no-preference){.media-tile--hover-veil .media-tile__media:after{opacity:.65;transform:scale(1.08);transform-origin:center bottom;transition:transform var(--motion-slow) var(--ease-out),opacity var(--motion-slow) var(--ease-out)}.media-tile--hover-veil:hover .media-tile__media:after,.media-tile--hover-veil:focus-visible .media-tile__media:after{opacity:1;transform:scale(1)}}.media-tile__caption{position:absolute;inset-inline:16px;inset-block-end:16px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3)}.media-tile__label{font-family:var(--font-body);font-size:var(--tile-label-size, 14px);font-weight:600;letter-spacing:.08em;line-height:var(--leading-tight);text-transform:uppercase}.media-tile__button{flex-shrink:0;padding:.75em 1.5em;border:1px solid currentcolor;font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;line-height:1;text-transform:uppercase;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.media-tile:hover .media-tile__button{background:#fff;color:var(--color-on-surface)}.media-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media screen and (max-width:749px){.media-tile__caption{inset-inline:16px;inset-block-end:16px;gap:var(--space-2)}.media-tile__button{padding:.6em 1em;letter-spacing:.08em}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/media-tile.css.map */