/* GCS Awards page (2026-10-20, preview only: admins only, see functions/_middleware.js) */
.awards { padding: 56px 0 72px; background: var(--paper); }
.awards__inner { width: min(var(--content), 100% - 2 * var(--gutter)); }
.awards__intro { max-width: 720px; margin-bottom: 40px; }
.awards__kicker { margin: 0 0 6px; font: 600 13px/1.4 var(--font-body); letter-spacing: .12em; text-transform: uppercase; color: var(--map-ink); }
.awards__lead-title { margin: 0 0 12px; font: 500 clamp(24px, 2.4vw, 32px)/1.2 var(--font-display); text-transform: uppercase; color: var(--ink); }
.awards__lead { margin: 0; font: 400 16px/1.65 var(--font-body); color: var(--muted); }
.awards-event { padding: 28px 0; border-top: 1px solid var(--line-soft); }
.awards-event__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.awards-event__title { margin: 0; font: 500 22px/1.2 var(--font-display); text-transform: uppercase; color: var(--ink); }
.awards-event__when { margin: 0; font: 500 14px/1.4 var(--font-body); color: var(--muted); }
.awards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(176px, 1fr)); gap: 14px; }
.award-card { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 12px 16px; border: 1px solid var(--line-soft); border-radius: 10px; background: var(--paper); color: var(--ink); text-decoration: none; transition: border-color .15s, box-shadow .15s; }
a.award-card:hover { border-color: var(--accent); box-shadow: 0 4px 14px rgb(0 0 0 / .06); }
.award-card__badge { align-self: stretch; padding: 4px 8px; border-radius: 6px; background: var(--map-ink); color: #fff; font: 600 10.5px/1.3 var(--font-body); letter-spacing: .03em; text-transform: uppercase; text-align: center; }
.award-card__logo { display: flex; align-items: center; justify-content: center; height: 54px; width: 100%; }
.award-card__logo img { max-height: 40px; max-width: 132px; object-fit: contain; }
.award-card__word { font: 600 20px/1.1 var(--font-display); letter-spacing: .02em; color: var(--ink); text-align: center; }
.award-card__name { font: 500 14px/1.3 var(--font-body); color: var(--muted); }
.awards-preview { position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%); z-index: 50; margin: 0; padding: 8px 16px; border-radius: 99px; background: #b42318; color: #fff; font: 600 13px/1.3 var(--font-body); box-shadow: 0 4px 14px rgb(0 0 0 / .2); }
@media (max-width: 600px) { .awards-grid { grid-template-columns: repeat(2, 1fr); } .awards { padding-top: 36px; } }