.lessons-bottom { gap: 35px; padding-top: 42px; }
.lessons-bottom>div { gap: 12px; }
.repertoire-prompt { font-size: clamp(18px,1.7vw,23px); font-weight: 500; color: var(--ink); margin-right: 12px; }
.lessons-bottom>div span { min-width: 92px; padding: 13px 20px; text-align: center; border-radius: 0; border: 1px solid rgba(101,45,64,.3); background: rgba(243,238,229,.55); font-size: 16px; font-weight: 500; color: #652d40; }
.card-foot { font-size: 12px; line-height: 1.5; letter-spacing: .12em; color: #782d3e; padding-top: 15px; }

.about-section { position: relative; isolation: isolate; grid-template-columns: minmax(0,1fr) minmax(0,1.08fr); gap: clamp(35px,5vw,85px); background: #e9ebe3; overflow: hidden; }
.about-section::before { content: ""; position: absolute; z-index: -1; top: 2%; bottom: 4%; left: 43%; right: -15%; background: url("./assets/mozart-nachtmusik-autograph.png") center/cover no-repeat; mix-blend-mode: multiply; opacity: .045; transform: rotate(-7deg); pointer-events: none; }
.about-copy { min-width: 0; }
.about-copy h2 { font-size: clamp(58px,5.2vw,85px); }
.about-film-visual { min-width: 0; width: 100%; align-self: center; position: relative; }
.about-film-surface { position: relative; width: 100%; aspect-ratio: 4/3; overflow: hidden; border: 0; border-radius: 0; background: #1d2120; }
.about-film-surface video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 51% center; filter: saturate(.6) contrast(1.08) brightness(.86); }
.about-film-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(16,24,23,.08),transparent 42%,rgba(11,18,16,.42)); pointer-events: none; }
.about-film-toggle { position: absolute; right: 18px; bottom: 18px; border: 1px solid rgba(243,238,229,.6); background: rgba(18,25,22,.55); color: #f3eee5; padding: 10px 13px; font: 500 10px/1.3 var(--sans); letter-spacing: .06em; backdrop-filter: blur(7px); }
.about-film-toggle span { margin-left: 10px; }
.about-film-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.about-film-caption>span { font-size: 9px; font-weight: 700; letter-spacing: .17em; color: #652d40; }
.about-film-caption small { font-size: 9px; color: #687268; }
.about-copy .award-note { border-color: rgba(120,45,62,.23); margin-top: 34px; padding: 26px 0; gap: 18px; }
.about-copy .award-symbol { color: #782d3e; font-size: 40px; }
.about-copy .award-note div>span { display: block; color: #782d3e; font-size: clamp(21px,2.1vw,29px); line-height: 1.25; font-weight: 600; letter-spacing: .045em; }
.about-copy .award-note h3 { font-size: 30px; margin-top: 13px; }
.about-copy>.text-link { font-size: clamp(20px,2vw,26px); color: #782d3e; padding-bottom: 10px; border-bottom-color: #782d3e; }
.about-copy>.text-link>span { font-size: 1.15em; margin-left: 22px; }
@media (max-width: 1050px) {
  .lessons-bottom { align-items: flex-start; flex-direction: column; }
  .repertoire-prompt { flex-basis: 100%; margin: 0 0 7px; }
}
@media (max-width: 740px) {
  .lessons-bottom>div span { min-width: 85px; padding: 12px 18px; }
  .card-foot { font-size: 11px; }
  .about-section { grid-template-columns: minmax(0,1fr); }
  .about-section::before { top: 40%; left: 0; right: -45%; opacity: .035; }
  .about-film-surface { aspect-ratio: 4/3; }
  .about-copy .award-note div>span { font-size: 24px; }
  .about-copy>.text-link { font-size: 23px; }
}