/* The host's letter: the existing black/white identity and serif/Manrope pair,
   generous reading space, one statement set apart, no extra decorative kit. */
body.theater .about-page { max-width:1060px; margin:0 auto; padding:42px 0 44px; }
body.theater .about-opening { display:grid; grid-template-columns:1fr 1fr; gap:7%; align-items:end; padding:10px 0 65px; }
body.theater .about-opening h1 { font:400 clamp(54px,6.7vw,82px)/1.12 var(--display); letter-spacing:-.055em; }
body.theater .about-mark { display:block; width:30px; height:auto; margin-top:32px; }
body.theater .about-opening-copy { max-width:46ch; padding-bottom:2px; color:var(--silver); font-size:17px; line-height:1.85; }
body.theater .about-opening-copy .about-salutation { color:var(--ink); font-family:var(--display); font-size:28px; line-height:1.45; margin-bottom:20px; }
body.theater .about-opening-copy p+p { margin-top:17px; }
body.theater .about-contents { display:flex; flex-wrap:wrap; gap:7px 33px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:17px 0; font-size:13px; }
body.theater .about-contents a { display:inline-flex; align-items:center; min-height:44px; color:var(--silver); text-decoration:none; }
body.theater .about-contents a:hover { color:var(--ink); text-decoration:underline; }
body.theater .about-chapter { display:grid; grid-template-columns:1fr 1.4fr; gap:10%; padding:74px 0; scroll-margin-top:30px; }
body.theater .about-chapter h2 { font:400 clamp(27px,3.1vw,37px)/1.4 var(--display); letter-spacing:-.035em; }
body.theater .about-prose { max-width:61ch; color:var(--silver); font-size:16px; line-height:1.9; }
body.theater .about-prose p+p { margin-top:22px; }
body.theater .about-prose .text-link { display:inline-flex; align-items:center; min-height:44px; color:var(--ink); margin-top:20px; font-size:14px; }
body.theater .about-opening-copy a,
body.theater .about-prose p a { color:var(--ink); text-underline-offset:3px; }
body.theater .about-steps { margin:0 0 30px; padding-left:1.5em; }
body.theater .about-steps li { padding-left:8px; }
body.theater .about-steps li+li { margin-top:27px; }
body.theater .about-steps li::marker { color:var(--ink); }
body.theater .about-steps h3 { margin:0 0 7px; color:var(--ink); font:600 17px/1.6 var(--text); letter-spacing:0; }
body.theater .about-belief { margin:8px 0 16px; padding:58px 0 62px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
body.theater .about-belief p { max-width:29ch; font:400 clamp(27px,3.7vw,43px)/1.5 var(--display); letter-spacing:-.035em; }
body.theater .about-belief span { color:var(--silver); }
body.theater .about-promises { margin:28px 0; padding:0; list-style:none; color:var(--ink); }
body.theater .about-promises li { position:relative; padding:14px 0 14px 24px; border-top:1px solid var(--line); }
body.theater .about-promises li:last-child { border-bottom:1px solid var(--line); }
body.theater .about-promises li::before { content:'♠'; position:absolute; left:0; top:14px; font:400 14px/2 var(--display); }
body.theater .about-chapter#prizes { border-top:1px solid var(--line); }
body.theater .about-closing { display:flex; justify-content:space-between; gap:30px; align-items:center; border-top:1px solid var(--line); padding-top:38px; }
body.theater .about-closing p { font:400 clamp(23px,2.8vw,31px)/1.5 var(--display); letter-spacing:-.035em; }
@media(max-width:800px) {
  body.theater .about-opening { gap:8%; }
  body.theater .about-opening h1 { font-size:59px; }
  body.theater .about-opening-copy { font-size:16px; }
  body.theater .about-chapter { gap:7%; grid-template-columns:1fr 1.55fr; }
}
@media(max-width:600px) {
  body.theater .about-page { padding:22px 0 25px; }
  body.theater .about-opening { grid-template-columns:1fr; gap:35px; padding:8px 0 35px; }
  body.theater .about-opening-title { position:relative; padding-right:44px; }
  body.theater .about-opening h1 { font-size:clamp(47px,12.7vw,66px); }
  body.theater .about-mark { position:absolute; right:3px; bottom:4px; margin:0; width:25px; }
  body.theater .about-opening-copy { max-width:45ch; line-height:1.85; }
  body.theater .about-opening-copy .about-salutation { font-size:25px; margin-bottom:15px; }
  body.theater .about-contents { display:grid; grid-template-columns:1fr 1.25fr; gap:4px 15px; padding:11px 0; font-size:12px; }
  body.theater .about-chapter { grid-template-columns:1fr; gap:26px; padding:43px 0; scroll-margin-top:23px; }
  body.theater .about-chapter h2 { font-size:30px; }
  body.theater .about-prose { line-height:1.85; }
  body.theater .about-prose p+p { margin-top:20px; }
  body.theater .about-belief { padding:34px 0 38px; margin:0 0 2px; }
  body.theater .about-belief p { font-size:clamp(25px,6.7vw,32px); line-height:1.6; }
  body.theater .about-closing { flex-direction:column; align-items:flex-start; gap:23px; padding-top:30px; }
  body.theater .about-closing p { font-size:24px; }
}

/* Closing: the scam notice, Zero's line, then the way in. */
body.theater .about-closing { display:grid; grid-template-columns:1fr auto; gap:24px 30px; }
body.theater .about-closing .about-notice { grid-column:1/-1; max-width:62ch; font:400 14px/1.75 var(--text); letter-spacing:0; color:var(--silver); }
body.theater .about-closing .about-quote { grid-column:1/-1; margin:22px 0 30px; text-align:center; }
body.theater .about-closing .about-quote p { font:italic 400 clamp(26px,3.4vw,40px)/1.4 var(--display); letter-spacing:-.02em; }
body.theater .about-closing .about-quote footer { margin-top:16px; font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted); }
@media(max-width:700px) {
  body.theater .about-closing { grid-template-columns:1fr; }
  body.theater .about-closing .about-quote p { font-size:26px; }
}