/* Production photography extends the existing red, black and cream design. */
.theatre-overview-hero,.theatre-detail-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:5%;align-items:center;padding-block:62px 66px}
.theatre-overview-hero h1{font-size:clamp(44px,5.1vw,76px);line-height:1.02;max-width:600px}
.theatre-overview-hero h1 em{display:block}
.theatre-overview-hero .lead,.theatre-detail-hero .lead{font-size:clamp(19px,1.65vw,23px);margin:26px 0;line-height:1.5}
.theatre-photo figcaption{font-size:12px;line-height:1.5;color:#555;margin-top:12px;max-width:64ch}
.theatre-photo img{width:100%;height:auto;background:#171717}
.theatre-photo .zoom{opacity:1}
.theatre-image-note{font-size:22px;font-weight:700;letter-spacing:-.025em;margin:22px 0 0}
.theatre-section-head{margin-bottom:42px}
.theatre-section-head>p:last-child:not(.eyebrow){margin-top:25px;margin-bottom:0;max-width:700px}
.theatre-cards{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.theatre-card-image{display:block;position:relative;margin-bottom:27px;background:#171717;overflow:hidden}
.theatre-card-image img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.theatre-card-image>span{position:absolute;bottom:12px;left:12px;background:var(--yellow);padding:4px 11px;font-size:13px;font-weight:800}
.theatre-card .eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:.08em}
.theatre-card h2{font-size:clamp(34px,3.8vw,53px);margin-bottom:22px}
.theatre-card h2 a:hover{color:var(--red)}
.theatre-card>p:not(.eyebrow){font-size:17px}
.theatre-card .theatre-played{border-top:1px solid var(--line);padding-top:15px;font-size:13px;font-weight:650;margin:24px 0 12px}
.theatre-next h2,.theatre-reading h2{margin-bottom:30px}
.theatre-next>.lead,.theatre-reading>.lead{max-width:830px}
.theatre-breadcrumb{padding-top:34px}
.theatre-breadcrumb a{font-size:12px;font-weight:700;color:var(--red);border-bottom:1px solid var(--red);padding-bottom:4px}
.theatre-detail-hero{padding-top:34px}
.theatre-detail-hero h1{font-size:clamp(48px,5.6vw,84px)}
.theatre-detail-hero .theatre-cast{font-size:15px;font-weight:750;border-block:1px solid var(--line);padding-block:13px;margin:0 0 24px}
.theatre-detail-hero .actions{gap:16px 22px}
.theatre-stage-jump{display:inline-block;font-size:12px;font-weight:650;color:#555;border-bottom:1px solid #aaa;margin-top:24px}
.theatre-about{display:grid;grid-template-columns:1fr 1.12fr;gap:5%}
.theatre-about h2{font-size:clamp(38px,4.4vw,64px)}
.theatre-facts{font-size:14px;margin:28px 0 0}
.theatre-facts>div{display:grid;grid-template-columns:110px 1fr;gap:12px;border-top:1px solid var(--line);padding-block:10px}
.theatre-facts dt{font-weight:700}.theatre-facts dd{margin:0}
.theatre-production{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;padding-block:44px;border-top:1px solid var(--line);align-items:start}
.theatre-production:last-child{padding-bottom:0}
.theatre-production h3{font-size:clamp(30px,3vw,43px);margin-bottom:20px}
.theatre-production .eyebrow{margin-bottom:16px}
.theatre-production-copy>p:not(.eyebrow){font-size:16px}
.theatre-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}
.theatre-gallery .theatre-photo:first-child{grid-column:1/-1}
.theatre-gallery:not(.theatre-gallery-three) .theatre-photo:last-child{grid-column:1/-1}
.theatre-gallery .theatre-photo figcaption{font-size:11px}
.theatre-poster-link{margin-top:18px;font-size:12px!important;color:#555}
.theatre-poster-link a{text-decoration:underline;text-underline-offset:4px}
.theatre-production-poster{grid-template-columns:1fr .75fr;gap:10%;align-items:center}
.theatre-event-poster{width:100%;max-width:390px;justify-self:end}
.theatre-reading-note{font-size:14px;margin:24px 0 0}
.theatre-mail-note{font-size:13px;margin:25px 0 0;max-width:700px}
.theatre-mail-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
.theatre-overview-hero,.theatre-detail-hero{gap:4%;grid-template-columns:1fr 1fr}
.theatre-cards{gap:30px}
.theatre-production{grid-template-columns:.85fr 1.15fr;gap:5%}
.theatre-production-poster{grid-template-columns:1fr .8fr}
}
@media(max-width:700px){
.theatre-overview-hero,.theatre-detail-hero,.theatre-about,.theatre-production,.theatre-production-poster{grid-template-columns:1fr;gap:30px}
.theatre-overview-hero{padding-top:36px;padding-bottom:42px}
.theatre-overview-hero h1{font-size:clamp(39px,10vw,62px);max-width:560px}
.theatre-overview-hero .eyebrow{font-size:9px;letter-spacing:.1em}
.theatre-overview-hero .lead,.theatre-detail-hero .lead{font-size:20px;margin-block:22px}
.theatre-image-note{font-size:19px;margin-top:17px}
.theatre-cards{grid-template-columns:1fr;gap:42px}
.theatre-section-head{margin-bottom:32px}
.theatre-section-head h2,.theatre-next h2,.theatre-reading h2{font-size:clamp(33px,9.5vw,49px)}
.theatre-card h2{font-size:40px}
.theatre-card-image{margin-bottom:23px}
.theatre-card .theatre-played{margin-top:20px}
.theatre-breadcrumb{padding-top:26px}
.theatre-detail-hero{padding-block:28px 42px}
.theatre-detail-hero h1{font-size:clamp(45px,12.2vw,68px)}
.theatre-detail-hero .eyebrow{font-size:9px}
.theatre-about h2{font-size:42px}
.theatre-about>.theatre-facts{margin-top:0}
.theatre-facts>div{grid-template-columns:95px 1fr;font-size:13px}
.theatre-production{padding-block:30px}
.theatre-production h3{font-size:34px}
.theatre-gallery{gap:20px 14px}
.theatre-gallery-three .theatre-photo{grid-column:1/-1}
.theatre-event-poster{max-width:370px;justify-self:start}
.theatre-photo figcaption{font-size:11px}
.theatre-detail-hero .actions{gap:14px 22px}
.theatre-next .button,.theatre-reading .button{max-width:100%}
}

/* Three plays share the catalogue; on tablets each row keeps its image beside the copy. */
.theatre-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.theatre-card h2{font-size:clamp(30px,3.3vw,44px)}
.theatre-card-copy>.eyebrow{min-height:34px}
.theatre-card-copy>p:not(.eyebrow){font-size:17px}
.theatre-facts-note{font-size:13px;line-height:1.6;color:#555;margin:20px 0 0}
@media(min-width:701px) and (max-width:1000px){
.theatre-cards{grid-template-columns:1fr;gap:40px}
.theatre-card{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:30px}
.theatre-card-image{margin-bottom:0}
.theatre-card-copy>.eyebrow{min-height:0}
.theatre-card h2{font-size:38px}
}
@media(max-width:700px){
.theatre-cards{grid-template-columns:1fr;gap:42px}
.theatre-card h2{font-size:40px}
.theatre-card-copy>.eyebrow{min-height:0}
}

/* Keep photograph captions readable on small screens. */
.theatre-photo figcaption,.theatre-gallery .theatre-photo figcaption{font-size:12px}

.theatre-breadcrumb nav{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:baseline;font-size:12px;line-height:1.7;color:#555}
.theatre-breadcrumb [aria-current]{font-weight:650;color:var(--ink)}
.theatre-card-copy>.theatre-card-duration{font-size:14px;font-weight:650;margin-top:17px}
.theatre-faq h2{margin-bottom:32px}
.theatre-faq details{border-top:1px solid var(--line);padding-block:19px}
.theatre-faq details:last-child{border-bottom:1px solid var(--line)}
.theatre-faq summary{font-size:18px;font-weight:650;cursor:pointer;line-height:1.5}
.theatre-faq summary::marker{color:var(--red)}
.theatre-faq details>p{font-size:16px;max-width:76ch;margin:18px 0 0}
.theatre-faq details a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.theatre-faq h2{font-size:clamp(33px,9.5vw,49px)}.theatre-faq summary{font-size:17px}.theatre-breadcrumb nav{font-size:11px}}