@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;}:root{--night: #06080c;--ink: #eef2f6;--ink-2: #a9b3bf;--ink-3: #7d8794;--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);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;transition:--accent .9s ease,--accent-2 .9s ease;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%),var(--night)}.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:.35em}.sound{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:18px;height:18px}.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}.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+.piece{margin-top:clamp(18px,3vh,30px)}.piece-link{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6em;color:inherit;text-decoration:none;border-radius:4px}.piece-link:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.piece-name{font-family:var(--serif);font-size:clamp(2.5rem,1.5rem + 3.4vw,5rem);line-height:.95;letter-spacing:-.012em;color:var(--ink);opacity:.38;transition:opacity .4s ease}.piece-key{font-family:var(--serif),var(--music);font-style:italic;font-size:clamp(1.05rem,.9rem + .5vw,1.4rem);color:var(--ink-2);opacity:.7;transition:opacity .4s ease}.piece-link:hover .piece-name,.piece[data-selected] .piece-name,.piece[data-selected] .piece-key{opacity:1}.string{display:block;width:100%;height:24px;margin:2px 0 6px;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;transition:opacity .4s ease;opacity:.62}.piece[data-selected] .piece-about{opacity:1}.piece-tagline{margin:0;color:var(--ink-2)}.piece-facts{margin:4px 0 0;font-size:.875rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.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 .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 auto 1fr auto;grid-template-areas:"head head" "plate intro" "plate programme" "foot foot";column-gap:clamp(40px,6vw,110px);row-gap:24px;align-items:start}.plate-figure{align-self:center;width:min(100%,calc(100svh - 190px),680px)}.intro{align-self:end;padding-top:4vh}}@media(prefers-reduced-motion:reduce){.plate[data-bowing]:before{animation:none}.picker,.plate,.piece-name,.piece-key,.piece-about,.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}