.hero-art { margin-bottom: 0; }

.hero-art > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(20, 20, 20, 0.55));
}

.hero-art .art-label { z-index: 2; }

/* Extend the home-page image into a full-width photo banner. */
.hero {
  min-height: auto;
  grid-template-columns: 1fr;
}

.hero-copy {
  width: min(100%, 860px);
  margin: 0 auto;
  padding-top: clamp(40px, 8vh, 105px);
  text-align: center;
}

.hero-copy h1,
.hero-text { margin-right: auto; margin-left: auto; }
.hero-text { max-width: 610px; }
.hero-actions { justify-content: center; }

.hero-art {
  grid-column: 1 / -1;
  min-height: clamp(320px, 40vw, 500px);
  margin: 52px 0 0;
}

.race-facts {
  position: static;
  grid-column: 1 / -1;
}

.gallery-carousel { position:relative; margin-top:46px; padding:18px; background:#fff; box-shadow:0 18px 50px rgba(78,78,78,.1); }
.gallery-viewport { overflow:hidden; }
.gallery-grid { display:flex; gap:16px; margin:0; padding:0; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.gallery-grid::-webkit-scrollbar { display:none; }

.gallery-card,
.gallery-card-two,
.gallery-card-three {
  position:relative;
  flex:0 0 min(100%, 920px);
  min-height:0;
  aspect-ratio:4 / 3;
  align-self:auto;
  padding:0;
  overflow:hidden;
  background:var(--ink);
  scroll-snap-align:start;
}

.gallery-card::before,
.gallery-card::after { display: none; }

.gallery-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--cream);
}

.gallery-card figcaption {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 26px 20px 18px;
  color: #fff;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.72));
}

.gallery-carousel-controls { display:flex; align-items:center; justify-content:center; gap:14px; padding:18px 0 2px; }
.gallery-control { display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--cream); color:var(--blue); cursor:pointer; font:600 24px/1 "EB Garamond", Georgia, serif; transition:transform .2s ease, background .2s ease, color .2s ease; }
.gallery-control:hover,.gallery-control:focus-visible { transform:translateY(-2px); background:var(--blue); color:#fff; outline:none; }
.gallery-counter { min-width:72px; margin:0; color:var(--blue); text-align:center; font:700 12px/1 Poppins,Arial,sans-serif; letter-spacing:.12em; }

@media (max-width: 720px) {
  .hero-copy { padding-top: 0; }
  .hero-actions { flex-direction: column; gap: 20px; }
  .hero-art { min-height: 300px; }
  .gallery-carousel { margin-top:32px; padding:10px; }
  .gallery-card { flex-basis:100%; aspect-ratio:4 / 5; }
  .gallery-carousel-controls { padding-top:14px; }
}