/* Home / landing. */
.home { display: flex; flex-direction: column; gap: 28px; padding-top: 12px; }
.hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px; align-items: center; }
.hero h1 { font-size: clamp(52px, 9vw, 96px); line-height: .9; letter-spacing: .03em; }
.tagline { font: italic 22px/1.3 var(--serif); color: #e7d7a8; margin: 10px 0 12px; }
.pitch { font: 18px/1.5 var(--serif); color: var(--on-board-soft); max-width: 56ch; }
.start { display: flex; flex-direction: column; gap: 12px; margin: 22px 0 14px; }
.name { display: flex; flex-direction: column; gap: 4px; max-width: 320px; font-size: 13px; }
.hero-cards { display: flex; flex-direction: column; gap: 12px; padding-right: 24px; }
.hero-cards .card:nth-child(1) { transform: rotate(-1.5deg); }
.hero-cards .card:nth-child(2) { transform: rotate(1deg) translateX(18px); }
.hero-cards .card:nth-child(3) { transform: rotate(-.5deg) translateX(6px); }
.last-run { margin-top: 6px; }

.home-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; align-items: start; }
.home-grid h3 { font-size: 21px; margin: 0 0 8px; }
.home-grid h3:not(:first-child) { margin-top: 18px; }
.hall { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 4px; }
.hall .who { font-weight: 600; margin-right: 8px; }
.history { display: flex; flex-direction: column; gap: 4px; }
.history-row { display: flex; justify-content: space-between; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; font-weight: 500; }
.match-list { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.match-list li { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.res { font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: .06em; width: 38px; }
.res.win { color: var(--win); }
.res.loss { color: var(--loss); }
.res.draw { color: var(--on-board-soft); }

@media (max-width: 820px) {
  .hero { grid-template-columns: minmax(0, 1fr); }
  .hero-cards .card { transform: none !important; }
}