@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 screen and (max-width:749px){.media-tile__media{aspect-ratio:var(--tile-ratio-m, var(--tile-ratio, 4 / 5))}}.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}.media-tile__button-arrow{display:flex;align-items:center;--icon-size: 15px;--icon-stroke-width: 1.25px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.media-tile__button-arrow .icon{transition:transform var(--motion-base) var(--ease-out)}.media-tile:hover .media-tile__button-arrow .icon,.media-tile:focus-visible .media-tile__button-arrow .icon{transform:translate(3px)}}.media-tile--caption-overlay:hover .media-tile__button{background:#fff;color:var(--color-on-surface)}.media-tile--caption-solid .media-tile__label{font-size:24px;font-weight:500;letter-spacing:-.04em;text-transform:none}.media-tile--caption-bar .media-tile__caption{inset-inline:0;inset-block-end:0;align-items:stretch;justify-content:center;height:36px;gap:0;background:#0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.media-tile--caption-bar .media-tile__caption:has(.media-tile__button){justify-content:space-between}.media-tile--caption-bar .media-tile__label{align-self:center;padding-inline:18px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.05em;line-height:1;text-align:center}.media-tile--caption-bar .media-tile__caption:has(.media-tile__button) .media-tile__label{padding-inline-end:0;text-align:start}.media-tile--caption-bar .media-tile__button{display:flex;align-items:stretch;flex:0 0 36px;width:36px;height:36px;padding:0;border:0}.media-tile--caption-bar .media-tile__label+.media-tile__button{border-inline-start:var(--border-width) solid rgb(255 255 255 / .1)}.media-tile--caption-bar .media-tile__button-arrow{display:flex;align-items:center;justify-content:center;flex:1;width:100%;--icon-size: auto}.media-tile--caption-bar .media-tile__button-arrow .icon{width:12px;height:10px}.media-tile--caption-bar .media-tile__button-arrow .icon svg{width:12px;height:10px}.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--caption-solid .media-tile__label{font-size:min(var(--tile-label-size, 28px),20px)}.media-tile--caption-bar .media-tile__label{padding-inline:14px}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/media-tile.css.map */