@layer primitives{.card{box-sizing:border-box;min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface-raised);color:var(--ink);box-shadow:var(--elevation-0);transition:border-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}:is(a.card,.card.interactive,.card:has(.card-link)):hover{border-color:var(--line-strong)}a.card{text-decoration:none}a.card:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.card:has(.card-link:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}.card-link{color:inherit;text-decoration:none}.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-link:focus-visible{outline:0}.card-title{color:var(--ink);font-size:var(--text-lg);font-weight:var(--weight-strong);line-height:var(--leading-snug);text-underline-offset:.2em;transition:text-decoration-color var(--dur-fast) var(--ease-out);margin:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.card-text{margin:var(--space-2) 0 0;color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.card-meta{padding-top:var(--space-3);color:var(--ink-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin-top:auto}.card-media{background:var(--card-tint,var(--surface-sunken));margin:0;display:block;overflow:hidden}.card-media>img{object-fit:cover;width:100%;height:100%;display:block}.card.product,.card.guide{padding:0;overflow:hidden}.card.product .card-media{aspect-ratio:1}.card.guide .card-media{aspect-ratio:3/2}.card.product .card-body,.card.guide .card-body{padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;flex:1;display:flex}:is(a.card,.card:has(.card-link)):hover .card-title{text-decoration-color:currentColor}.card[data-category=business-cards]{--card-tint:var(--tint-business-cards)}.card[data-category=stickers]{--card-tint:var(--tint-stickers)}.card[data-category=posters]{--card-tint:var(--tint-posters)}.card[data-category=signs]{--card-tint:var(--tint-signs)}.card[data-category=business-checks]{--card-tint:var(--tint-business-checks)}.card[data-category=stationery]{--card-tint:var(--tint-stationery)}.card[data-category=clothing]{--card-tint:var(--tint-clothing)}.card[data-category=bags]{--card-tint:var(--tint-bags)}.card[data-category=drinkware]{--card-tint:var(--tint-drinkware)}.card[data-category=food-packaging]{--card-tint:var(--tint-food-packaging)}.card[data-category=events]{--card-tint:var(--tint-events)}.card[data-category=gifts]{--card-tint:var(--tint-gifts)}:is(.home-designs,.guides-section,.collection-content,.catalog-directory) .card{background:var(--surface-sunken);border-color:#0000}:is(.home-designs,.guides-section,.collection-content,.catalog-directory) :is(a.card,.card.interactive,.card:has(.card-link)):hover{background:var(--surface-band);border-color:#0000}}
