/* Distinct event colours apply to both pointer hover and mobile scroll states. */
.event-card:nth-child(1){--event-color:#a9433b}
.event-card:nth-child(2){--event-color:#285d73}
.event-card:nth-child(3){--event-color:#675184}
.event-card:before,.event-card:hover:before{background:var(--event-color)}
.production{background:#f1f2f3;color:#161616}
.production-head{max-width:860px;margin-bottom:2.5rem}
.production-head>p:last-child{max-width:680px;font-size:1.1rem;line-height:1.7;color:#555}
.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.production-card{background:#fff;border:1px solid #d9d9d9;border-radius:12px;padding:1.35rem 1.5rem;transition:border-color .25s,box-shadow .25s}
.production-card[open]{border-color:var(--burgundy);box-shadow:0 8px 25px #00000008}
.production-card summary{display:flex;align-items:center;gap:1rem;padding-right:2rem;min-height:55px}
.production-card summary:after{color:var(--burgundy)}
.production-number{font-size:.8rem;color:var(--burgundy);font-variant-numeric:tabular-nums}
.production-card h3{font:700 clamp(1.1rem,1.6vw,1.4rem) var(--body);margin:0;line-height:1.3}
.production-card>p{font-size:1rem;line-height:1.75;margin:1rem 0 .3rem;color:#4a4a4a}
.production-card summary:focus-visible{outline:2px solid var(--burgundy);outline-offset:5px}
.production-note{font-size:.9rem;color:#555;max-width:860px;margin-top:2rem}
.production-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin-top:1.6rem}
.production-actions>a:not(.button){text-decoration:underline;text-underline-offset:5px;font-size:.95rem}
@media(max-width:900px){
 .event-card:before,.event-card:hover:before,.event-card.is-scroll-active:before{background:var(--event-color)}
 .production-grid{grid-template-columns:1fr}
 .production-card{padding:1.1rem}
 .production-actions{gap:1.2rem}
}
@media(prefers-reduced-motion:reduce){.production-card{transition:none}}