.ricordi-home, .ricordi-page main {
  --ricordi-ink: #080f19;
  --ricordi-glow: #8feaff;
  --ricordi-muted: #c5dbea;
  background: var(--ricordi-ink);
  color: #fff;
}

.ricordi-page main, .ricordi-home {
  background-image: radial-gradient(ellipse at 72% 12%, #12374b, transparent 62%);
}

.ricordi-inner { width: min(1080px, calc(100% - 40px)); margin-inline: auto; }
.ricordi-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 320px);
  align-items: center;
  gap: clamp(24px, 6vw, 88px);
}
.ricordi-home .ricordi-grid { grid-template-columns: minmax(0, 1fr) minmax(200px, 220px); }
.ricordi-home, .ricordi-hero { padding-block: clamp(36px, 6vw, 76px); }
.ricordi-home h2, .ricordi-page h1 {
  font-size: clamp(38px, 7vw, 84px);
  line-height: .99;
  letter-spacing: -.04em;
  margin: 10px 0 16px;
}
.ricordi-home h2 { font-size: clamp(36px, 5.6vw, 68px); }
.ricordi-home h2 span, .ricordi-page h1 span { color: var(--ricordi-glow); }
.ricordi-kicker {
  margin: 0;
  color: var(--ricordi-glow);
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.ricordi-lede { font-size: clamp(19px, 2.6vw, 26px); line-height: 1.35; margin: 0; }
.ricordi-facts { margin: 22px 0 0; font-weight: 700; color: var(--ricordi-muted); }
.ricordi-note { margin: 12px 0 0; color: var(--ricordi-muted); font-size: .92rem; }
.ricordi-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.ricordi-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .4em;
  padding: 10px 20px;
  min-height: 48px;
  border-radius: 999px;
  border: 1px solid var(--ricordi-glow);
  background: var(--ricordi-glow);
  color: var(--ricordi-ink);
  font-weight: 700;
  text-decoration: none;
  text-align: center;
}
.ricordi-secondary { background: transparent; color: var(--ricordi-glow); }
.ricordi-button:hover { background: #fff; border-color: #fff; color: var(--ricordi-ink); }
.ricordi-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.ricordi-poster, .ricordi-video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;
  border-radius: 18px;
  border: 1px solid #3f697d;
  background: var(--ricordi-ink);
}
.ricordi-story { align-items: start; padding-block: clamp(30px, 6vw, 70px); border-top: 1px solid #3f697d; }
.ricordi-story h2, .ricordi-venue h2 { margin: 8px 0 16px; font-size: clamp(26px, 4vw, 44px); }
.ricordi-story p + p { margin-top: 14px; }
.ricordi-venue { padding-block: 32px 52px; border-top: 1px solid #3f697d; }

@media (max-width: 680px) {
  .ricordi-grid, .ricordi-home .ricordi-grid { grid-template-columns: minmax(0, 1fr); }
  .ricordi-poster, .ricordi-video { width: min(100%, 300px); justify-self: center; }
  .ricordi-home .ricordi-poster { width: min(100%, 200px); }
}
@media (max-width: 400px) {
  .ricordi-actions { flex-direction: column; }
}