/* ============================================================
   WMC House — Menus hub
   One card per menu page, photographed from the hub.
   ============================================================ */

/* === Grid === */
.hub { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); margin-top: var(--s-4); }

/* === Card === */
.hub__card { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius); background: var(--ground-alt); color: inherit; text-decoration: none; }
.hub__card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.hub__shot { display: block; aspect-ratio: 3 / 2; overflow: hidden; }
.hub__shot img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.hub__card:hover .hub__shot img { transform: scale(1.04); }
.hub__body { display: flex; flex: 1; flex-direction: column; gap: .5rem; padding: var(--s-3); }
.hub__tease { color: var(--ink-soft); }
.hub__hours { color: var(--ink-soft); margin-top: -.15rem; }
.hub__card--type .hub__hours { color: color-mix(in srgb, var(--on-dark) 72%, transparent); }
.hub__go { margin-top: auto; padding-top: var(--s-2); }

/* === No photographs yet ===
   Drinks today. Type on the dark ground instead of an empty frame. */
.hub__card--type .hub__body { justify-content: flex-end; padding: var(--s-5) var(--s-3) var(--s-3); background: var(--nav-bg); color: var(--on-dark); }
.hub__card--type .hub__tease { color: color-mix(in srgb, var(--on-dark) 72%, transparent); }

@media (max-width: 760px) { .hub { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .hub__shot img { transition: none; } }