/* What’s On hero only · 13 Oct 2026
   Keep the approved sky background, Instrument Serif, Gochi Hand and event carousel.
   Compact the introduction and surface the existing events and classes routes. */
body.compact-rhythm main > .whats-latest-hero {
  min-height:0!important;
  padding-top:clamp(30px,3.25vw,48px)!important;
  padding-bottom:clamp(30px,3.25vw,48px)!important;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
  gap:clamp(25px,3.8vw,55px)!important;
  align-items:center!important;
}
body.compact-rhythm main .whats-latest-hero .whats-latest-copy {
  min-width:0;
  align-self:center;
}
body.compact-rhythm main .whats-latest-hero .whats-hero-kicker {
  display:block;
  margin:0 0 16px;
  color:var(--wine);
  font-family:'DM Sans',Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.compact-rhythm main .whats-latest-hero .whats-latest-copy h1.co-overlay-title {
  font-size:clamp(64px,6.45vw,100px)!important;
  line-height:.88!important;
  margin:0 0 13px!important;
  text-wrap:balance;
}
body.compact-rhythm main .whats-latest-hero .whats-latest-copy h1.co-overlay-title > .hand {
  margin:5px 0 0 auto!important;
  line-height:1.1!important;
}
body.compact-rhythm main .whats-latest-hero .whats-latest-copy > p {
  margin:12px 0 0!important;
  max-width:460px!important;
  line-height:1.46!important;
}
body.compact-rhythm main .whats-latest-hero .whats-hero-links {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 19px;
  margin-top:23px;
}
body.compact-rhythm main .whats-latest-hero .whats-hero-links a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:42px;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition:background .2s ease,transform .2s ease;
}
body.compact-rhythm main .whats-latest-hero .whats-hero-primary {
  padding:11px 18px;
  border-radius:999px;
  background:var(--yellow);
  color:var(--ink);
}
body.compact-rhythm main .whats-latest-hero .whats-hero-primary:hover {
  transform:translateY(-2px);
}
body.compact-rhythm main .whats-latest-hero .whats-hero-secondary {
  color:var(--wine);
  text-decoration:underline;
  text-underline-offset:5px;
}
body.compact-rhythm main .whats-latest-hero .whats-hero-links a:focus-visible {
  outline:2px solid var(--wine);
  outline-offset:4px;
}
/* Retain normal stacked event-photo layout below desktop; no excessive hero height. */
@media(max-width:1080px){
  body.compact-rhythm main > .whats-latest-hero {
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
  }
  body.compact-rhythm main .whats-latest-hero .whats-latest-copy {max-width:760px;}
}
@media(max-width:760px){
  body.compact-rhythm main > .whats-latest-hero {
    padding-top:27px!important;
    padding-bottom:32px!important;
    gap:20px!important;
  }
  body.compact-rhythm main .whats-latest-hero .whats-hero-kicker {margin-bottom:11px;font-size:9px;}
  body.compact-rhythm main .whats-latest-hero .whats-latest-copy h1.co-overlay-title {
    font-size:clamp(52px,15.5vw,76px)!important;
    margin-bottom:10px!important;
    line-height:.9!important;
  }
  body.compact-rhythm main .whats-latest-hero .whats-latest-copy h1.co-overlay-title > .hand {margin-top:4px!important;}
  body.compact-rhythm main .whats-latest-hero .whats-latest-copy > p {margin-top:10px!important;max-width:36ch!important;}
  body.compact-rhythm main .whats-latest-hero .whats-hero-links {margin-top:17px;gap:10px 16px;}
  body.compact-rhythm main .whats-latest-hero .whats-hero-links a {min-height:40px;font-size:11px;}
  body.compact-rhythm main .whats-latest-hero .whats-hero-primary {padding:10px 14px;}
}