:root{--green:#DD443E;--paper:#F7ECE0;--copper:#1C5665;--line:#DD443E44;--night:#DD443E;--panel:#DD443E;--dust:#F7ECE0;--lantern:#1C5665;--lantern-ink:#DD443E;--vein:#DD443E;--rule:#DD443E66;--mute:#DD443E;--page:#F7ECE0;--acid:#1C5665;--bronze:#1C5665;--white:#F7ECE0;--muted:#DD443E;--ink:#DD443E;}
body{background:#F7ECE0;color:#DD443E}
.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 #1C5665;outline-offset:4px}
body{background:#f7ece0;color:#1c5665}header{border-bottom:2px solid #1c5665}.theatre{margin:35px 5%;border:2px solid #1c5665;border-radius:0;box-shadow:13px 13px 0 #dd443e}.scene-top{background:#1c5665;color:#f7ece0}.stage{height:370px}.stage img{object-position:center 55%}.stage-caption{width:90%;padding:35px}.stage-caption h1{font:800 80px/.92 Arial;letter-spacing:-5px;text-transform:uppercase}.play{background:#fff9ef;padding:35px;grid-template-columns:170px 1fr}.script-margin{border-right:2px dashed #dd443e}.choices{gap:20px}.choices button{background:#f7ece0;border:2px solid #1c5665;border-radius:0;box-shadow:4px 4px 0 #dd443e}.choices button:hover{transform:translate(-2px,-2px)}.editorial{grid-template-columns:.9fr 1.1fr;gap:80px}.editorial h2{font:800 70px/1 Arial;letter-spacing:-4px}.journal-page{transform:rotate(2deg);background:#fff9ef;border:2px solid #1c5665}.programme{background:#dd443e;color:#fff9ef;border-radius:0}.programme h2{font:800 50px/1 Arial}.brand{font-weight:900}
.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}}