/* Wider-page renewal. Load after the main composition styles. */
.wider-renewal{padding-top:clamp(45px,6vw,100px);padding-bottom:clamp(70px,9vw,145px)}
.wider-renewal .page-heading{max-width:none;margin-bottom:clamp(45px,6vw,95px)}
.wider-renewal .page-heading h1{font-size:clamp(57px,8vw,124px);line-height:1;letter-spacing:-.045em}
.wider-renewal .page-heading .small-label{margin-bottom:22px}
.wider-renewal figure img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
.wider-renewal figcaption{font:0.875rem/1.75 var(--sans);letter-spacing:.01em;color:var(--quiet);margin-top:14px}
.wider-renewal a:focus-visible,.wider-renewal button:focus-visible,.wider-renewal summary:focus-visible{outline-offset:6px}
.about-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);gap:8%;align-items:start}
.wider-renewal .about-portrait{max-width:none;justify-self:stretch;margin:0}
.about-reading{padding-top:8%;max-width:610px}
.about-reading.prose .lead{font-size:clamp(28px,2.6vw,40px);line-height:1.23;margin-bottom:1.1em}
.about-reading.prose p{font-size:clamp(21px,1.85vw,27px);line-height:1.45}
.about-reading .arrow-link{margin-top:10px}
.about-voice{font-size:clamp(38px,4.6vw,71px);line-height:1.18;max-width:1000px;margin:clamp(70px,10vw,160px) auto;letter-spacing:-.025em}
.about-voice cite{display:block;font:0.875rem/1.5 var(--sans);letter-spacing:0;color:var(--quiet);margin-top:30px}
.about-secondary{display:flex;justify-content:space-between;align-items:center;gap:50px;border-top:1px solid var(--line);padding-top:32px}
.about-secondary p{font:0.875rem/1.8 var(--sans);color:var(--quiet);max-width:460px;margin:0}
.about-secondary p a{text-decoration:underline;text-underline-offset:4px}
.about-secondary>.arrow-link{flex-shrink:0}
.live-spread{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:12%;align-items:start}
.live-portrait{max-width:520px}
.live-programme{min-width:0}
.live-programme>h2{font-size:clamp(33px,3vw,47px);margin:0 0 30px}
.live-programme .event-row,.live-programme .past-dates .event-row{grid-template-columns:1fr;gap:13px;padding:29px 0}
.live-programme .event-row h3{font-size:clamp(29px,2.5vw,39px);line-height:1.15}
.live-programme .event-row time{font-size:0.875rem;color:var(--quiet)}
.live-programme .event-row>.arrow-link,.live-programme .event-row>.small-label{grid-column:1}
.live-programme .event-row>.small-label{margin:0;font-size:0.875rem;text-transform:uppercase;letter-spacing:.08em}
.live-programme .event-row p{margin-top:9px}
.live-programme .event-row p.event-detail{margin-top:13px;max-width:410px}
.live-programme .live-enquiries{display:block;padding:30px 0}
.live-programme .live-enquiries p{font:23px/1.3 var(--serif);margin-bottom:15px}
.live-programme .past-dates{margin-top:10px}
.live-programme .past-dates>summary{font-size:25px}
.live-programme .past-dates .event-row h3{font-size:27px}
.press-opening{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr);gap:10%;align-items:center;margin-bottom:clamp(70px,9vw,135px)}
.press-opening .press-listen{max-width:none}
.press-opening .press-listen h2{font-size:35px}
.wider-renewal .press-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.65fr);gap:13%}
.wider-renewal .press-quotes{margin:0}
.press-reception-heading{font:0.875rem/1.5 var(--sans);letter-spacing:.03em;margin-bottom:42px;color:var(--quiet)}
.wider-renewal .press-quotes blockquote{font-size:clamp(33px,3.2vw,49px);line-height:1.25;margin-bottom:65px}
.wider-renewal .press-quotes cite{margin-top:22px;font-size:0.875rem}
.wider-renewal .press-assets{padding-top:25px;align-self:start}
.wider-renewal .press-assets h2{font-size:34px}
.wider-renewal .press-assets h3{font-size:28px}
.wider-renewal .press-assets>a{padding:14px 0}
.wider-renewal .renewed-photo-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.8%;row-gap:clamp(55px,8vw,125px);align-items:start}
.renewed-photo-grid .photo-wide{grid-column:1/9}
.renewed-photo-grid .photo-portrait{grid-column:10/-1;align-self:end}
.renewed-photo-grid .photo-tall{grid-column:2/6}
.renewed-photo-grid .photo-close{grid-column:8/-1;align-self:center}
.renewed-photo-grid .photo-pip-wide{grid-column:1/9}
.renewed-photo-grid .photo-pip-portrait{grid-column:10/-1;align-self:end}
.wider-renewal .renewed-photo-grid figure{width:100%;max-width:none;margin:0;justify-self:stretch}
.wider-renewal .renewed-photo-grid button{display:block;padding:0;width:100%;cursor:zoom-in}
.wider-renewal .renewed-photo-grid figcaption{align-items:start;gap:16px}
.renewed-photo-grid figcaption a{flex-shrink:0;font-size:0.875rem}
.wider-renewal .photo-enquiry{border-top:1px solid var(--line);margin-top:75px;padding-top:27px}
.wider-renewal .contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px 12%}
.contact-grid .contact-principal{grid-column:1/-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0 45px;margin-bottom:10px}
.contact-grid .contact-principal h2{font:0.875rem/1.5 var(--sans);letter-spacing:.02em;color:var(--quiet);margin-bottom:17px}
.contact-grid .contact-principal p{max-width:none;margin-bottom:20px}
.contact-grid .contact-principal .contact-address{font:clamp(23px,3.3vw,50px)/1.3 var(--serif);letter-spacing:-.025em;text-underline-offset:9px}
.wider-renewal .contact-grid h2{line-height:1.15}
.contact-grid .contact-elsewhere{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;gap:30px;align-items:baseline}
.contact-grid .contact-elsewhere h2{font-size:26px;margin:0}
.wider-renewal .contact-socials{column-gap:30px}
.wider-renewal .catalogue-tools{border-top:1px solid var(--line);padding-top:30px;margin-top:20px}
.wider-renewal .catalogue-work>summary{padding:30px 0}
.wider-renewal .work-name>span.catalogue-preview{font:17px/1.5 var(--serif);color:var(--quiet);letter-spacing:0;margin-top:17px;max-width:720px}
.wider-renewal .catalogue-work[open] .catalogue-preview{display:none}
.authored-record-note{margin-top:1.6em}
@media(max-width:1000px){
 .about-layout{gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .about-reading{padding-top:0}
 .about-reading.prose .lead{font-size:29px}
 .about-reading.prose p{font-size:22px}
 .live-spread{gap:8%;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
 .press-opening{gap:7%;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
 .wider-renewal .press-grid{gap:9%}
 .wider-renewal .renewed-photo-grid figcaption{display:block}
 .wider-renewal .renewed-photo-grid figcaption a{margin-top:5px}
}
@media(max-width:760px){
 .wider-renewal .page-heading{margin-bottom:42px}
 .wider-renewal .page-heading h1{font-size:clamp(52px,11vw,82px)}
 .about-layout{grid-template-columns:1fr;gap:36px}
 .about-reading{max-width:620px}
 .about-reading.prose p{font-size:24px}
 .about-reading.prose .lead{font-size:32px}
 .about-voice{margin:65px 0;font-size:clamp(35px,6vw,49px)}
 .about-secondary{align-items:start;gap:24px}
 .live-spread{grid-template-columns:1fr;gap:42px}
 .live-portrait{width:70%;max-width:360px;margin-left:auto}
 .live-programme .event-row{padding:26px 0}
 .live-programme .event-row h3{font-size:32px}
 .press-opening{grid-template-columns:1fr;gap:40px;margin-bottom:65px}
 .press-opening .press-listen{max-width:500px}
 .wider-renewal .press-grid{grid-template-columns:1fr;gap:25px}
 .wider-renewal .press-quotes blockquote{margin-bottom:48px;font-size:35px}
 .wider-renewal .press-assets{max-width:none}
 .wider-renewal .renewed-photo-grid{grid-template-columns:1fr 1fr;gap:45px 25px}
 .renewed-photo-grid .photo-wide,.renewed-photo-grid .photo-pip-wide{grid-column:1/-1}
 .renewed-photo-grid .photo-portrait,.renewed-photo-grid .photo-tall,.renewed-photo-grid .photo-close,.renewed-photo-grid .photo-pip-portrait{grid-column:auto;align-self:start}
 .renewed-photo-grid .photo-pip-portrait{grid-column:2}
 .wider-renewal .contact-grid{gap:40px 8%}
 .contact-grid .contact-principal{padding:25px 0 35px}
 .contact-grid .contact-principal .contact-address{font-size:clamp(23px,4.4vw,34px)}
 .contact-grid .contact-elsewhere{display:block}
 .contact-grid .contact-elsewhere h2{margin-bottom:17px}
}
@media(max-width:460px){
 .about-secondary{display:block}
 .about-secondary>.arrow-link{margin-top:20px}
 .live-portrait{width:84%;max-width:none}
 .wider-renewal .renewed-photo-grid{grid-template-columns:1fr;gap:44px}
 .wider-renewal .renewed-photo-grid figure{grid-column:1}
 .wider-renewal .renewed-photo-grid .photo-portrait,.wider-renewal .renewed-photo-grid .photo-pip-portrait{max-width:82%;justify-self:end}
 .wider-renewal .renewed-photo-grid .photo-tall{max-width:86%;justify-self:start}
 .wider-renewal .renewed-photo-grid figcaption{display:flex}
 .wider-renewal .contact-grid{grid-template-columns:1fr;gap:35px}
 .wider-renewal .contact-grid h2{font-size:29px}
 .contact-grid .contact-principal h2{font-size:0.875rem}
 .wider-renewal .work-name>span.catalogue-preview{font-size:16px}
}
