.evenings-page {overflow:hidden;}

.evenings-hero {position:relative;}
.evenings-hero-media::after {background:var(--color-image-overlay);} 
.evenings-hero-content {
  position:absolute;
  left:var(--space-4);
  bottom:var(--space-5);
  max-width:480px;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.evenings-opening-inner {
  max-width:640px;
  margin-inline:auto;
  text-align:center;
}

.evenings-details-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  margin-top:var(--space-3);
}
.evenings-detail-block {padding:var(--space-3);}

.evenings-image-break .media {position:relative;}
.evenings-caption {
  position:absolute;
  left:var(--space-3);
  bottom:var(--space-3);
  max-width:260px;
  font-size:var(--fs-6);
}

.evenings-formats-grid {
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:var(--space-3);
}
.evenings-format {padding:var(--space-3);}
.evenings-format:nth-child(3){grid-column:1/-1;max-width:60%;}

.evenings-audience-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  margin-top:var(--space-3);
}
.evenings-audience-grid > div {border-top:var(--border-thin);padding-top:var(--space-2);} 

.evenings-flow-steps {display:flex;flex-direction:column;gap:var(--space-3);max-width:700px;}
.step {display:flex;gap:var(--space-2);align-items:flex-start;}
.step span {color:var(--color-accent-primary);font-family:var(--font-heading);} 

.evenings-atmosphere .media {position:relative;}
.evenings-atmosphere-text {
  position:absolute;
  right:var(--space-3);
  bottom:var(--space-3);
  max-width:420px;
}

.evenings-cta-inner {
  max-width:520px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.evenings-closing-inner {
  max-width:600px;
  margin-inline:auto;
  text-align:center;
}

@media (max-width:1024px){
  .evenings-details-grid{grid-template-columns:1fr 1fr;}
  .evenings-formats-grid{grid-template-columns:1fr;}
  .evenings-format:nth-child(3){max-width:100%;}
}

@media (max-width:640px){
  .evenings-hero-content{position:static;padding:var(--space-3);}
  .evenings-details-grid{grid-template-columns:1fr;}
  .evenings-audience-grid{grid-template-columns:1fr;}
  .evenings-atmosphere-text{position:static;padding:var(--space-3);} 
}