.hat-card.svelte-ydrupr{text-align:center}.hat-image.svelte-ydrupr{padding:1rem;aspect-ratio:1 / .78;display:grid;place-items:center}.hat-image.svelte-ydrupr img:where(.svelte-ydrupr){width:88%;height:auto;object-fit:contain}.hat-card.svelte-ydrupr h3:where(.svelte-ydrupr){margin:1rem 0 0;font-family:Rye,serif;font-size:clamp(1.3rem,3vw,2rem);text-transform:uppercase;color:var(--color-accent)}.hat-card.svelte-ydrupr h3:where(.svelte-ydrupr).smaller{font-size:1.5rem}