/* ============================================================
   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 ===
   One centred row, logo and words centred inside each card (1.76.3). A row that
   does not fit is a slider: wmc.js adds .is-slider and moves the track; until
   then, and without the script, the view scrolls sideways. Each card sits on the
   brand's own white (the Card / panel colour), so the logos read on any ground. */
.awd__view { overflow-x: auto; scrollbar-width: none; }
.awd__view::-webkit-scrollbar { display: none; }
.awd { display: flex; justify-content: safe center; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.awd__item { flex: 0 0 clamp(220px, 24vw, 280px); }
.awd__card { display: flex; flex-direction: column; align-items: center; gap: .4rem; height: 100%; padding: var(--s-3); border: 1px solid var(--rule); border-radius: var(--radius); background: var(--paper, #fff); color: inherit; text-align: center; 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; }

/* === Slider ===
   Same arrows and segments as What's On (rail.css). The view clips, the track
   slides by one screenful of cards. */
.awd-show.is-slider .awd__view { overflow: hidden; }
.awd-show.is-slider .awd { justify-content: flex-start; transition: transform .7s var(--ease); will-change: transform; }
.awd__nav { justify-content: center; }
.awd__nav .show__seg { flex: 0 1 72px; }

/* === Narrow ===
   One award per screen, so each card is whole and centred rather than cut by the edge. */
@media (max-width: 600px) {
	.awd__item { flex-basis: 100%; }
}
.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; } .awd-show.is-slider .awd { transition: none; } }