/* A room beside the theatre: one open field, then one sustained reading. */
:root{color-scheme:dark;--wall:#19120f;--linen:#f1e6d2;--muted:#c6b49b;--gold:#d5ab57;--earth:#bf6737;--green:#8baa92;--hair:#a78c6640;--display:Didot,'Bodoni 72',Georgia,serif;--reading:'Palatino Linotype',Palatino,Georgia,serif;--control:Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:105px}body{margin:0;background:var(--wall);color:var(--linen);font-family:var(--reading);font-size:19px;line-height:1.65}a{color:inherit;text-underline-offset:.23em;text-decoration-thickness:1px}a:hover{color:var(--gold)}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1:focus,h2:focus{outline:none}::selection{background:var(--gold);color:var(--wall)}[hidden]{display:none!important}h1,h2,p,figure,blockquote{margin:0}h1,h2{font-family:var(--display);font-weight:400;line-height:1.02;letter-spacing:-.04em}h1,h2{text-wrap:balance}button,summary,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:12px;left:20px;z-index:10;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);background:var(--linen);color:var(--wall);font:15px var(--control)}.skip-link:focus{width:auto;height:auto;padding:10px 20px;overflow:visible;clip-path:none}
.room-header{height:88px;padding:28px clamp(22px,3.2vw,52px);display:flex;align-items:center;justify-content:space-between;gap:20px;font:13px/1.45 var(--control)}.room-header a{text-decoration:none}.theatre-return::before{content:'‹';display:inline-block;margin-right:10px;font-size:19px;vertical-align:-1px}.room-link{color:var(--muted)}
.entrance{min-height:calc(100svh - 88px);max-width:1460px;margin:0 auto;padding:clamp(50px,9vh,110px) 7vw 48px;display:grid;grid-template-columns:1.05fr 1fr;column-gap:9vw;align-content:center}.room-credit{font:13px/1.5 var(--control);color:var(--muted);margin-bottom:25px}.entrance h1{font-size:clamp(56px,6.8vw,108px);max-width:8em}.entrance-intro{max-width:24ch;font-size:clamp(21px,2vw,27px);line-height:1.45;margin-top:35px}.invitation{font:14px/1.65 var(--control);color:var(--muted);margin-top:33px}.four-doors{display:flex;flex-direction:column;gap:37px;padding-top:8px}.four-doors a{position:relative;display:block;width:fit-content;text-decoration:none;padding:8px 0 7px 25px}.four-doors a::before{content:'';position:absolute;left:0;top:14px;width:1px;height:70%;background:var(--gold);opacity:.55}.door-word{display:block;font:clamp(37px,4.1vw,64px)/1.08 var(--display);letter-spacing:-.035em}.door-description{display:block;color:var(--muted);font:13px/1.5 var(--control);margin-top:10px}.door-rock{margin-left:60px}.door-image{margin-left:15px}.door-hand{margin-left:90px}.room-promise{grid-column:1/-1;font:13px/1.65 var(--control);color:var(--muted);max-width:61ch;margin-top:clamp(55px,10vh,115px);padding-left:0}.reading-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,700px);gap:8vw;max-width:1250px;margin:0 auto;padding:90px 50px 130px}.reading-margin{align-self:start;position:sticky;top:48px;font:14px/1.5 var(--control);padding-top:10px}.margin-home{display:inline-block;text-decoration:none;color:var(--gold);padding-bottom:24px}.all-passages{padding-top:23px;border-top:1px solid var(--hair)}.all-passages summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:3px 0}.all-passages summary::-webkit-details-marker{display:none}.all-passages summary span{color:var(--muted);font-size:12px}.all-passages summary::after{content:'+';color:var(--muted);margin-left:auto}.all-passages[open] summary::after{content:'−'}.all-passages nav{display:grid;gap:0;margin-top:17px}.all-passages nav a{font-size:12px;color:var(--muted);padding:7px 0;text-decoration:none}.all-passages nav a:hover,.all-passages nav a[aria-current]{color:var(--linen)}.all-passages nav a[aria-current]::before{content:'•';color:var(--gold);margin-right:7px}.margin-note{font-size:12px;color:var(--muted);margin-top:29px;line-height:1.6}
.passage{max-width:700px;padding-bottom:100px;scroll-margin-top:35px}.passage+.passage{padding-top:90px;border-top:1px solid var(--hair)}.object-line{font:13px/1.5 var(--control);color:var(--gold);margin:0 0 22px!important}.passage h2{font-size:clamp(46px,5.6vw,82px);margin-bottom:42px}.passage p{margin:24px 0;max-width:65ch}.passage .lead{font-size:25px;line-height:1.5;margin:0 0 32px}.source{font:12px/1.65 var(--control);color:var(--muted)}a.source{white-space:normal}.access-note{font:11px/1.6 var(--control);color:var(--muted)}.passage .reading{padding-left:24px;border-left:2px solid #8baa9270;margin-top:35px}.passage blockquote{margin:35px 0;padding:0 0 0 25px;border-left:1px solid var(--gold)}blockquote p{font-size:26px;line-height:1.45;margin:0!important}blockquote footer{font:12px/1.6 var(--control);color:var(--muted);margin-top:15px}.passage .opening-quote{margin-top:0;margin-bottom:37px}.passage .source-note{font:12px/1.7 var(--control);color:var(--muted);margin-top:33px}.connections{margin-top:54px;padding-top:27px;border-top:1px solid var(--hair);display:flex;flex-direction:column;align-items:start;gap:10px}.connections p{font:12px/1.6 var(--control);color:var(--muted);margin:0 0 4px}.connections a{font-size:19px;line-height:1.45;text-decoration-color:#d5ab5760}.room-footer{padding:35px clamp(22px,7vw,100px) 40px;border-top:1px solid var(--hair);font:12px/1.7 var(--control);color:var(--muted)}.room-footer>p+p{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px 24px}.room-footer>.theatre-return{display:inline-block;margin-top:24px;color:var(--linen);text-decoration:none}
.story-within{margin:35px 0;padding:0 0 0 20px;border-left:1px solid var(--gold)}.story-within>p{font-size:24px;line-height:1.45}.story-within div{margin:23px 0 0 18px;padding-left:20px;border-left:1px solid var(--hair)}.story-within div p{font-size:18px;line-height:1.6;margin:0}.story-within div div p{font-size:17px;color:var(--muted)}.artwork-figure{margin:38px 0 32px}.artwork-figure img{display:block;width:100%;height:auto}.artwork-figure figcaption{font:11px/1.65 var(--control);color:var(--muted);margin-top:15px}.artwork-figure a:focus-visible{display:block}.inheritance-figure{margin:40px -15px}.inheritance-diagram{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:25px}.inheritance-track{display:flex;flex-direction:column;align-items:center;padding:25px 10px 20px;border-block:1px solid var(--hair)}.inheritance-track p{font-size:17px;margin:0 0 7px}.inheritance-track .descent{font:11px/1.5 var(--control);color:var(--muted);display:flex;flex-direction:column;align-items:center}.inheritance-track .descent::before{content:'';height:18px;width:1px;background:var(--hair);margin:5px 0}.inheritance-track svg{width:150px;height:105px;margin:7px 0 15px;fill:var(--gold)}.gold-line{fill:none;stroke:var(--gold);stroke-width:2}.drop{stroke-width:1;stroke:var(--gold)}.heal{fill:#8baa9260}.harm{fill:#bf673770}.inheritance-track strong{font-size:18px;font-weight:400}.inheritance-track>span:last-child{font:12px/1.6 var(--control);color:var(--muted);margin-top:8px}.inheritance-figure figcaption{font:11px/1.6 var(--control);color:var(--muted);margin:15px 15px 0;max-width:66ch}
body.enhanced[data-view=room] .reading-layout{display:none}body.enhanced[data-view=passage] .entrance{display:none}body.enhanced .passage{padding:0;border:none}body.enhanced .passage+.passage{padding-top:0}body.enhanced[data-view=passage] .reading-layout{padding-top:70px;min-height:calc(100svh - 88px)}
@media(min-width:701px){.reading-margin{max-height:calc(100svh - 96px);overflow-y:auto;overscroll-behavior-y:contain;scroll-padding-block:10px;padding-inline:8px;scrollbar-width:thin}}
@media(min-width:1500px){.entrance{padding-left:90px;padding-right:90px;column-gap:150px}.reading-layout{gap:130px}}
@media(max-width:950px){.entrance{column-gap:6vw;padding-inline:6vw}.door-rock{margin-left:25px}.door-hand{margin-left:40px}.four-doors{gap:34px}.reading-layout{grid-template-columns:175px minmax(0,1fr);gap:6vw;padding-inline:30px}.reading-margin{font-size:13px}.passage h2{font-size:61px}.passage .lead{font-size:23px}}
@media(max-width:700px){html{scroll-padding-top:20px}.room-header{height:74px;padding:23px 22px;font-size:12px;gap:14px}.entrance{display:block;padding:43px 27px 48px;min-height:0}.room-credit{font-size:12px;margin-bottom:22px}.entrance h1{font-size:64px}.entrance-intro{font-size:22px;margin-top:27px;max-width:25ch}.invitation{margin-top:24px;font-size:13px}.four-doors{margin-top:46px;gap:25px;padding:0}.door-word{font-size:43px}.door-description{font-size:12px}.four-doors a{padding-left:21px}.door-rock{margin-left:38px}.door-image{margin-left:8px}.door-hand{margin-left:52px}.room-promise{margin-top:53px;font-size:12px;max-width:45ch}.reading-layout,body.enhanced[data-view=passage] .reading-layout{display:block;padding:18px 25px 70px}.reading-margin{position:static;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 24px;align-items:baseline;margin-bottom:44px;padding:0}.margin-home{padding:9px 0}.all-passages{padding:0;border:0;margin-left:auto;min-width:120px}.all-passages summary{padding:9px 0;font-size:12px}.all-passages summary span{display:none}.all-passages[open]{flex-basis:100%;order:3;margin-top:15px;padding-top:12px;border-top:1px solid var(--hair)}.all-passages[open] nav{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px}.all-passages nav a{font-size:12px;padding-block:8px}.margin-note{display:none}.object-line{font-size:12px;margin-bottom:20px!important}.passage h2{font-size:53px;line-height:1.04;margin-bottom:30px}.passage{font-size:18px;line-height:1.68}.passage .lead{font-size:23px;line-height:1.45;margin-bottom:28px}.passage .reading{padding-left:17px}.passage blockquote{padding-left:18px;margin-block:29px}blockquote p{font-size:24px;line-height:1.48}.connections{margin-top:41px}.connections a{font-size:18px}.inheritance-figure{margin:33px 0}.inheritance-diagram{gap:15px}.inheritance-track{padding-inline:0}.inheritance-track p{font-size:15px;line-height:1.35;min-height:40px}.inheritance-track .descent{font-size:10px}.inheritance-track svg{width:130px;max-width:100%}.inheritance-track strong{font-size:16px}.inheritance-figure figcaption{margin-inline:0}.room-footer{font-size:11px;padding:27px 25px 35px}.room-footer>p+p{display:grid;gap:9px}.source{font-size:12px}}
@media(max-width:700px){.story-within{padding-left:15px}.story-within div{margin-left:6px;padding-left:15px}.story-within>p{font-size:23px}.story-within div div p{font-size:16px}}
@media(max-width:360px){.room-header{padding-inline:18px;font-size:11px}.entrance{padding-inline:23px}.entrance h1{font-size:58px}.door-word{font-size:39px}.door-description{max-width:21ch}.door-rock{margin-left:25px}.door-hand{margin-left:35px}.reading-layout,body.enhanced[data-view=passage] .reading-layout{padding-inline:22px}.passage h2{font-size:47px}.passage .lead{font-size:22px}.inheritance-track>span:last-child{font-size:11px}.inheritance-track strong{font-size:15px}.all-passages[open] nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{html{color-scheme:light}body{background:white;color:#19120f}.room-header,.reading-margin,.room-footer,.connections,.skip-link{display:none}.reading-layout,body.enhanced[data-view=passage] .reading-layout{display:block;padding:0;max-width:none}.passage{max-width:none}.source,.source-note,.object-line,blockquote footer,figcaption{color:#44392c!important}.entrance{min-height:0}.passage h2{font-size:44px}a{color:inherit}.passage{break-after:page}.inheritance-figure{break-inside:avoid}}