:root{--green:#D9BCFF;--paper:#171323;--copper:#FF875E;--line:#D9BCFF44;--night:#D9BCFF;--panel:#D9BCFF;--dust:#171323;--lantern:#FF875E;--lantern-ink:#D9BCFF;--vein:#D9BCFF;--rule:#D9BCFF66;--mute:#D9BCFF;--page:#171323;--acid:#FF875E;--bronze:#FF875E;--white:#171323;--muted:#D9BCFF;--ink:#D9BCFF;}
body{background:#171323;color:#D9BCFF}
.brand-statement{margin:45px 5% 25px}.brand-statement span{font:11px monospace;letter-spacing:2px}.brand-statement h1{font:56px/1.05 Georgia;margin:12px 0 25px;max-width:1000px}.brand-icon,.mark{object-fit:contain}button:focus-visible{outline:3px solid #FF875E;outline-offset:4px}
body{background:#171323;color:#d9bcff}header{border-bottom:1px solid #766188}.theatre{display:grid;grid-template-columns:46% 54%;margin:35px 3%;background:#251c35;border:1px solid #766188;border-radius:0;overflow:hidden}.scene-top{grid-column:1/-1;background:#ff875e;color:#171323}.stage{height:660px;min-height:660px}.stage img{height:100%;object-fit:cover}.stage-caption{bottom:40px;padding:28px}.stage-caption h1{font:italic 70px/.95 Georgia}.play{display:block;padding:40px;background:#251c35;color:#d9bcff}.script-margin{display:flex;gap:20px;border:0;padding:0 0 30px}.script-margin p{display:none}.script{padding:0}.choices{display:grid;grid-template-columns:1fr;gap:12px}.choices button{background:#332640;color:#d9bcff;border:1px solid #766188;padding:22px;text-align:left}.choices button:hover{background:#ff875e;color:#171323}.script h2{font:45px/1.1 Georgia}.editorial{border-top:1px solid #766188}.programme{background:#251c35;color:#d9bcff}.journal-page{background:#332640;color:#d9bcff}.stage:after{background:linear-gradient(transparent,#171323)}
.brand-statement h1{color:inherit}.brand-statement span{color:inherit}img[src="/brand-scene.png"]{object-fit:cover}body{min-width:1100px}.stage img{width:100%}.brand-statement{animation:brand-enter .7s ease-out both}@keyframes brand-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Restore the source layout on phones after desktop rebranding. */
@media(max-width:700px){body{min-width:0}.brand-statement h1{font-size:38px;overflow-wrap:break-word}.mast,.editorial,.folio-body{grid-template-columns:minmax(0,1fr);gap:24px}.mast>* , .editorial>* , .folio-body>*{min-width:0}.mast h1{font-size:46px;letter-spacing:-2px}.story-copy h2{font-size:40px}header{flex-wrap:wrap;gap:12px}.brand-statement{margin:28px 5%}.brand-statement span{overflow-wrap:anywhere}}

@media(max-width:700px){.theatre{grid-template-columns:minmax(0,1fr)}.theatre>*{min-width:0}}