.showcase__grid{display:grid;gap:var(--space-md);margin:0}.showcase__tile{display:flex;flex-direction:column;height:100%;border:var(--border-width) solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-surface);text-decoration:none;color:inherit;transition:border-color var(--duration) linear}.showcase__tile:hover{color:inherit;border-color:var(--color-line-strong);--tick-color: var(--color-accent)}.showcase__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width) solid var(--color-line)}.showcase__number{font-family:var(--font-heading-family);text-transform:uppercase;font-size:3rem;font-weight:var(--font-heading-weight);line-height:.8;color:transparent;-webkit-text-stroke:1px var(--color-ink);transition:color var(--duration) var(--ease-snap)}.showcase__tile:hover .showcase__number{color:var(--color-accent-text);-webkit-text-stroke-color:var(--color-accent)}.showcase__index{font-family:var(--font-mono-family);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.showcase__media{--media-ratio: 16 / 10;border-radius:0}.showcase__media--contain{--media-fit: contain}.showcase__media--contain .showcase__image{padding:var(--media-inset, 0%)}.showcase__image{transition:transform var(--duration-slow) var(--ease-snap)}.showcase__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:currentcolor;opacity:.25}.showcase__body{position:relative;flex:1;padding:var(--space-md) calc(var(--space-md) + var(--tap-target)) var(--space-md) var(--space-md);border-top:var(--border-width) solid var(--color-line)}.showcase__body:after{content:"";position:absolute;inset-inline:-1px;inset-block-end:-1px;height:3px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-slow) var(--ease-snap)}.showcase__title{margin:0}.showcase__caption{margin:var(--space-2xs) 0 0;font-size:var(--text-sm);color:var(--color-muted)}.showcase__cta{position:absolute;inset-block-end:var(--space-md);inset-inline-end:var(--space-md);display:grid;place-items:center;width:var(--tap-target);height:var(--tap-target);border:var(--border-width) solid var(--color-line-strong);transition:background-color var(--duration) var(--ease-snap),border-color var(--duration) var(--ease-snap),color var(--duration) var(--ease-snap)}.showcase__cta .icon{width:1.125rem;height:1.125rem;transition:transform var(--duration) var(--ease-snap)}@media(hover:hover){.showcase__tile:hover .showcase__image{transform:scale(1.06)}.showcase__tile:hover .showcase__body:after{transform:scaleX(1)}.showcase__tile:hover .showcase__cta{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.showcase__tile:hover .showcase__cta .icon{transform:translate(2px)}}@media(min-width:750px){.showcase__grid{grid-template-columns:repeat(min(var(--tiles, 3),2),minmax(0,1fr));gap:var(--space-md)}.showcase__media{--media-ratio: 16 / 10}.showcase__number{font-size:4rem}}@media(min-width:1100px){.showcase__grid{grid-template-columns:repeat(var(--tiles, 3),minmax(0,1fr))}}@media(min-width:750px)and (max-width:1099px){.showcase__grid--3 .showcase__item:first-child{grid-column:1 / -1}.showcase__grid--3 .showcase__item:first-child .showcase__media{--media-ratio: 16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-collection-showcase.css.map */