.production-masthead{padding-bottom:65px}.production-masthead h1{font-size:clamp(36px,5.8vw,78px)}.production-image{background:#08090d}.production-image>img{width:100%;height:auto;max-height:80svh;object-fit:contain;margin:auto}.production-intro{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding-top:100px;padding-bottom:100px}.production-premiere{font:12px/1.8 Arial,var(--font);color:#777;margin-bottom:25px}.production-intro h2{font-size:28px;font-weight:400}.production-synopsis{font-size:21px;line-height:2;font-weight:350;min-height:100px}.production-video{padding-bottom:90px}.production-video h2{font-size:28px;font-weight:400;margin-bottom:35px}.production-player{display:block;width:100%;height:auto;max-height:85svh;aspect-ratio:16/9;object-fit:contain;background:#08090d}.production-back{padding:0 0 90px;font-size:13px}.production-back a{padding-bottom:9px;border-bottom:1px solid #444}.production-player:focus-visible{outline:2px solid #b59570;outline-offset:4px}html[lang=en] .production-masthead h1{font-size:clamp(36px,5.4vw,72px);max-width:1100px;line-height:1.12}html[lang=en] .production-synopsis{font-size:20px;line-height:1.8}
@media(max-width:700px){.production-masthead{padding-bottom:45px;min-height:310px}.production-masthead h1{font-size:35px}.production-intro{grid-template-columns:1fr;gap:30px;padding:60px 0}.production-premiere{font-size:11px;margin-bottom:18px}.production-intro h2,.production-video h2{font-size:25px}.production-synopsis{font-size:18px;line-height:1.95}.production-video{padding-bottom:55px}.production-video h2{margin-bottom:25px}.production-back{padding-bottom:60px}html[lang=en] .production-masthead h1{font-size:36px}html[lang=en] .production-synopsis{font-size:18px}}

/* A video-first opening for productions with an excerpt. */
.production-opening{position:relative;height:100svh;min-height:580px;background:#08090d;color:#fff;isolation:isolate}.opening-player{position:absolute;inset:0}.opening-player .production-player{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain}.production-opening:before{content:'';position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(#000a,transparent);z-index:1;pointer-events:none}.production-opening .header{z-index:5}.production-overlay-title{position:absolute;left:6%;bottom:66px;z-index:2;pointer-events:none;transition:opacity .2s;width:88%;margin:0}.production-overlay-title .page-wordmark,.production-overlay-title>p{display:none}.production-overlay-title h1{font-size:clamp(28px,3.8vw,52px);line-height:1.3;letter-spacing:.015em;text-shadow:0 2px 20px #0008;max-width:85%}.production-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:19px;min-width:200px;color:white;text-shadow:0 1px 12px #0008}.production-play-circle{display:grid;place-items:center;width:116px;height:116px;border:2px solid #fff;border-radius:50%;background:#0005;backdrop-filter:blur(3px);transition:background .2s,transform .2s}.production-play-circle>span{display:block;width:0;height:0;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:30px solid white;margin-left:8px}.production-play-label{font-size:15px;letter-spacing:.06em}.production-play:hover .production-play-circle{background:#0009;transform:scale(1.06)}.production-opening.is-playing .production-play,.production-play[hidden]{display:none}.production-opening.is-playing .production-overlay-title{opacity:0}.production-play-status{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;font-size:13px;text-align:center;color:white;max-width:80%;pointer-events:none}.production-opening.is-playing:before{opacity:0}html[lang=en] .production-overlay-title h1{font-size:clamp(27px,3.5vw,48px);max-width:85%}
@media(max-width:700px){.production-opening{height:auto;min-height:0;padding-top:66px}.opening-player{position:relative;inset:auto;aspect-ratio:16/9}.opening-player .production-player{height:100%;width:100%}.production-opening:before{display:none}.production-overlay-title{position:relative;left:auto;bottom:auto;padding:26px 0 30px;width:calc(100% - 48px);margin:0 auto}.production-overlay-title h1,html[lang=en] .production-overlay-title h1{font-size:28px;max-width:100%}.production-play{gap:12px;min-width:180px}.production-play-circle{width:82px;height:82px}.production-play-circle>span{border-top-width:14px;border-bottom-width:14px;border-left-width:23px;margin-left:6px}.production-play-label{font-size:12px}.production-play-status{font-size:11px;bottom:10px}.production-opening.is-playing .production-overlay-title{opacity:1}}

.full-performance{padding:0 0 65px}.full-performance>p{font-size:18px;font-weight:350;line-height:1.8}.full-performance .company-link{font-size:13px;margin-top:14px}@media(max-width:700px){.full-performance{padding-bottom:45px}.full-performance>p{font-size:17px}}

.full-performance-links{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 28px}.full-performance-links button{color:#777;border-color:#aaa}

/* Page navigation is separate from the unchanged video and central play control. */
.production-scroll{position:absolute;right:6%;bottom:76px;z-index:3;display:flex;align-items:center;gap:18px;max-width:245px;min-height:44px;color:white;text-shadow:0 1px 12px #000;font-size:13px;line-height:1.6}.production-scroll>span:first-child{border-bottom:1px solid #fff7;padding:5px 0}.production-scroll-arrow{font:28px/1 Arial;animation:scroll-cue 2.4s ease-in-out infinite}.production-scroll:hover>span:first-child{border-color:white}.production-opening.is-playing .production-scroll{opacity:.7}@keyframes scroll-cue{50%{transform:translateY(5px)}}
@media(min-width:701px){.production-opening:has(.production-scroll) .production-overlay-title h1{max-width:calc(100% - 275px)}}
@media(max-width:700px){.production-scroll{position:relative;right:auto;bottom:auto;max-width:none;width:calc(100% - 48px);margin:0 auto;padding:0 0 25px;justify-content:flex-start;font-size:12px;min-height:0}.production-scroll-arrow{font-size:23px}.production-opening.is-playing .production-scroll{opacity:1}}