.j-index,.j-reader,.j-band{--accent:var(--gold-hi);color:var(--ink);background:var(--night)}.j-index a:hover,.j-reader a:hover,.j-band a:hover{color:var(--gold-hi)}.j-meta{color:var(--gold-hi);font:600 var(--fs-small)/1.4 var(--caps);letter-spacing:var(--ls-caps);text-transform:lowercase;font-variant:small-caps}.j-index-hero{isolation:isolate;padding:11.5rem 0 4.5rem;position:relative;overflow:hidden}.j-index-painting,.j-atmosphere{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.j-index-painting img,.j-atmosphere img{object-fit:cover;object-position:var(--focus,50% 42%);width:100%;height:100%;transform:scale(var(--zoom,1))}.j-index-painting:after{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--night) 93%, transparent), color-mix(in oklab, var(--night) 53%, transparent)), linear-gradient(0deg, var(--night), transparent 80%);position:absolute;inset:0}.j-index-hero h1{letter-spacing:-.025em;margin:1.4rem 0 1.7rem;font-size:clamp(4rem,8vw,7.4rem);font-weight:400;line-height:.95}.j-index-hero h1 i{color:var(--gold-hi)}.j-index-hero p{max-width:38rem;color:var(--ink-2);font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.5}.j-index-catalogue{padding:.4rem 0 6rem}.j-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.j-card{min-width:0;color:inherit;box-shadow:inset 0 0 0 4px var(--night), inset 0 0 0 5px #b18d4b55;background:linear-gradient(145deg,#302a20,#191712 70%);border:1px solid #d4b66e88;flex-direction:column;text-decoration:none;transition:border-color .3s;display:flex;position:relative}.j-card:after{content:"";pointer-events:none;border:1px solid #b18d4b35;position:absolute;inset:6px}.j-card:hover{border-color:var(--gold-hi)}.j-card-art{aspect-ratio:1.6;border-bottom:1px solid #b18d4b88;margin:10px 10px 0;overflow:hidden}.j-card-art img{object-fit:cover;object-position:var(--focus,50% 28%);width:100%;height:100%;transform:scale(var(--zoom,1));display:block}.j-card-copy{flex-direction:column;flex:1;padding:1.6rem 1.7rem 1.8rem;display:flex}.j-card :is(h2,h3){color:var(--ink);font:500 clamp(2rem, 2.6vw, 2.7rem)/1.04 var(--display);margin:.6rem 0 .9rem}.j-card p{color:var(--ink-2);font-size:1.12rem;line-height:1.35}.j-card-composers{color:var(--muted);margin:auto 0 1.5rem;font-size:.94rem;line-height:1.4}.j-card-open{border-top:1px solid var(--rule);color:var(--gold-hi);font:600 var(--fs-small) var(--caps);letter-spacing:var(--ls-caps);text-transform:lowercase;font-variant:small-caps;justify-content:space-between;gap:1rem;padding-top:.9rem;display:flex}.j-band{border-block:1px solid var(--rule);background:radial-gradient(ellipse at 50% 0, #3a3020, transparent 65%), var(--night);padding:4.5rem 0 5.5rem}.j-band-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.j-band-heading h2{margin-top:.7rem}.j-band-heading>a{color:var(--gold-hi);font:600 var(--fs-kicker) var(--caps);letter-spacing:var(--ls-caps);text-transform:lowercase;font-variant:small-caps;border-bottom:1px solid var(--rule-2);flex-shrink:0;padding-bottom:.15rem;text-decoration:none}@media (pointer:coarse){.j-band-heading>a{padding-top:1.45rem}}.j-empty{padding:2rem 0}body:has(.j-reader)>.colophon{display:none}.j-reader{isolation:isolate;min-height:100svh;padding:7.6rem 0 1.5rem;position:relative}.j-atmosphere{position:fixed}.j-atmosphere img{opacity:.28;filter:saturate(.6)}.j-atmosphere:after{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--night) 95%, transparent), color-mix(in oklab, var(--night) 77%, transparent) 50%, color-mix(in oklab, var(--night) 38%, transparent)), linear-gradient(0deg, var(--night), transparent 75%);position:absolute;inset:0}.j-reader-heading{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.3rem 1rem;padding-bottom:1.1rem;display:grid}.j-reader-heading>a{font:600 var(--fs-kicker) var(--caps);letter-spacing:var(--ls-caps);text-transform:lowercase;font-variant:small-caps;color:var(--muted);text-decoration:none}@media (pointer:coarse){.j-reader-heading>a{align-items:center;min-height:44px;display:inline-flex}}.j-reader-heading h1{font:400 clamp(2.4rem, 3.8vw, 3.6rem)/1.02 var(--display);letter-spacing:-.015em;margin-top:.5rem}.j-reader-heading>p{color:var(--muted);text-align:right;margin:0;font-size:.98rem}.j-reader-heading>.j-meta{text-align:right;justify-self:end}.j-introduction{max-width:55rem;padding:1.4rem 0 .6rem}.j-introduction p{margin-bottom:.5rem;font-size:1.18rem;line-height:1.5}.j-introduction>span{color:var(--muted);font-size:.94rem}.j-rail{margin:1.3rem 0 1.5rem}.j-rail ol{grid-template-columns:repeat(var(--n,9), minmax(0, 1fr));row-gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.j-rail li{min-width:0;display:flex}.j-rail button{text-align:left;width:100%;min-height:2.75rem;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:.2rem .6rem .85rem 0;display:flex;position:relative}.j-rail button:after,.j-rail-fill{content:"";background:var(--rule);height:2px;position:absolute;bottom:0;left:0;right:.45rem}.j-rail-fill{z-index:1;width:min(var(--j-progress,0%), calc(100% - .45rem));background:var(--gold-hi);right:auto}.j-rail-number{font:italic 400 1.35rem/1 var(--display);margin-bottom:.3rem}.j-rail-title{font:500 .85rem/1.2 var(--text);max-width:11rem;display:block}.j-rail button:hover,.j-rail .is-past{color:var(--ink-2)}.j-rail [aria-current=step]{color:var(--gold-hi)}.j-stations{display:grid}.j-station{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding:.6rem 0 1.5rem;display:grid}.j-station.is-text{grid-template-columns:minmax(0,1fr)}.is-enhanced .j-station{padding-bottom:calc(var(--j-transport-height,5rem) + 2rem);grid-area:1/1}.j-station.is-leaving{pointer-events:none}.j-station[hidden],.j-reader [hidden]{display:none!important}.j-station-copy>h2{color:var(--ink);font:400 clamp(2.1rem, 3vw, 3rem)/1.02 var(--display);letter-spacing:-.01em;margin:.65rem 0 1.1rem}.j-station-copy>h2:focus{outline:none}.j-recording{color:var(--muted);margin-bottom:1.25rem;font-size:1rem;line-height:1.4}.j-recording b{color:var(--gold-hi);font-weight:500}.j-recording span{font-style:italic}.j-narration{max-width:36rem;color:var(--ink);font-size:clamp(1.13rem,1.5vw,1.3rem);line-height:1.62}.j-narration p:last-child{margin-bottom:0}.j-cue{border-left:2px solid var(--rule-2);margin:1.4rem 0 1rem;padding:.3rem 0 .25rem 1.1rem}.j-cue.has-cue{border-left-color:var(--gold-hi)}.j-cue p{color:var(--ink-2);font:italic 500 1.2rem/1.4 var(--display);margin:.35rem 0 0}.j-station-exhibit{min-width:0;padding-top:.7rem}.j-station figure{margin:0}.j-gilt{width:fit-content;max-width:100%;margin-inline:auto;text-decoration:none}.j-gilt img{object-fit:contain;width:auto;max-width:100%;max-height:47svh}.j-station figcaption{color:var(--muted);font-size:var(--fs-caption);margin-top:.9rem;line-height:1.45}.j-station figcaption a{color:var(--ink-2)}.j-station figcaption p{margin:.5rem 0}.j-sources,.j-context{color:var(--muted);font-size:.92rem;line-height:1.45}.j-reader details[open]>summary{margin-bottom:.4rem}.j-reader details ul{padding-left:1.2rem}.j-reader details li{overflow-wrap:anywhere;margin-bottom:.5rem}.j-cue-list{padding-left:1.2rem}.j-cue-list time{color:var(--gold-hi);font-variant-numeric:lining-nums}.j-context{border-top:1px solid var(--rule);margin-top:.9rem}.j-map,.j-influence{box-shadow:inset 0 0 0 4px var(--night), inset 0 0 0 5px #b18d4b33;background:#131a16e6;border:1px solid #b8975688;padding:1.7rem}.j-map svg{background:#121b18;border:1px solid #b18d4b44;width:100%;margin-top:1rem;display:block}.j-map .j-land{fill:#393929;stroke:#c0a36a;stroke-width:.7px}.j-map circle{fill:#f4cf76;stroke:#f8e0a4;stroke-width:2px}.j-map text{fill:#f1dcad;stroke:#101b17;stroke-width:3px;paint-order:stroke;font:15px Georgia,serif}.j-map ol{padding-left:1.2rem}.j-map li{margin-bottom:.7rem}.j-influence{background:#292218b8}.j-influence h3{margin:1rem 0}.j-influence p{font-size:1.04rem;line-height:1.55}.j-influence>a{color:var(--gold-hi);font-size:.94rem}.j-score>.kicker{margin-bottom:1rem}.j-score-page{background:#f7f1e4;border:7px solid #c5a96b;width:min(100%,26rem);margin-inline:auto;padding:0;display:block;position:relative;box-shadow:0 0 0 1px #f3d991}.j-score-page img{width:100%;display:block}.j-score-mark{pointer-events:none;background:#d49c3140;outline:1px solid #a07732;position:absolute}.j-compare{border:1px solid var(--rule);color:inherit;background:#1d1a13b8;gap:.4rem;margin-top:1rem;padding:1.1rem 1.3rem;text-decoration:none;display:grid}.j-compare strong{font:500 1.5rem var(--display)}.j-compare>span:last-child,.j-exhibit-note{color:var(--muted);font-size:.9rem}.j-transport{bottom:env(safe-area-inset-bottom);z-index:4;border-image:linear-gradient(var(--night-gold) 0 1px, var(--night-2) 1px) fill 0 / 0 / 0 100vmax;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1.5rem;padding:.85rem 0;display:grid;position:sticky}.j-transport .j-play{justify-content:center;min-width:7rem}.j-position{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.j-status{color:var(--ink-2);text-align:center;margin:.75rem 0 .25rem;font-size:.9rem}.j-keyboard{text-align:center;color:var(--muted);font-size:var(--fs-small);margin:0}.j-finish{text-align:center;border-top:1px solid var(--rule);padding:2rem 0}.j-finish h2{margin:.7rem 0}.journey-reading .np{display:none}html.np-on:has(body.journey-reading){--np-h:0px}@media (width<=1000px){.j-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.j-station{gap:2rem}.j-reader-heading>p{text-align:left;grid-column:1/-1}}@media (width<=860px){.j-index-hero{padding-top:7rem}.j-reader{padding-top:5rem}.j-rail button{align-items:center;padding-right:0}.j-rail button:after,.j-rail-fill{left:.3rem;right:.3rem}.j-rail-fill{width:min(var(--j-progress,0%), calc(100% - .6rem))}.j-rail-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}@media (width<=480px){.j-rail ol{grid-template-columns:repeat(var(--half,5), minmax(0, 1fr))}}@media (width<=760px){.j-station{grid-template-columns:minmax(0,1fr);gap:1.3rem}.j-station-exhibit{padding:0 .2rem}.j-gilt img{max-height:45svh}.j-narration{max-width:none}.j-reader-heading{gap:.65rem}.j-reader-heading h1{grid-area:2/1/auto/-1}.j-reader-heading>.j-meta{text-align:right}.j-transport{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.6rem;padding:.65rem}.j-transport>[data-j-prev]{justify-self:start}.j-transport>[data-j-next]{justify-self:end}.j-position{grid-area:2/1/auto/-1;padding-inline:.6rem;font-size:.82rem}.j-transport .j-play{min-width:7.5rem}.j-influence,.j-map{padding:1.3rem}.j-score-page{max-width:23rem}.j-atmosphere:after{background:linear-gradient(0deg, color-mix(in oklab, var(--night) 97%, transparent), color-mix(in oklab, var(--night) 79%, transparent))}}@media (width<=640px){.j-cards{grid-template-columns:minmax(0,1fr)}.j-index-hero{padding-bottom:2.5rem}.j-index-hero h1{max-width:19rem;font-size:4.5rem}.j-index-hero p{font-size:1.16rem}.j-band{padding:3rem 0}.j-band-heading{display:block}.j-band-heading>a{margin-top:.9rem;display:inline-block}.j-card :is(h2,h3){font-size:2.5rem}.j-rail{margin:1rem 0}.j-introduction p{font-size:1.1rem}.j-introduction>span{font-size:.9rem;display:block}.j-recording{font-size:.95rem}.j-narration{font-size:1.14rem;line-height:1.55}.j-cue{margin-top:1.1rem}}@media (prefers-reduced-motion:reduce){html:has(.j-reader),html:has(.j-index){scroll-behavior:auto}.j-reader *,.j-card{transition:none!important;animation:none!important}}