#perf-hero { padding-top: 0; padding-bottom: 1em; margin-top: -3vh; background-color: transparent; }
#perf-hero .curved-wrap { padding-top: 2em; padding-bottom: 4em; }
@media (max-width: 767px) {
  #perf-hero { margin-top: 2vh; overflow: visible; position: relative; z-index: 1; }
  #perf-hero .curved-wrap { padding-top: 1em; padding-bottom: 0; overflow: visible; }
  #perf-hero .curved-image-01, #perf-hero .curved-image-02, #perf-hero .curved-image-03,
  #perf-hero .curved-image-04, #perf-hero .curved-image-05 { transform: none !important; }
  /* middelste foto bovenop de stapel */
  #perf-hero .curved-track .curved-perspective:nth-child(1) { z-index: 1; }
  #perf-hero .curved-track .curved-perspective:nth-child(2) { z-index: 2; }
  #perf-hero .curved-track .curved-perspective:nth-child(3) { z-index: 5; }
  #perf-hero .curved-track .curved-perspective:nth-child(4) { z-index: 2; }
  #perf-hero .curved-track .curved-perspective:nth-child(5) { z-index: 1; }
  .section-rounded-wrap { margin-top: -3vh !important; position: relative; z-index: 3; }
}

  #performances { padding-top: 7em; padding-bottom: 7em; background-color: #f0f0f2; overflow: hidden; }
  #performances .content { max-width: 1000px; }
  #performances .performance-card { display: block; text-decoration: none; color: #26262d; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: 1px solid rgba(0,0,0,0.15); transition: opacity .25s ease; }
  #performances .performance-card:last-of-type { border-bottom: none; margin-bottom: 0; }
  #performances .performance-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 2.5rem; align-items: center; }
  #performances .performance-card h3 { font-size: 2.4rem; line-height: 1.1; margin: 0 0 .75rem; color: #26262d; }
  #performances .performance-card .composer { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; opacity: .6; margin-bottom: .4rem; color: #26262d; }
  #performances .performance-card .role { font-size: 1.25rem; font-weight: 600; color: #26262d; margin-bottom: .35rem; }
  #performances .performance-card .venue { font-size: 1.1rem; color: #26262d; margin-bottom: .85rem; }
  #performances .performance-card .credits { font-size: .9rem; line-height: 1.55; color: rgba(0,0,0,.5); }
  @media (max-width: 767px) {
    #performances { padding-top: 4em; padding-bottom: 4em; }
    #performances .performance-grid { grid-template-columns: 1fr; gap: 1.25rem; }
    #performances .performance-card h3 { font-size: 1.8rem; }
  }

  #past-performances .section-heading { text-align: center; margin-bottom: 2.5rem; }
  #past-performances .content { max-width: 940px; }
  #past-performances .repertoire-columns { column-count: 2; column-gap: 2em; text-align: left; }
  #past-performances .repertoire-section li { white-space: nowrap; }
  #past-performances .repertoire-section { margin-bottom: 1.75rem; break-inside: avoid; -webkit-column-break-inside: avoid; }
  #past-performances .repertoire-composer { font-size: 1.05rem; font-weight: 600; opacity: .7; margin-bottom: .5rem; }
  #past-performances .repertoire-section ul { margin: 0; padding-left: 1.2rem; }
  #past-performances .repertoire-section li { font-size: 1rem; line-height: 1.6; margin: 0 0 .35rem; }
  @media (max-width: 991px) { #past-performances .repertoire-columns { column-count: 1; } }

  #repertoire .section-heading { text-align: center; margin-bottom: 2.5rem; }
  #repertoire .content { max-width: 940px; }
  #repertoire ._2-columns-text { column-count: 1; text-align: left; }
  #repertoire .repertoire-columns { column-count: 2; column-gap: 2em; }
  #repertoire .repertoire-section p { white-space: nowrap; }
  #repertoire .repertoire-subhead { font-size: 1.7rem; font-weight: 400; margin: 0 0 1.25rem; }
  #repertoire .repertoire-section { margin-bottom: 1.5rem; break-inside: avoid; -webkit-column-break-inside: avoid; }
  #repertoire .repertoire-composer { font-size: 1.05rem; font-weight: 600; opacity: .7; margin-bottom: .35rem; }
  #repertoire .repertoire-section p { margin: 0 0 .25rem; font-size: 1rem; line-height: 1.5; }
  #repertoire .rep-star { color: rgba(0,0,0,.45); }
  #repertoire .repertoire-note { font-size: .92rem; font-style: italic; opacity: .55; margin: 1.75rem 0 0; }
  @media (max-width: 991px) { #repertoire .repertoire-columns { column-count: 1; } }