/* Each reading passage is a single painting. Its quiet ground belongs to the art. */
.editorial{--ink:#352822;--paper:#e8dcc4;--muted:#74604b;--gold:#80603d;color-scheme:light;color:var(--ink);background:var(--paper);border:0;display:block;padding:clamp(235px,20vw,410px) var(--gutter) clamp(215px,18vw,370px);isolation:isolate}
.editorial.art-ready.the-part{--editorial-plate:url('./assets/after-applause-mask-reading-v2.webp')}
.editorial.art-ready.interlude{--editorial-plate:url('./assets/after-applause-empty-thrones-reading-v2.webp')}
.editorial.art-ready.remainder{--editorial-plate:url('./assets/after-applause-remainder-costume-v2.webp')}
.editorial.art-ready.ending{--editorial-plate:url('./assets/after-applause-ending-costume-v2.webp')}
.paper-surface{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#ead5af var(--editorial-plate) center/cover no-repeat}
.editorial .section-index,.editorial .editorial-main{margin-left:34%;max-width:66%}
.editorial .section-index{display:flex;flex-direction:row;align-items:center;gap:24px;padding:0;margin-bottom:30px;color:var(--muted)}
.editorial .folio{font-size:62px;line-height:.85;color:var(--gold)}
.editorial .section-index p{font-size:10px;line-height:1.65;letter-spacing:.14em;color:#493224}
.editorial .eyebrow{color:#493224;font-size:10px;letter-spacing:.2em}
.editorial .editorial-main>.eyebrow::before{width:38px;background:var(--gold)}
.editorial h2{font-size:clamp(54px,5.3vw,96px);line-height:.99;letter-spacing:-.028em;color:var(--ink);margin:24px 0 30px;text-shadow:none}
.editorial h2 em{color:#704631;font-weight:400}
.editorial .prose-columns{gap:clamp(24px,3vw,54px);max-width:820px}
.editorial .prose-columns p,.editorial .interlude-body p{font:400 clamp(21px,1.65vw,27px)/1.48 Cormorant,Georgia,serif;letter-spacing:.003em;color:#403024;max-width:30ch}
.editorial .prose-columns p:first-child::first-letter{float:left;font-size:2.9em;line-height:.78;margin:8px 7px 0 0;color:var(--oxblood)}
.editorial .interlude-body{grid-template-columns:30px 1fr 1fr;gap:24px}
.editorial .fine-rule{width:26px;background:var(--gold);margin-top:15px}
.editorial .chapter-link{margin-top:36px;color:#291b15;font-size:21px;letter-spacing:.01em}
/* Contrast follows the letters and engraving; the painted ground stays exposed. */
.editorial :is(.chapter-link,.restart-link) .passage-label{font-size:inherit;color:inherit;margin:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;-webkit-text-stroke:0;text-shadow:-1px 0 #f4dfb4,1px 0 #f4dfb4,0 -1px #f4dfb4,0 1px #f4dfb4,0 0 2px #f4dfb4}
.editorial .act-seal,.editorial .curtain-pull{stroke:#493224;stroke-width:1.1;filter:drop-shadow(0 1px .65px #f4dfb4)}
.editorial .chapter-link:focus-visible .act-seal,.editorial .restart-link:focus-visible .curtain-pull{stroke:#291b15}
.type-motion-active .editorial :is(.chapter-link,.restart-link):is(:hover,:focus-visible) .passage-label{color:#291b15}
.editorial .margin-note{position:static;margin:46px 0 0 34%;font-size:10px;letter-spacing:.14em;color:#402a1c;text-shadow:0 1px 0 #f4dfb4;-webkit-text-stroke:.15px currentColor}
.editorial :is(a,button):focus-visible{outline-color:var(--ink)}
.editorial.remainder .section-index,.editorial.remainder .editorial-main{margin-left:0;max-width:56%}
.editorial.remainder .prose-columns{grid-template-columns:1fr;max-width:490px;gap:20px}
.editorial.ending{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(270px,23vw,460px);padding-bottom:32px}
.editorial.ending h2{font-size:clamp(62px,6.6vw,112px);line-height:1;max-width:950px;margin:36px 0}
.editorial.ending h2 em{color:var(--oxblood)}
.editorial .closing-line{font:400 26px/1.45 Cormorant,Georgia,serif;color:#403024}
.editorial .restart-link{color:#291b15;margin-top:36px;font-size:21px}
.editorial .pull-brass{fill:#80603d16}
.editorial .colophon{border-color:#80603d50;margin-top:180px;position:relative;padding:28px 0 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;background:none}
.editorial .colophon p{color:#403024;font:16px/1.45 Cormorant,Georgia,serif;max-width:none;text-align:center}
.editorial .colophon-title{font:25px/1 Cormorant,Georgia,serif;color:var(--ink)}
.editorial .colophon-credit>span{display:block;margin-top:6px;font:11px/1.5 Arial,sans-serif;letter-spacing:.02em}
.editorial .colophon .colophon-fin{justify-self:end;color:#4d1720;font:italic 36px/1 Cormorant,Georgia,serif;text-shadow:0 1px 0 #fff1d7;padding:8px 0 8px 22px;min-width:75px;text-align:right}
.editorial .portfolio-credit{display:inline;margin:0;padding:0;font:16px/1.45 Cormorant,Georgia,serif;color:var(--ink);text-decoration-color:#80603d80}
.editorial .portfolio-credit:focus-visible{color:var(--oxblood)}
@media(hover:hover){.editorial .portfolio-credit:hover{color:var(--oxblood);text-decoration-color:var(--ink)}.editorial .chapter-link:hover .act-seal,.editorial .restart-link:hover .curtain-pull{stroke:var(--ink)}}
.motion-enabled .editorial.ending .colophon{margin-top:180px}
/* Only the painted dark edges overlap; the reading ground is never fogged over. */
.motion-enabled .editorial{--paper-join:clamp(28px,5svh,60px);margin-top:calc(-1 * var(--paper-join));z-index:5;mask-image:linear-gradient(transparent,#000 var(--paper-join),#000 calc(100% - var(--paper-join)),transparent);overflow:clip}
.motion-enabled .editorial+.cinema{margin-top:calc(-1 * clamp(28px,5svh,60px))}
.motion-enabled .editorial.ending{mask-image:linear-gradient(transparent,#000 var(--paper-join))}
@media(min-width:1900px){.editorial .editorial-main{max-width:1050px}.editorial.ending h2{font-size:122px;max-width:1200px}}
/* Portrait companions keep the same continuous surface, with room around the copy. */
@media(max-width:850px),(max-aspect-ratio:4/5){
 .editorial.art-ready.the-part{--editorial-plate:url('./assets/after-applause-mask-reading-portrait-v3.webp')}
 .editorial.art-ready.interlude{--editorial-plate:url('./assets/after-applause-empty-thrones-reading-portrait-v4.webp')}
 .editorial.art-ready.remainder{--editorial-plate:url('./assets/after-applause-remainder-costume-portrait-v3.webp')}
 .editorial.art-ready.ending{--editorial-plate:url('./assets/after-applause-ending-costume-portrait-v3.webp')}
 .the-part .paper-surface{background-position:30% center}
 .interlude .paper-surface{background-position:right center}
 .remainder .paper-surface,.ending .paper-surface{background-position:right center}
 .editorial{padding:180px var(--gutter) 290px;overflow:hidden}
 .editorial .section-index,.editorial .editorial-main,.editorial.remainder .section-index,.editorial.remainder .editorial-main{margin-left:0;max-width:100%}
 .editorial.interlude .section-index,.editorial.interlude .editorial-main{margin-left:12%;max-width:88%}
 .editorial .section-index{gap:19px;margin-bottom:30px}.editorial .folio{font-size:50px}
 .editorial h2{font-size:clamp(43px,10.3vw,78px);line-height:1.02;margin:24px 0 32px;letter-spacing:-.025em}
 .editorial .eyebrow{font-size:10px;letter-spacing:.14em}
 .editorial .prose-columns,.editorial .interlude-body{display:grid;grid-template-columns:1fr;gap:22px;max-width:550px}
 .editorial .prose-columns p,.editorial .interlude-body p{font-size:23px;line-height:1.44;max-width:35ch}
 .editorial .prose-columns p:first-child::first-letter{font-size:2.7em;margin-top:8px}
 .editorial .fine-rule{margin:0 0 5px;width:38px}.editorial .chapter-link{margin-top:30px;max-width:100%}
 .editorial .margin-note{margin:30px 0 0}
 .editorial.the-part .margin-note{display:none}
 .editorial.the-part .chapter-link{margin-left:25%;max-width:75%}
 .editorial.ending{padding:190px var(--gutter) 36px}
 .editorial.ending h2{font-size:clamp(46px,11.4vw,86px);line-height:1.03;margin:32px 0;max-width:100%}
 .editorial .closing-line{font-size:24px}
 .editorial .colophon,.motion-enabled .editorial.ending .colophon{margin-top:280px;padding-top:26px;gap:20px;grid-template-columns:1fr auto}
 .editorial .colophon-title{font-size:22px}.editorial .colophon-credit{grid-column:1;grid-row:2;text-align:left}
 .editorial .colophon .colophon-fin{grid-column:2;grid-row:2;align-self:end}
 .editorial .colophon p{text-align:left;font-size:16px}
}
/* Passing copy recedes above the floating playbill; the painting stays visible. */
.motion-enabled .editorial h2{clip-path:inset(calc(var(--reading-hide,0px) - 8px) -280px -12px -280px)}