.hat-card.svelte-ydrupr{text-align:center;display:flex;flex-direction:column}@media(max-width:768px){.hat-card.svelte-ydrupr h3:where(.svelte-ydrupr){order:-1}}.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}@media(max-width:768px){.hat-image.svelte-ydrupr{aspect-ratio:1 / 1}}.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}