.hero {
  overflow: hidden;
  background: radial-gradient(ellipse at 74% 70%, rgba(251, 227, 221, 0.4), transparent 55%), var(--cp-bg);
}
.hero-stage { display: grid; gap: var(--cp-space-16); padding-block: var(--cp-space-24) var(--cp-space-8); }
.hero h1 { font-size: clamp(2rem, 8.5vw, 2.75rem); line-height: 0.98; margin: var(--cp-space-16) 0; max-width: 38rem; }
.hero h1 em { font-style: normal; color: var(--cp-accent); position: relative; display: inline-block; }
.hero h1 em::after {
  content: "";
  position: absolute;
  left: 3px;
  right: 2px;
  bottom: -6px;
  height: 5px;
  background: var(--cp-highlight);
  border-radius: var(--cp-radius-sm);
  transform: rotate(-2deg);
}
.hero-description { font-size: 1rem; line-height: 1.6; max-width: 25rem; color: var(--cp-text-muted); }
.hero .search { margin-top: var(--cp-space-24); }
.hero-visual { max-width: 16rem; margin: var(--cp-space-8) auto 0; }
.hero-art { width: 100%; aspect-ratio: 1; object-fit: contain; }

@media (min-width: 768px) {
  .hero-stage { grid-template-columns: 1fr 1fr; align-items: center; min-height: 36rem; gap: var(--cp-space-32); padding-block: var(--cp-space-48); }
  .hero h1 { font-size: clamp(2.625rem, 4.7vw, 4.125rem); margin: var(--cp-space-24) 0; }
  .hero-description { font-size: 1.0625rem; }
  .hero-visual { max-width: none; margin: 0; }
}

/* Home sections below the hero */
.hero-actions { margin-top: var(--cp-space-24); }
.search-band .section-head { margin-bottom: var(--cp-space-24); }

.facts { display: grid; gap: var(--cp-space-16); list-style: none; margin: 0; padding: 0; counter-reset: fact; }
.facts li { display: grid; gap: var(--cp-space-4); padding: var(--cp-space-24); background: var(--cp-surface); border: 1px solid var(--cp-border); border-radius: var(--cp-radius-md); counter-increment: fact; }
.facts li::before { content: counter(fact, decimal-leading-zero); font: 500 0.75rem var(--cp-font-data); color: var(--cp-accent); }
.facts strong { font: 800 1.125rem/1.2 var(--cp-font-display); letter-spacing: -0.01em; }
.facts span { color: var(--cp-text-muted); }
@media (min-width: 768px) { .facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.owners { display: grid; gap: var(--cp-space-24); align-items: center; }
.owners .eyebrow { margin-bottom: var(--cp-space-12); }
.owners h2 { font-size: clamp(1.875rem, 6vw, 3.25rem); line-height: 1.02; margin-bottom: var(--cp-space-16); max-width: 36rem; }
.owners p { max-width: 34rem; }
.owners-symbol { width: 96px; height: auto; justify-self: start; }
.band-accent :focus-visible { box-shadow: 0 0 0 2px var(--cp-accent), 0 0 0 4px var(--cp-cream); }
@media (min-width: 768px) {
  .owners { grid-template-columns: 1fr auto; }
  .owners-symbol { width: 140px; justify-self: end; }
}
.sport-picks { list-style: none; margin: var(--cp-space-24) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cp-space-12); }
.sport-picks a { display: grid; justify-items: center; gap: var(--cp-space-8); padding: var(--cp-space-12); border-radius: var(--cp-radius-md, 8px); background: var(--cp-surface, #fff); color: var(--cp-text); text-decoration: none; font-weight: 700; text-align: center; min-height: var(--cp-target-size); }
.sport-picks a:hover { box-shadow: 0 0 0 2px var(--cp-accent) inset; }
.sport-picks img { width: 72px; height: 72px; }
@media (min-width: 768px) { .sport-picks img { width: 96px; height: 96px; } }