@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-var.woff2) format("woff2");font-style:normal;font-weight:400 600;font-display:swap}@property --accent{syntax: "<color>"; inherits: true; initial-value: #58a6ff;}@property --accent-2{syntax: "<color>"; inherits: true; initial-value: #bc8cff;}@property --scrim-about{syntax: "<number>"; inherits: true; initial-value: .92;}@property --scrim-foot{syntax: "<number>"; inherits: true; initial-value: .95;}:root{--night: #06080c;--ink: #eef2f6;--ink-2: #a9b3bf;--ink-3: #7d8794;--ink-rest: #8a94a1;--ink-rest-2: #838d9a;--line: rgba(238, 242, 246, .14);--serif: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--music: "Noto Music", "Segoe UI Symbol", "Apple Symbols", "DejaVu Sans", serif;--ease: cubic-bezier(.2, .8, .2, 1);--gutter: clamp(16px, 4vw, 56px);--art-inset: 28px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--night);color:var(--ink)}body{font-family:var(--sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.picker{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "intro" "plate" "programme" "foot";gap:28px;padding:18px var(--gutter) 28px;overflow:hidden;isolation:isolate;transition:--accent .9s ease,--accent-2 .9s ease;background:var(--night)}.picker:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 50% at 50% 42%,color-mix(in oklab,var(--accent) 15%,transparent),transparent 72%),radial-gradient(50% 40% at 85% 100%,color-mix(in oklab,var(--accent-2) 9%,transparent),transparent 70%)}.backdrop{position:absolute;inset:0 0 auto;height:min(100%,52svh);z-index:-2;pointer-events:none;opacity:.26;will-change:transform;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent);mask-image:linear-gradient(to bottom,#000 60%,transparent)}.backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scaleY(-1)}@media(max-width:540px){.backdrop img{object-position:100% 50%;transform:none}}.masthead{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.wordmark{margin:0;font-size:.95rem;color:var(--ink-2)}.wordmark-name{font-family:var(--serif);font-style:italic;font-size:1.45rem;color:var(--ink);margin-right:.16em}.wordmark-what{white-space:nowrap}.sound{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-2);font:inherit;font-size:.875rem;cursor:pointer;transition:color .2s,border-color .2s}.sound:hover{color:var(--ink);border-color:#eef2f64d}.sound svg{width:20px;height:20px;flex:none}.sound .wave{opacity:0;transition:opacity .2s}.sound[aria-pressed=true]{color:var(--ink);border-color:color-mix(in oklab,var(--accent) 60%,transparent)}.sound[aria-pressed=true] .wave{opacity:1}.sound[aria-pressed=true] .mute{opacity:0}.stage{display:contents}.intro{grid-area:intro;max-width:34rem}.intro h1{margin:0 0 12px;font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,1.6rem + 2.6vw,3.6rem);line-height:1;letter-spacing:-.01em}.intro p{margin:0;color:var(--ink-2);max-width:32rem}.plate-figure{grid-area:plate;margin:0;justify-self:center;width:min(100%,560px)}.plate{position:relative;aspect-ratio:1;width:100%;border-radius:3px;cursor:pointer;background:radial-gradient(90% 90% at 42% 34%,rgba(255,255,255,.06),transparent 62%),repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),linear-gradient(158deg,#1b222c,#10151c 60%,#0b0f14);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000008c,0 0 0 1px #ffffff0d,0 60px 90px -40px #000000e6,0 0 120px -30px color-mix(in oklab,var(--accent) 35%,transparent);transform:perspective(1600px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .7s var(--ease),box-shadow .9s ease}.plate:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8a95a3,#2a313b 62%,#161b22);box-shadow:0 0 0 3px #00000059,0 1px 3px #000000b3;pointer-events:none}.plate:before{content:"";position:absolute;top:6%;bottom:6%;right:-2px;width:3px;border-radius:3px;background:linear-gradient(to bottom,transparent,color-mix(in oklab,var(--accent) 80%,white) 45%,transparent);opacity:0;pointer-events:none}.plate[data-bowing]:before{animation:bow .9s var(--ease)}@keyframes bow{0%{opacity:0;transform:translateY(-28%) scaleY(.35)}30%{opacity:.95}to{opacity:0;transform:translateY(28%) scaleY(1)}}.plate canvas{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 5px color-mix(in oklab,var(--accent) 55%,transparent))}.plate-figure figcaption{margin-top:14px;min-height:3em;font-size:.875rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.programme{grid-area:programme}.programme ol{list-style:none;margin:0;padding:0}.piece{--name-size: clamp(2.5rem, 1.5rem + 3.4vw, 5rem);--name-leading: .95;--string-line: 24px;--string-above: 2px;--string-below: 6px;--string-height: calc(var(--string-line) + var(--string-above) + var(--string-below));--bleed: 14px;--name-row: 6;--light-gap: 60px;--cover-rest: .28;--scrim-name-top: .3;--scrim-name: .42;--scrim-about: .92;--scrim-foot: .95;--scrim-side: .5;position:relative;isolation:isolate;transition:--scrim-about .6s ease,--scrim-foot .6s ease}.piece+.piece{margin-top:clamp(18px,3vh,30px)}.piece-art{position:absolute;z-index:-1;inset:calc(-1 * var(--bleed)) calc(-1 * var(--gutter));overflow:hidden;pointer-events:none;opacity:var(--cover-rest);--about-top: calc(var(--bleed) + var(--name-size) * var(--name-leading) + var(--string-height));--light-at-x: 50%;--light-at-y: 50%;--light-reach: 0;--cover-lead: var(--gutter);--art-w: max(100%, 540px);--light-x: min( calc(var(--cover-lead) + var(--name-row) * var(--name-size) + var(--light-gap)), calc(100% - var(--light-reach) * var(--art-w)) );--light-y: var(--about-top);transition:opacity .6s ease;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 calc(100% - var(--bleed)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 calc(100% - var(--bleed)),transparent)}.piece-art img{position:absolute;left:var(--light-x);top:var(--light-y);display:block;width:var(--art-w);max-width:none;height:auto;aspect-ratio:1376 / 768;transform:translate(calc(-1 * var(--light-at-x)),calc(-1 * var(--light-at-y)));-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.piece[data-piece=mercurypitch] .piece-art{--light-at-x: 74%;--light-at-y: 54%;--light-reach: .12}.piece[data-piece=chaos-master] .piece-art{--light-at-x: 68%;--light-at-y: 55%;--light-reach: .1}.piece[data-piece=token-circles] .piece-art{--light-at-x: 85%;--light-at-y: 37%;--light-reach: .04}@media(min-width:600px)and (max-width:959px){.piece-art{--light-x: var(--light-at-x)}}.piece-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,8,12,var(--scrim-name-top)),rgba(6,8,12,var(--scrim-name)) calc(var(--about-top) - 30px),rgba(6,8,12,var(--scrim-about)) calc(var(--about-top) - 8px),rgba(6,8,12,var(--scrim-foot))),linear-gradient(90deg,rgba(6,8,12,var(--scrim-side)),transparent 45%)}.piece[data-selected] .piece-art{opacity:1}.piece[data-selected]{--scrim-about: .76;--scrim-foot: .76}.piece-link{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6em;color:inherit;text-decoration:none;border-radius:4px;position:relative}.piece-link:focus-visible{outline:none}.piece-link:focus-visible:after{content:"";position:absolute;z-index:-1;inset:-8px -8px calc(4px - var(--string-height));border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 0 6px #06080cd9,inset 0 0 0 3px #06080cd9,inset 0 0 6px 4px #06080c80;pointer-events:none}.piece-name{font-family:var(--serif);font-size:var(--name-size);line-height:var(--name-leading);letter-spacing:-.012em;color:var(--ink-rest);transition:color .4s ease;text-shadow:0 0 18px rgba(6,8,12,.55)}.piece-key{position:relative;font-family:var(--serif),var(--music);font-style:italic;font-size:clamp(1.05rem,.9rem + .5vw,1.4rem);color:var(--ink-rest);transition:color .4s ease;text-shadow:0 0 1px var(--night),0 0 2px var(--night),0 0 4px var(--night),0 0 8px var(--night),0 0 16px rgba(6,8,12,.8)}.piece-key:before{content:"";position:absolute;z-index:-1;inset:-2px -10px;border-radius:999px;background:#06080cb8;filter:blur(6px);pointer-events:none}.piece[data-selected] .piece-name{color:var(--ink)}.piece[data-selected] .piece-key{color:var(--ink-2)}@media(hover:hover)and (pointer:fine){.piece-link:hover .piece-name{color:var(--ink)}}.string{display:block;width:100%;height:var(--string-line);margin:var(--string-above) 0 var(--string-below);overflow:visible}.string path{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .4s ease}.piece[data-selected] .string path{stroke:color-mix(in oklab,var(--accent) 85%,white)}.piece-about{max-width:36rem}.piece-tagline{margin:0;color:var(--ink-rest-2);transition:color .4s ease}.piece[data-selected] .piece-tagline,.piece[data-selected] .piece-facts{color:var(--ink-2)}.piece-facts{margin:4px 0 0;font-size:.875rem;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:color .4s ease}.program-end{position:relative;isolation:isolate;margin-top:clamp(22px,3.4vh,34px);padding-top:14px;border-top:1px solid var(--line)}.all-art{position:absolute;z-index:-1;inset:0 calc(-1 * var(--gutter)) -10px;pointer-events:none;opacity:.42;-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent);mask-image:linear-gradient(to bottom,#000 60%,transparent)}.all-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 78%}.all-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06080ccc,#06080cb3)}@media(max-width:540px){.all-art{opacity:.29}}.all-link{display:inline-flex;align-items:center;gap:.5em;min-height:44px;color:var(--ink-2);text-decoration:none;border-radius:4px;transition:color .2s}.all-link:hover{color:var(--ink)}.all-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@supports selector(:has(*)){.all-link:focus-visible{outline:none}.program-end:has(.all-link:focus-visible){outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}}.all-name{font-family:var(--serif);font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);line-height:1.1;letter-spacing:-.008em}.all-arrow{position:relative;top:-.5px;flex:none;width:22px;height:22px;transition:transform .3s var(--ease)}.all-link:hover .all-arrow{transform:translate(4px)}.all-facts{margin:0;max-width:36rem;font-size:.875rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.program-more{list-style:none;margin:14px 0 0;padding:0}.more-link{display:inline-flex;align-items:center;gap:.5em;min-height:44px;color:var(--ink-2);text-decoration:none;border-radius:4px;transition:color .2s}.more-link:hover{color:var(--ink)}.more-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.more-name{font-family:var(--serif);font-size:clamp(1.2rem,1rem + .6vw,1.5rem);line-height:1.15}.more-arrow{position:relative;top:-.5px;flex:none;width:18px;height:18px;transition:transform .3s var(--ease)}.more-link:hover .more-arrow{transform:translate(4px)}.colophon{grid-area:foot;max-width:44rem;font-size:.8125rem;color:var(--ink-3)}.colophon p{margin:0}.colophon a{color:var(--ink-2)}.empty{grid-area:programme;color:var(--ink-2)}.is-opening .backdrop,.is-opening .masthead,.is-opening .intro,.is-opening .programme,.is-opening .colophon,.is-opening .plate-figure figcaption{opacity:0;transition:opacity .26s ease}.is-opening .plate{transform:scale(1.035);transition:transform .3s ease-in}.burst{position:fixed;inset:0;width:100vw;height:100vh;z-index:20;pointer-events:none}@media(min-width:960px){.picker{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto 1fr auto;grid-template-areas:"head head" "stage programme" "foot foot";column-gap:clamp(40px,6vw,110px);row-gap:24px;align-items:start}.stage{grid-area:stage;display:flex;flex-direction:column;gap:24px;height:calc(100svh - 110px);min-height:600px}.plate-figure{flex:1 1 0;min-height:0;width:100%;container-type:size;--plate-side: min(100cqw, 100cqh - 56px, 680px)}.plate,.plate-figure figcaption{width:var(--plate-side)}.plate-figure figcaption{position:relative;isolation:isolate}.plate-figure figcaption:before{content:"";position:absolute;inset:-6px -18px;z-index:-1;background:#06080cd1;-webkit-mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent),linear-gradient(to bottom,transparent,#000 6px,#000 calc(100% - 6px),transparent);mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent),linear-gradient(to bottom,transparent,#000 6px,#000 calc(100% - 6px),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.programme{align-self:center}.intro p,.piece-tagline,.piece-facts,.all-facts,.more-name{text-wrap:pretty}.all-art{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--art-inset)),linear-gradient(to bottom,#000 60%,transparent);mask-image:linear-gradient(to right,transparent,#000 var(--art-inset)),linear-gradient(to bottom,#000 60%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.backdrop{height:100%;opacity:.49;-webkit-mask-image:linear-gradient(to right,#000 42%,rgba(0,0,0,.2) 52%),linear-gradient(to bottom,#000 75%,transparent);mask-image:linear-gradient(to right,#000 42%,#0003 52%),linear-gradient(to bottom,#000 75%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.backdrop img{object-position:50% 30%;transform:none}.piece-art,.all-art{left:calc(-1 * var(--art-inset))}.piece-art{-webkit-mask-image:linear-gradient(to right,transparent,#000 14%),linear-gradient(to bottom,transparent,#000 16%,#000 calc(100% - var(--bleed)),transparent);mask-image:linear-gradient(to right,transparent,#000 14%),linear-gradient(to bottom,transparent,#000 16%,#000 calc(100% - var(--bleed)),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.piece-art{--cover-lead: var(--art-inset);--art-w: 100%}}@media(min-width:960px)and (max-width:1199px){.all-art{opacity:.34}}@media(min-width:960px)and (max-height:799px){.picker{row-gap:16px}.piece+.piece{margin-top:12px}.program-end{margin-top:16px;padding-top:10px}.colophon{margin-top:16px}}@media(prefers-reduced-motion:reduce){.plate[data-bowing]:before{animation:none}.picker,.plate,.piece,.piece-art,.all-link,.all-arrow,.more-link,.more-arrow,.piece-name,.piece-key,.piece-tagline,.piece-facts,.string path{transition:none}}.lost{grid-template-areas:"head" "intro";grid-template-rows:auto 1fr}.lost .intro{align-self:center}.lost-link{margin-top:20px}.lost-link a{color:var(--ink);text-underline-offset:4px}
