/* Fonts + hero/mega specifics */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700;800&display=swap');

.mega{font-size:clamp(2.4rem,13vw,8.5rem)}

/* Homepage category cards */
.home .hero{padding-top:34px}
.cat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:8px 0 10px}
.cat-cards .card{transition:transform .12s,box-shadow .12s}
.cat-cards .card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
@media(max-width:760px){.cat-cards{grid-template-columns:1fr}}