@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--paper:#f1ede3;--ink:#12110f;--red:#ef3e32;--blue:#1847ff;--line:#12110f38;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0;overflow-x:hidden}body.locked{overflow:hidden}button,a,input,select{font:inherit}button{color:inherit}button,a{outline-offset:4px}button{cursor:pointer}img{object-fit:cover;width:100%;display:block}a{color:inherit;text-decoration:none}.pad{padding:9rem 3vw}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:600}.nav{z-index:30;color:#fff;mix-blend-mode:difference;grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;height:4.2rem;padding:0 2.2vw;display:grid;position:fixed;top:0;left:0}.nav>a{letter-spacing:-.06em;font-size:1.22rem;font-weight:600}.nav sup{letter-spacing:.05em;margin-left:.35rem;font-size:.42rem}.nav p{text-align:center;text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.68rem}.nav>div{justify-content:flex-end;gap:1.4rem;display:flex}.nav button{color:inherit;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;padding:.4rem 0;font-size:.65rem}.hero{background:var(--red);height:290vh}.pin{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.hero-type{z-index:1;text-align:center;transform-origin:50%;position:absolute;inset:11vh 2vw auto}.hero h1,.hero em{letter-spacing:-.1em;margin:0;font-size:clamp(7.5rem,19vw,22rem);font-weight:600;line-height:.73;display:block}.hero em{font-family:Instrument Serif,serif;font-weight:400}.hero-media{z-index:2;transition:width 80ms linear,height 80ms linear,border-radius 80ms linear;position:relative;overflow:hidden;box-shadow:0 2rem 6rem #0000004d}.hero-media>img{height:100%}.hero-media>div{color:#fff;background:linear-gradient(#0000,#000000c2);justify-content:space-between;align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:auto 0 0}.hero-media p{margin:0;font-size:1.2rem}.hero-media p span{text-transform:uppercase;letter-spacing:.1em;font-size:.69rem}.hero-media button,.feature button,.visit button{background:var(--red);text-align:left;text-transform:uppercase;border:0;border-radius:100%;flex-direction:column;justify-content:space-between;width:8.5rem;height:8.5rem;padding:1.25rem;font-size:.72rem;display:flex}.hero-media button span,.feature button span,.visit button span{align-self:flex-end;font-size:1.5rem}.tag{z-index:3;border:1px solid var(--ink);background:var(--paper);aspect-ratio:1;text-transform:uppercase;width:9rem;box-shadow:.6rem .6rem 0 var(--ink);align-items:flex-end;padding:1rem;font-size:.72rem;display:flex;position:absolute}.tag.a{top:32vh;left:6vw;transform:rotate(-5deg)}.tag.b{background:var(--blue);color:#fff;bottom:25vh;right:6vw;transform:rotate(5deg)}.pin>footer{z-index:4;text-transform:uppercase;letter-spacing:.1em;color:#fff;mix-blend-mode:difference;justify-content:space-between;font-size:.65rem;display:flex;position:absolute;bottom:1.2rem;left:2vw;right:2vw}.intro{grid-template-columns:23% 1fr;min-height:105vh;display:grid}.intro h2,.shows h2,.programme h2,.visit>h2{letter-spacing:-.085em;margin:0;font-size:clamp(4.5rem,10vw,10rem);line-height:.77}.intro h2 em,.visit h2 em{font-family:Instrument Serif;font-weight:400}.intro>div{grid-column:2;justify-content:flex-end;gap:4rem;margin-top:5rem;display:flex}.intro>div p{max-width:24rem;margin:0;font-family:Instrument Serif;font-size:2rem;line-height:1.05}.intro>div button{text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;border-bottom:1px solid;align-self:flex-end;gap:2rem;padding:.6rem 0;font-size:.7rem;display:flex}.shows{background:var(--ink);color:var(--paper)}.shows>header{grid-template-columns:22% 1fr auto;align-items:end;margin-bottom:5rem;display:grid}.shows header>div{gap:.5rem;display:flex}.shows header button{color:inherit;text-transform:uppercase;background:0 0;border:1px solid #777;border-radius:3rem;padding:.75rem 1.2rem;font-size:.67rem}.shows header button.active{background:var(--paper);color:var(--ink)}.show-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.show-grid article>div{height:64vh;position:relative;overflow:hidden}.show-grid img{height:100%;transition:transform .7s}.show-grid article:hover img{transform:scale(1.035)}.show-grid article>div>span{background:var(--paper);color:var(--ink);border-radius:100%;place-items:center;width:2.6rem;height:2.6rem;font-size:.7rem;display:grid;position:absolute;top:1rem;left:1rem}.show-grid article>div>button{background:var(--red);border:0;border-radius:100%;width:3.5rem;height:3.5rem;font-size:1.3rem;position:absolute;bottom:1rem;right:1rem}.show-grid footer{justify-content:space-between;align-items:end;padding:1.2rem 0 3.5rem;display:flex}.show-grid footer small{text-transform:uppercase;letter-spacing:.08em}.show-grid h3{text-transform:uppercase;margin:0;font-family:Instrument Serif;font-size:3.2rem;font-weight:400}.feature{background:var(--blue);min-height:100vh;position:relative;overflow:hidden}.feature>img{height:100vh}.feature>div{background:var(--blue);color:#fff;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);width:51%;min-height:57%;padding:3rem;position:absolute;bottom:0;left:0}.feature h2{letter-spacing:-.08em;margin:1.5rem 0;font-size:clamp(4rem,7.8vw,8rem);line-height:.8}.feature>div>p:not(.eyebrow){width:60%;line-height:1.5}.feature button{background:var(--paper);color:var(--ink);position:absolute;bottom:2rem;right:12%}.programme>header{grid-template-columns:23% 1fr;margin-bottom:5rem;display:grid}.programme>div{border-top:1px solid var(--line)}.programme article{border-bottom:1px solid var(--line);grid-template-columns:12% 34% 1fr 10% auto;align-items:center;gap:1rem;padding:2.2rem 0;display:grid}.programme article>span,.programme time{font-size:.7rem;font-weight:600}.programme h3{margin:0;font-family:Instrument Serif;font-size:2.2rem;font-weight:400}.programme article p{margin:0}.programme article button{text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;gap:1rem;font-size:.67rem;display:flex}.archive{background:var(--red)}.archive-grid{grid-template-columns:1fr 1fr;gap:2vw;margin-top:2rem;display:grid}.archive article{height:80vh;position:relative;overflow:hidden}.archive article:nth-child(2){margin-top:14rem}.archive img{height:100%;transition:transform .9s}.archive article:hover img{transform:scale(1.04)}.archive h2{color:#fff;letter-spacing:-.08em;margin:0;font-size:clamp(3rem,6vw,7rem);line-height:.77;position:absolute;bottom:1rem;left:1.4rem}.visit{background:var(--ink);color:var(--paper);grid-template-columns:22% 1fr;min-height:100vh;display:grid}.visit>h2{grid-column:2}.visit>div{grid-column:2;justify-content:space-between;align-items:end;margin-top:5rem;display:flex}.visit>div p{font-family:Instrument Serif;font-size:1.5rem;line-height:1.35}.visit button{background:var(--red);color:var(--ink)}.footer{background:var(--paper);padding-top:4rem;padding-bottom:2rem}.footer>a{letter-spacing:-.09em;border-bottom:1px solid;font-size:clamp(7rem,19vw,21rem);font-weight:600;line-height:.8;display:block}.footer>div{text-transform:uppercase;letter-spacing:.08em;grid-template-columns:repeat(4,1fr);padding-top:1.5rem;font-size:.65rem;display:grid}.footer>div a{text-align:right}.access{z-index:42;background:var(--paper);border:1px solid;width:min(25rem,100% - 2rem);padding:1.4rem;transition:all .35s;position:fixed;top:5rem;right:1rem;transform:translate(calc(100% + 2rem))}.access.open{transform:none}.access h2{margin:.2rem 0 1.5rem;font-family:Instrument Serif;font-size:2.2rem}.access>button{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;width:100%;padding:1rem 0;display:flex}.access>button:last-child{background:var(--ink);color:var(--paper);justify-content:center;margin-top:1rem}.access i{text-transform:uppercase;font-size:.68rem;font-style:normal}.menu{z-index:50;background:var(--red);padding:1.5rem 3vw;transition:all .45s cubic-bezier(.7,0,.2,1);position:fixed;inset:0;transform:translateY(-102%)}.menu.open{transform:none}.close{text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;margin-left:auto;font-size:.7rem;display:block}.menu nav{margin-top:9vh}.menu nav a{letter-spacing:-.07em;border-bottom:1px solid;grid-template-columns:8% 1fr auto;align-items:center;padding:.8rem 0;font-size:clamp(3.5rem,8vw,8rem);line-height:1;display:grid}.menu nav small{letter-spacing:.1em;font-size:.7rem}.menu nav span{font-size:2rem}.drawer{z-index:55;background:var(--paper);width:min(38rem,100%);height:100%;padding:1.5rem 3rem;transition:all .45s cubic-bezier(.7,0,.2,1);position:fixed;top:0;right:0;overflow:auto;transform:translate(102%);box-shadow:-1rem 0 5rem #0003}.drawer.open{transform:none}.drawer form>h2,.member h2,.success h2{letter-spacing:-.075em;margin:3rem 0;font-size:clamp(3rem,6vw,5.5rem);line-height:.8}.drawer label{text-transform:uppercase;letter-spacing:.1em;margin-top:1.25rem;font-size:.63rem;display:block}.drawer input,.drawer select{background:0 0;border:0;border-bottom:1px solid;border-radius:0;width:100%;padding:1rem 0}.drawer form>button,.join{background:var(--red);text-transform:uppercase;border:0;justify-content:space-between;width:100%;margin-top:2rem;padding:1rem;display:flex}.qty{border:1px solid;grid-template-columns:3rem 1fr 3rem;margin-top:.5rem;display:grid}.qty button{background:0 0;border:0;font-size:1.4rem}.qty span{border-left:1px solid;border-right:1px solid;place-items:center;font-size:1rem;display:grid}.member{background:var(--blue);color:#fff}.member>p:not(.eyebrow){font-family:Instrument Serif;font-size:1.7rem;line-height:1.25}.member .join{background:var(--paper);color:var(--ink)}.success{flex-direction:column;justify-content:center;height:80vh;display:flex}.success>span{background:var(--blue);color:#fff;border-radius:100%;place-items:center;width:4rem;height:4rem;font-size:2rem;display:grid}.success p{font-family:Instrument Serif;font-size:1.5rem}body.high-contrast{--paper:#fff;--ink:#000;--red:#ff392f;--blue:#003cff}body.large-type{font-size:120%}body.reduce-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=760px){.pad{padding:6.5rem 1rem}.nav{grid-template-columns:1fr auto;padding:0 1rem}.nav p,.nav button:nth-child(2){display:none}.nav>div{gap:1rem}.hero{height:230vh}.hero h1,.hero em{font-size:24vw}.hero-type{top:22vh}.hero-media{max-width:94vw}.hero-media>div{padding:1rem}.hero-media button{width:5.8rem;height:5.8rem;padding:.75rem;font-size:.55rem}.tag{width:6.5rem}.tag.a{top:23vh;left:1rem}.tag.b{bottom:20vh;right:1rem}.intro,.visit{display:block}.intro h2,.shows h2,.programme h2,.visit>h2{font-size:17vw}.intro>div{margin-top:3rem;display:block}.intro>div p{font-size:1.6rem}.intro>div button{margin-top:2rem}.shows>header{display:block}.shows h2{margin:1.5rem 0}.shows header>div{overflow:auto}.show-grid{display:block}.show-grid article>div{height:58vh}.show-grid h3{font-size:2.4rem}.feature>div{clip-path:none;width:100%;min-height:55%;padding:1.5rem}.feature h2{font-size:15vw}.feature>div>p:not(.eyebrow){width:65%}.feature button{width:6.5rem;height:6.5rem;right:1rem}.programme>header{display:block}.programme article{grid-template-columns:20% 1fr auto;padding:1.5rem 0}.programme article p,.programme article button{display:none}.programme time{text-align:right}.archive-grid{display:block}.archive article{height:65vh}.archive article:nth-child(2){margin-top:1rem}.visit>div{display:block}.visit button{margin:3rem 0 0 auto}.footer>a{font-size:24vw}.footer>div{grid-template-columns:1fr 1fr;gap:1rem}.footer>div a{text-align:left}.drawer{padding:1.2rem}.drawer form>h2,.member h2{font-size:3.8rem}.menu nav{margin-top:16vh}.menu nav a{grid-template-columns:12% 1fr auto;font-size:15vw}.access{top:4.5rem}}.nav{mix-blend-mode:normal;background:#111}.pin>footer{mix-blend-mode:normal;background:#111;padding:.65rem 1rem;bottom:1rem;left:1vw;right:1vw}@media (width<=760px){.hero-type{max-width:100%;overflow:hidden}.footer{overflow:hidden}.footer>a{font-size:22vw}}:root{--paper:var(--bw-surface,#f1ede3);--ink:var(--bw-text,#12110f);--red:var(--bw-accent,#ef3e32);--blue:var(--bw-muted,#1847ff)}.archive,.visit button{color:var(--bw-on-accent,#12110f)}.feature>div,.tag.b,.member{color:var(--bw-surface,#f1ede3)}.daybar{display:none}@media (width<=760px){body{padding-top:6.6rem}.nav{color:#fff;background:#111;grid-template-columns:1fr auto;height:4rem;padding:0 .8rem}.nav>a{font-size:1.05rem}.nav>div{gap:.8rem}.nav p,.nav button:nth-child(2){display:none}.nav button{font-size:.58rem}.daybar{z-index:28;background:var(--paper);height:2.6rem;color:var(--ink);border-bottom:1px solid var(--ink);letter-spacing:.08em;grid-template-columns:1fr 1fr auto;font-size:.52rem;font-weight:600;display:grid;position:fixed;top:4rem;left:0;right:0}.daybar>*{border-right:1px solid var(--ink);align-items:center;padding:0 .65rem;display:flex}.daybar a{display:none}.daybar button{background:var(--red);color:var(--bw-on-accent,#111);border:0;padding:.55rem .7rem}.hero{background:var(--red);height:calc(100svh - 6.6rem);min-height:39rem}.pin{height:100%;display:block;position:relative;overflow:hidden}.hero-type{z-index:5;text-align:left;color:var(--bw-on-accent,#12110f);inset:1.3rem .5rem auto;opacity:1!important;overflow:visible!important;transform:none!important}.hero h1,.hero em{letter-spacing:-.095em;font-size:22vw;line-height:.72}.hero em{margin-left:12vw}.hero-media{z-index:2;max-width:none;box-shadow:.7rem .7rem 0 var(--ink);position:absolute;top:16%;left:27vw;border-radius:0!important;width:68vw!important;height:67%!important}.hero-media>img{height:100%;transform:scale(1.04)!important}.hero-media>div{background:linear-gradient(#0000,#000000e6);padding:.7rem;display:block;opacity:1!important}.hero-media p{font-size:.86rem}.hero-media p span{font-size:.48rem}.hero-media button{background:var(--paper);width:100%;height:auto;color:var(--ink);border-radius:0;flex-direction:row;align-items:center;margin-top:.7rem;padding:.65rem;font-size:.52rem;display:flex}.hero-media button span{font-size:1rem}.tag{aspect-ratio:auto;width:6.3rem;min-height:4.2rem;box-shadow:.3rem .3rem 0 var(--ink);border-radius:0;padding:.65rem;font-size:.55rem;display:flex}.tag.a{top:auto;bottom:8rem;left:.7rem;opacity:1!important;transform:rotate(-3deg)!important}.tag.b{top:42%;bottom:auto;right:.7rem;opacity:1!important;transform:rotate(3deg)!important}.pin>footer{color:#fff;background:#111;padding:.55rem .65rem;font-size:.48rem;bottom:.65rem;left:.65rem;right:.65rem}.pin>footer a{display:none}.intro{flex-direction:column;min-height:68svh;padding:5rem 1rem;display:flex}.intro h2{letter-spacing:-.075em;margin:3rem 0;font:600 12.5vw/.82 DM Sans}.intro h2 em{font-family:Instrument Serif;font-weight:400}.intro>div{grid-template-columns:1fr auto;align-items:end;gap:1rem;margin-top:auto;display:grid}.intro>div p{font-size:1.35rem}.intro>div button{border:1px solid;border-radius:0;flex-direction:column;justify-content:space-between;width:5.5rem;height:5.5rem;padding:.6rem;font-size:.53rem;display:flex}.shows{padding:5rem .65rem 1rem}.shows>header{grid-template-columns:1fr auto;align-items:end;margin:0 .35rem 2rem;display:grid}.shows>header>.eyebrow{grid-column:1/-1}.shows h2{letter-spacing:-.075em;margin:2rem 0 1rem;font:600 13vw/.82 DM Sans}.shows header>div{border:1px solid #777;grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid;overflow:visible}.shows header button{border:0;border-right:1px solid #777;border-radius:0;padding:.7rem .35rem;font-size:.55rem}.shows header button:last-child{border:0}.show-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.show-grid article{min-width:0}.show-grid article:only-child{grid-column:1/-1;width:67%;margin-left:auto}.show-grid article>div{height:50vh}.show-grid article>div>span{border-radius:0;width:1.9rem;height:1.9rem;top:.5rem;left:.5rem}.show-grid article>div>button{border-radius:0;width:2.5rem;height:2.5rem;bottom:.5rem;right:.5rem}.show-grid footer{padding:.65rem 0 2.5rem;display:block}.show-grid footer small{font-size:.46rem;display:block}.show-grid h3{margin-top:.55rem;font:500 6vw/.95 DM Sans}.feature{min-height:92svh}.feature>img{height:92svh}.feature>div{background:var(--blue);clip-path:none;width:84%;min-height:auto;padding:1rem;bottom:0;left:0;right:auto}.feature h2{margin:1rem 0;font:600 12vw/.84 DM Sans}.feature>div>p:not(.eyebrow){width:72%;font-size:.76rem}.feature button{background:var(--paper);width:6rem;height:6rem;color:var(--ink);border-radius:0;padding:.7rem;font-size:.5rem;position:absolute;bottom:1rem;right:-3.3rem}.programme{background:var(--paper);padding:5rem .75rem}.programme>header{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:2.5rem;display:grid}.programme>header .eyebrow{align-self:start}.programme h2{text-align:right;font:600 12vw/.84 DM Sans}.programme>div{border:1px solid var(--ink)}.programme article{border-bottom:1px solid var(--ink);grid-template-columns:20% 1fr 18%;gap:.5rem;min-height:7.5rem;padding:0}.programme article:nth-child(2n){background:color-mix(in srgb,var(--red) 22%,var(--paper))}.programme article>span{border-right:1px solid var(--ink);height:100%;padding:.65rem;font-size:.56rem}.programme h3{margin:0;padding:.65rem;font:500 1.18rem/1 DM Sans}.programme article p{grid-column:2;margin:-2rem 0 0;padding:0 .65rem .65rem;font-size:.58rem;display:block}.programme time{border-left:1px solid var(--ink);text-align:right;grid-area:1/3/3;height:100%;padding:.65rem}.programme article button{display:none}.archive{padding:5rem .65rem 6rem}.archive>.eyebrow{margin-left:.35rem}.archive-grid{grid-template-columns:1fr 1fr;align-items:start;gap:.65rem;margin-top:2rem;display:grid}.archive article{height:58vh}.archive article:nth-child(2){margin-top:4rem}.archive h2{letter-spacing:-.07em;font:600 8vw/.82 DM Sans;bottom:.65rem;left:.65rem}.visit{background-color:var(--ink);background-image:linear-gradient(45deg,#222 25%,#0000 25%),linear-gradient(-45deg,#222 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#222 75%),linear-gradient(-45deg,#0000 75%,#222 75%);background-position:0 0,0 16px,16px -16px,-16px 0;background-size:32px 32px;grid-template-columns:1fr 1fr;min-height:82svh;padding:5rem 1rem;display:grid}.visit>.eyebrow{grid-column:1/-1}.visit>h2{letter-spacing:-.09em;grid-column:1/-1;margin:3rem 0;font:600 17vw/.77 DM Sans}.visit>div{grid-column:1/-1;grid-template-columns:1fr auto;align-items:end;margin-top:auto;display:grid}.visit>div p{font-size:1.1rem}.visit button{border-radius:0;width:6.5rem;height:6.5rem;padding:.7rem;font-size:.52rem}.footer{padding:2rem .75rem 5rem}.footer>a{letter-spacing:-.085em;font-size:20vw}.footer>div{grid-template-columns:1fr 1fr;gap:1rem;font-size:.5rem}.menu{background:var(--red);padding:1rem}.menu:before{content:"TODAY AT ELSEWHERE";letter-spacing:.13em;font-size:.56rem;font-weight:600}.menu nav{background:var(--ink);border:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:1px;margin:18vh 0 0;display:grid}.menu nav a{background:var(--paper);letter-spacing:-.06em;border:0;flex-direction:column;justify-content:space-between;height:30vh;padding:1rem;font:600 8vw/.9 DM Sans;display:flex}.menu nav a:last-child{grid-column:1/-1;height:22vh}.menu nav small{font-size:.55rem}.menu nav span{align-self:flex-end}.access{border:1px solid var(--ink);box-shadow:.4rem .4rem 0 var(--ink);top:7rem}.drawer{background:var(--red);width:100%;color:var(--bw-on-accent,#111);visibility:hidden;padding:5rem 1rem 1rem;transform:translateY(102%)}.drawer.open{visibility:visible;transform:none}.drawer form{background:var(--paper);color:var(--ink);border:1px dashed var(--ink);margin-top:1rem;padding:1rem;position:relative}.drawer form:before{content:"ELSEWHERE / ADMIT";letter-spacing:.12em;border-bottom:1px dashed;padding-bottom:1rem;font-size:.56rem;font-weight:600;display:block}.drawer form>h2{margin:2rem 0;font:600 13vw/.82 DM Sans}.drawer form>button{color:var(--bw-on-accent,#111)}.drawer.member{background:var(--blue);height:78svh;color:var(--paper);border-radius:1.3rem 1.3rem 0 0;top:auto}.member h2,.success h2{font:600 13vw/.82 DM Sans}}
