/* Focused spacing and readability refinements; retain the existing brand. */
:root { --e-muted:#b8c6d9; --e-muted-2:#adbbce; }
section { padding:60px 24px; scroll-margin-top:24px; }
.section-title { margin-bottom:30px; }
.ensembles-grid { margin-top:30px; gap:26px; }
.ensemble-card { padding:32px; }
.audition-box { padding:36px; }
header { min-height:640px; padding:104px 24px 64px; }
.nav-links { display:flex; flex-wrap:wrap; justify-content:center; gap:14px 26px; }
.nav-links a { margin:0; font-size:.9rem; letter-spacing:1.3px; }
.hero-eyebrow { font-size:.85rem; letter-spacing:2.4px; }
.btn { font-size:.9rem; letter-spacing:1.3px; }
.badge { font-size:.85rem; letter-spacing:1.4px; }
.instrument-link { font-size:.95rem; }
footer { padding:48px 24px 32px; }
.footer-grid { gap:28px; margin-bottom:28px; }
.footer-col { max-width:100%; }
.footer-col p,.footer-col a { color:var(--e-muted-2); overflow-wrap:anywhere; }
.copyright { color:#a8b5c8; font-size:.9rem; }
a:focus-visible { outline:2px solid var(--e-brass-2); outline-offset:5px; }
.performance-photo { max-width:960px; margin:32px auto 0; }
.performance-photo img { display:block; width:100%; height:auto; border-radius:12px; border:1px solid var(--e-line); }
.performance-photo figcaption { margin-top:12px; color:var(--e-muted); font-size:.9rem; line-height:1.65; text-align:left; }
.performance-photo a { text-decoration:underline; text-underline-offset:3px; }
@media(max-width:768px) {
  section { padding:40px 20px; }
  header { min-height:0; padding:0 20px 44px; }
  nav { position:relative; padding:24px 0 32px; }
  .nav-links { gap:12px 18px; }
  .nav-links a { margin:0; font-size:.85rem; }
  .hero-eyebrow { letter-spacing:1.5px; }
  .section-title { font-size:1.7rem; letter-spacing:2px; margin-bottom:24px; }
  .ensembles-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  .ensemble-card,.audition-box { padding:26px 20px; }
  .instrument-link { overflow-wrap:anywhere; }
  .audition-grid { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px; }
  .badge { max-width:100%; }
  .btn { padding:14px 22px; }
  .hero-content h1 { overflow-wrap:break-word; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; }
  .js section,.js footer { opacity:1; transform:none; }
}

/* Real YJEB rehearsal image, paired with the existing rehearsal information. */
.rehearsal-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:44px; }
.rehearsal-copy { text-align:left; font-size:1rem; }
.rehearsal-photo { margin:0; min-width:0; }
.rehearsal-photo img { display:block; width:100%; height:auto; border-radius:12px; border:1px solid rgba(224,165,60,.25); }
.rehearsal-photo figcaption { margin-top:12px; color:var(--e-muted); font-size:.9rem; line-height:1.6; }
@media(max-width:768px) {
 .rehearsal-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
 .rehearsal-copy { text-align:center; }
 .rehearsal-photo { width:100%; max-width:480px; margin:0 auto; }
}

.yjeb-concert { margin-top:30px; max-width:100%; }
.yjeb-concert img { border-color:rgba(224,165,60,.25); }

.yjeb-concert { max-width:900px; }
