/* ============================================================
   WMC House — Awards
   A strip of recognition above Guest Reviews, in the same band.
   ============================================================ */

/* === Shared band ===
   Awards and Guest Reviews both sit on the alternate ground. Without this they
   stack two full section paddings of one colour and read as a gap too many. */
.awards { padding-bottom: var(--s-5); }
.awards + .sec--alt { padding-top: 0; }

/* === Cards ===
   auto-fill, not auto-fit: with two awards, auto-fit stretched each card to half
   the page and a single award across all of it. Empty tracks keep their width,
   so a short list reads as a strip starting on the left. */
.awd { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.awd__card { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; height: 100%; padding: var(--s-3); border: 1px solid var(--rule); border-radius: var(--radius); color: inherit; text-decoration: none; transition: border-color .3s ease, transform .4s var(--ease); }
a.awd__card:hover { border-color: var(--ink-soft); transform: translateY(-2px); }
a.awd__card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.awd__logo { width: auto; max-width: 140px; height: 56px; margin-bottom: var(--s-1); object-fit: contain; }
.awd__year { color: var(--ink-soft); }
.awd__name { font-family: var(--h2-family); font-weight: var(--h2-weight); font-size: 1.15rem; line-height: 1.25; text-wrap: balance; }
.awd__body { color: var(--ink-soft); }

@media (prefers-reduced-motion: reduce) { .awd__card { transition: none; } }