:root{--ground:#aeb3b6;--panel:#c8ccce;--ink:#090a0a;--line:#73797c;--white:#e9ebeb;--red:#8c120d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:11px}body:before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='x'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.38' numOctaves='1'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23x)'/%3E%3C/svg%3E")}a{color:inherit}header{height:28px;position:fixed;top:8px;left:8px;right:8px;z-index:10;display:grid;grid-template-columns:62px 1fr auto;background:#090a0a;color:var(--white);border:1px solid #090a0a;align-items:center;font:9px/1 "Courier New",monospace;text-transform:uppercase}header .mark{height:100%;display:grid;place-items:center;background:var(--white);color:var(--ink);font-weight:bold;text-decoration:none}header p{margin:0;padding-left:9px;letter-spacing:.14em}nav{height:100%;display:flex}nav a{min-width:90px;padding:9px;border-left:1px solid #505456;text-decoration:none;text-align:center}nav a:hover{background:var(--white);color:var(--ink)}main{padding:44px 8px 8px}.opening{min-height:630px;position:relative;border:1px solid var(--ink);background-color:#979da0;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:6px 6px;padding:17px}.folio{position:absolute;top:15px;right:18px;margin:0;text-align:right;font:8px/1.5 "Courier New",monospace;text-transform:uppercase}.opening-main{position:absolute;left:8%;top:29%;width:67%}.name{margin:0 0 9px;font:9px "Courier New",monospace;text-transform:uppercase;letter-spacing:.25em}.opening h1{margin:0;font:500 clamp(54px,8.3vw,128px)/.77 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.085em;max-width:1100px}.standfirst{width:380px;margin:35px 0 0 36%;padding:7px;background:var(--panel);border:1px solid var(--ink);font:10px/1.45 "Courier New",monospace}.opening aside{position:absolute;bottom:17px;left:17px;width:190px;border-top:1px solid var(--ink);padding-top:5px;font:8px/1.45 "Courier New",monospace;text-transform:uppercase}.opening aside span{display:inline-block;width:63px;color:#35393b}.events{margin-top:8px;display:grid;grid-template-columns:210px 1fr;border:1px solid var(--ink);background:var(--panel)}.chapter{padding:9px;border-right:1px solid var(--ink);background:#969c9f}.chapter span,.label,.music-label{font:8px "Courier New",monospace;text-transform:uppercase;letter-spacing:.12em}.chapter>p{margin:260px 0 0;font:9px/1.45 "Courier New",monospace;max-width:175px}.ledger details{border-bottom:1px solid var(--ink)}.ledger details:last-child{border:0}.ledger summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:30px 190px 1fr 38px;min-height:34px;align-items:center}.ledger summary::-webkit-details-marker{display:none}.ledger summary>*{margin:0;padding:8px;border-right:1px solid var(--line);height:100%;display:flex;align-items:center}.ledger summary small,.ledger summary b{font:8px "Courier New",monospace;text-transform:uppercase}.ledger summary h2{font:700 12px "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}.ledger summary p{font:9px/1.2 "Courier New",monospace}.ledger summary b{border:0;font-weight:400;justify-content:center}.ledger summary:hover,.ledger details[open] summary{background:var(--ink);color:var(--white)}.ledger details[open] summary b{font-size:0}.ledger details[open] summary b:after{content:"x";font-size:9px}.entry{padding:8px 8px 13px 228px;background:#b3b8ba;border-top:1px solid var(--ink)}.entry>span{font:8px "Courier New",monospace;text-transform:uppercase;color:var(--red)}.entry>p{max-width:900px;margin:8px 0;font:10px/1.5 Arial,sans-serif}.source{display:inline-block;margin:5px 10px 0 0;padding:3px 5px;border:1px solid var(--ink);background:transparent;text-decoration:none;font:8px "Courier New",monospace;text-transform:uppercase}.source span{padding-left:5px}.source:hover{background:var(--ink);color:var(--white)}.structures{margin-top:8px;border:1px solid var(--ink);background:#969c9f;padding:8px}.vertical{height:210px;position:relative;border:1px solid var(--ink);background:#b9bdbe;padding:8px}.vertical h2{position:absolute;bottom:-10px;left:18%;margin:0;font:700 clamp(56px,10vw,156px)/.75 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.09em}.notes{display:grid;grid-template-columns:1.1fr .9fr .7fr;gap:8px;margin-top:8px}.note,.note.civic,.note.blacksine,.note.press{grid-column:auto;transform:none;margin:0;max-width:none;min-height:360px;padding:8px;border:1px solid var(--ink);background:var(--panel)}.note h3{margin:85px 0 10px;padding-bottom:5px;border-bottom:4px solid var(--ink);font:700 17px "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.note>p:not(.label){font:10px/1.55 "Courier New",monospace}.note:nth-child(2){background:#aeb3b5}.note:nth-child(3){background:#858c8f;color:#050505}.sources{margin-top:15px}.music{margin-top:8px;padding:8px;border:1px solid var(--ink);background:#101112;color:#d5d8d9}.music-label{height:96px;margin:0;padding:6px;border:1px solid #5a5e60;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 19px,#333 20px)}.act{display:grid;grid-template-columns:42% 58%;margin-top:8px;padding:8px;border:1px solid #5a5e60;min-height:500px}.act-title span{font:8px "Courier New",monospace;text-transform:uppercase}.act-title h2{margin:175px 0 0;font:700 clamp(63px,9vw,140px)/.68 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.09em;overflow-wrap:anywhere}.act-copy{padding:110px 7% 20px 13%;border-left:1px solid #5a5e60}.act-copy p{font:10px/1.6 "Courier New",monospace;color:#c0c3c4}.act-copy .lead{font:bold 13px/1.45 Arial,sans-serif;color:#fff}.act .source{border-color:#a1a5a6}.megas{background:#92989a;color:var(--ink);border-color:var(--ink)}.megas .act-copy{border-color:var(--ink)}.megas .act-copy p,.megas .act-copy .lead{color:var(--ink)}.megas .source{border-color:var(--ink)}footer{height:28px;margin-top:8px;padding:0 8px;border:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;font:8px "Courier New",monospace;text-transform:uppercase}footer p{margin:0}footer a{text-decoration:none}
@media(max-width:720px){header{grid-template-columns:44px 1fr}header p{font-size:7px}nav{display:none}main{padding-top:44px}.opening{min-height:570px}.opening-main{left:17px;top:135px;width:calc(100% - 34px)}.opening h1{font-size:15vw}.standfirst{width:78%;margin:40px 0 0 20%;font-size:9px}.events{grid-template-columns:1fr}.chapter{border:0;border-bottom:1px solid var(--ink)}.chapter>p{margin:90px 0 0}.ledger summary{grid-template-columns:28px 1fr 32px}.ledger summary p{display:none}.entry{padding:10px}.structures{padding:5px}.vertical{height:150px}.vertical h2{left:8px;bottom:5px;font-size:14vw}.notes{grid-template-columns:1fr}.note,.note.civic,.note.blacksine,.note.press{min-height:0}.note h3{margin-top:55px}.act{grid-template-columns:1fr;min-height:0}.act-title h2{margin:90px 0 50px;font-size:19vw}.act-copy{padding:35px 0 20px;border-left:0;border-top:1px solid #5a5e60}.music-label{height:70px}footer{grid-template-columns:1fr auto}footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Readability pass: retain the catalog layout without using display-size microtype. */
header{font-size:11px;height:32px}.folio,.opening aside{font-size:10px}.name{font-size:11px}.standfirst{font-size:12px;line-height:1.55;background:#d5d8d9}.chapter span,.label{font-size:10px;font-weight:700}.chapter>p{font-size:11px;line-height:1.55}.ledger summary small,.ledger summary b{font-size:10px}.ledger summary h2{font-size:15px}.ledger summary p{font-size:11px;line-height:1.35}.ledger details[open] summary b:after{font-size:10px}.entry>span{font-size:10px;font-weight:700}.entry>p{font-size:12px;line-height:1.65}.source{font-size:10px;padding:5px 7px}.note>p:not(.label){font-size:12px;line-height:1.65}.note:nth-child(3){background:#9ca2a4}.act-title span{font-size:10px;font-weight:700;color:#d9dcdd}.act-copy p{font-size:12px;line-height:1.65;color:#e0e2e2}.act-copy .lead{font-size:16px;line-height:1.5}.megas .act-title span{color:#151616}.music-label{height:150px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 23px,#333 24px)}.music-label span{font:700 10px "Courier New",monospace;letter-spacing:.13em}.music-label h2{position:relative;z-index:1;width:max-content;margin:0 0 -7px;padding:3px 10px 0 0;background:#101112;font:700 clamp(48px,8vw,118px)/.72 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.075em;color:#f0f1f1}footer{font-size:10px;height:32px}
@media(max-width:720px){.music-label{height:120px}.music-label h2{font-size:15vw}.ledger summary h2{font-size:14px}.chapter>p,.entry>p,.note>p:not(.label),.act-copy p{font-size:12px}}

/* Every block participates in document flow. No overlaps or negative positioning. */
.opening{min-height:0;position:static;display:grid;grid-template-columns:150px minmax(0,1fr) 210px;gap:34px;align-items:start;padding:92px 26px 54px}.folio,.opening-main,.opening aside{position:static;width:auto}.folio{grid-column:1;grid-row:1;margin:0;text-align:left}.opening-main{grid-column:2;grid-row:1;max-width:100%}.opening aside{grid-column:3;grid-row:1;align-self:end;padding:9px;border:1px solid var(--ink);background:#c8ccce}.opening aside div+div{margin-top:18px;padding-top:8px;border-top:1px solid var(--line)}.opening aside span{display:block;width:auto;margin-bottom:5px;font-weight:700;color:#303436}.opening aside p{margin:0;font:11px/1.5 "Courier New",monospace}.opening h1{max-width:100%;overflow-wrap:normal}.standfirst{width:auto;max-width:420px;margin:38px 0 0 auto;position:static}.vertical{height:auto;min-height:210px;display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:end}.vertical h2{position:static;align-self:end;margin:55px 0 0;line-height:.82}.music-label{overflow:hidden}.act{overflow:hidden}.act-title,.act-copy{min-width:0}.act-title h2{overflow-wrap:break-word}.entry{overflow:hidden}
@media(max-width:900px){.opening{grid-template-columns:110px minmax(0,1fr);padding-top:74px}.opening aside{grid-column:2;grid-row:2;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-self:auto}.opening aside div+div{margin:0;padding:0 0 0 20px;border-top:0;border-left:1px solid var(--line)}}
@media(max-width:720px){.opening{display:grid;grid-template-columns:1fr;gap:32px;padding:58px 14px 36px}.opening-main,.folio,.opening aside{grid-column:1;grid-row:auto}.opening-main{order:1}.folio{order:2}.opening aside{order:3;display:block}.opening aside div+div{margin-top:16px;padding:8px 0 0;border-left:0;border-top:1px solid var(--line)}.opening h1{font-size:14vw}.standfirst{width:100%;max-width:none;margin:32px 0 0}.vertical{display:block;min-height:0}.vertical h2{margin:70px 0 0}.act-title h2{overflow-wrap:anywhere}}

/* Keep the Artist Record heading fully visible on narrow screens. */
@media(max-width:720px){.music-label h2{width:100%;max-width:100%;padding-right:0;font-size:clamp(36px,11.5vw,72px);letter-spacing:-.085em;white-space:nowrap;overflow:visible}}