/* The picture house: an original, three-act scroll performance. */
:root{--stage-paper:#f4e7cb;--stage-ink:#221a17;--stage-red:#a62b24;--stage-gold:#c6a46e}
.site-header{padding-block:22px;background:var(--paper)}.brand>span{font-size:24px;letter-spacing:-.04em}.brand small{letter-spacing:.15em}.edition-strip{font-size:8px}.site-header nav a{padding-block:8px}
.cinema-track{position:relative;isolation:isolate}.cinema-pin{height:calc(100svh - 16px);min-height:520px;max-height:1100px;display:flex;flex-direction:column;padding:0 18px;background:var(--paper)}
.theater-stage{flex:1;min-height:0;position:relative;isolation:isolate;overflow:hidden;background:var(--stage-paper);border:1px solid var(--stage-ink);border-radius:3px 3px 0 0;perspective:1100px}
.theater-stage:after{content:'';position:absolute;inset:12px;border:1px solid #d3b77b66;pointer-events:none;z-index:22;border-radius:1px}
.stage-wall{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#fff5d8 0%,#efe0c0 57%,#d3b58c 100%);overflow:hidden}
.stage-wall:after{content:'';position:absolute;inset:0;opacity:.4;background-image:radial-gradient(#49311c40 .55px,transparent .8px);background-size:4px 4px;pointer-events:none}
.wall-rays{position:absolute;inset:-50%;background:repeating-conic-gradient(from 12deg at 50% 52%,#be966324 0deg 12deg,transparent 12deg 25deg);transform:rotate(var(--rays-turn,0deg));opacity:.52}
.wall-oval{position:absolute;left:22%;right:22%;top:8%;bottom:10%;border:1px solid #ad8f6233;border-radius:50%;box-shadow:0 0 0 18px #d9be9110,0 0 0 19px #ad8f621f,0 0 0 50px #ead5ac20;transform:scale(var(--oval-scale,1))}
.stage-night{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 43%,#58402a66 0%,#261a17d9 66%,#160f10 100%);opacity:var(--night,0);z-index:1;pointer-events:none}
.theater-ornament{position:absolute;top:9%;z-index:2;color:var(--stage-red);font-size:clamp(15px,2vw,28px)}.ornament-left{left:22%}.ornament-right{right:22%}
.stage-intro{position:absolute;z-index:8;inset:11% 8% auto;text-align:center;transform:translate3d(0,var(--intro-y,0px),0) scale(var(--intro-scale,1));opacity:var(--intro,1);pointer-events:none}.stage-intro .eyebrow{font-size:10px;letter-spacing:.25em;color:#845d39;margin:0 0 18px}.stage-intro h1{font:400 clamp(58px,6.3vw,112px)/.91 Georgia,serif;letter-spacing:-.065em;margin:0}.stage-intro h1 em{font-weight:400;display:inline-block}.intro-description{font:13px/1.6 Arial;margin:24px auto 0;color:#6c5140;max-width:360px}
.actor{position:absolute;z-index:6;bottom:11%;width:min(31vw,47svh,465px);aspect-ratio:440/560;transform-origin:50% 91%;pointer-events:none;filter:drop-shadow(2px 5px 1px #2b190b24)}.actor svg{display:block;width:100%;height:100%;overflow:visible}.actor image{image-rendering:auto}.projector-actor{left:calc(17% - min(15.5vw,23.5svh,232.5px));transform:translate3d(var(--p-x,0px),var(--p-y,0px),0) rotate(var(--p-angle,-4deg)) scale(var(--p-scale,1));opacity:var(--actors-opacity,1)}.ticket-actor{right:calc(17% - min(15.5vw,23.5svh,232.5px));transform:translate3d(var(--t-x,0px),var(--t-y,0px),0) rotate(var(--t-angle,6deg)) scale(var(--t-scale,1));opacity:var(--actors-opacity,1)}
.stage-floor{position:absolute;inset:83% 0 0;background:linear-gradient(#9f795e16,#6a392f21 38%,#3a221e55);border-top:1px solid #b28c6544;transform-origin:center top;z-index:2}.stage-floor:after{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 70deg at 50% -400%,transparent 0deg 8deg,#5c34202b 8.05deg 8.13deg)}
.floor-shadow{position:absolute;bottom:10%;width:25%;height:5%;border-radius:50%;background:radial-gradient(ellipse,#2a170b55,transparent 70%);z-index:3;transform:scale(var(--shadow-scale,1));opacity:var(--actors-opacity,1)}.shadow-projector{left:5%}.shadow-ticket{right:5%;opacity:var(--ticket-shadow,1)}
.curtain-wing{position:absolute;top:-2%;bottom:5%;width:31%;z-index:12;background:repeating-linear-gradient(90deg,#461719 0%,#8e2524 13%,#b03d2e 21%,#75201f 33%,#4b1719 42%,#962c25 53%,#b54231 60%,#561a1b 73%,#9a3026 86%,#381517 100%);box-shadow:inset 0 -13px #c79f62,0 8px 16px #1a090e40;transition:none;pointer-events:none}
.wing-left{left:-16%;border-radius:0 0 80% 0;transform:translate3d(var(--curtain-left,0%),0,0) rotate(8deg);transform-origin:0 0}.wing-right{right:-16%;border-radius:0 0 0 80%;transform:translate3d(var(--curtain-right,0%),0,0) rotate(-8deg);transform-origin:100% 0}
.curtain-valance{position:absolute;z-index:13;inset:-45px -4% auto;height:90px;background:repeating-linear-gradient(90deg,#381517 0%,#9b3028 4%,#541719 8%,#ac3a2d 13%,#4f1719 16%);border-bottom:7px double #c7a477;border-radius:0 0 50% 50%;box-shadow:0 7px 10px #44170e30;transform:translateY(var(--valance-y,0px));pointer-events:none}
.stage-lip{position:absolute;z-index:14;bottom:0;left:0;right:0;height:24px;background:linear-gradient(#482922,#201713);border-top:3px solid #b99a69;display:flex;align-items:center;justify-content:space-evenly;pointer-events:none}.stage-lip i{width:7px;height:7px;background:#eed7a2;border-radius:50%;box-shadow:0 0 10px 2px #f9df9d70;opacity:.8}
.stage-speech{position:absolute;left:13%;top:47%;max-width:168px;z-index:9;padding:13px 18px;background:#fff5df;border:1.5px solid var(--ink);border-radius:50%;font:italic 700 13px/1.2 Georgia;text-align:center;transform:translateY(var(--speech-y,0px)) rotate(-8deg);box-shadow:3px 3px #3d271928;opacity:var(--speech-opacity,1)}.stage-speech:after{content:'';position:absolute;right:20px;bottom:-12px;width:18px;height:20px;clip-path:polygon(0 0,100% 0,100% 100%);background:var(--ink)}.stage-speech:before{content:'';position:absolute;right:22px;bottom:-8px;z-index:1;width:14px;height:19px;clip-path:polygon(0 0,100% 0,100% 100%);background:#fff5df}.stage-speech.pop{animation:stage-pop .35s ease-out}.stage-speech:focus-visible{opacity:1!important}.comic-exclamation{position:absolute;right:15%;top:28%;z-index:9;font:900 clamp(30px,4vw,60px)/.85 Georgia;color:var(--stage-red);text-align:center;transform:translateY(var(--exclaim-y,20px)) rotate(12deg) scale(var(--exclaim-scale,.7));opacity:var(--exclaim,0);text-shadow:2px 2px var(--stage-paper);pointer-events:none}.comic-exclamation i{font-size:.55em}
.projector-light{position:absolute;z-index:4;left:22%;top:28%;width:66%;height:59%;clip-path:polygon(0 64%,100% 0,100% 100%);background:linear-gradient(95deg,#fff0b8d9,#fff8d07a 37%,#fff8d008);opacity:var(--light,0);transform-origin:0 64%;transform:rotate(var(--beam-angle,-10deg)) scaleX(var(--beam-length,.3));pointer-events:none;mix-blend-mode:screen}
.portal{position:absolute;left:50%;top:49%;width:min(42vw,54svh);aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--portal-angle,0deg)) scale(var(--portal-scale,.4));opacity:var(--portal,0);z-index:4;pointer-events:none}.portal-ring{position:absolute;inset:0;border:1px solid #ffefc99c;border-radius:50%;box-shadow:0 0 20px #f5d79d13,inset 0 0 22px #f5d79d13}.ring-outer{border-style:dashed;border-width:2px;transform:rotate(10deg);border-radius:42% 58% 46% 54%}.ring-middle{inset:8%;border:12px double #e3c491b3;border-radius:55% 45% 51% 49%;transform:rotate(-30deg)}.ring-inner{inset:21%;border:2px solid #f5deb0;background:radial-gradient(#ffeaca33,transparent 65%);box-shadow:0 0 50px #f5d79d33}.portal-core{position:absolute;inset:27%;display:grid;place-items:center;font:150px/1 Georgia;color:#fae8c4;text-shadow:0 0 45px #e4b577;transform:rotate(20deg)}
.flying-film{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:7;pointer-events:none;opacity:var(--film,0);transform:translate3d(var(--film-x,0px),var(--film-y,0px),0) rotate(var(--film-angle,0deg)) scale(var(--film-scale,1))}.film-ink{fill:none;stroke:#211613;stroke-width:31;stroke-linecap:round;stroke-dasharray:var(--film-length,0) 3500}.film-frames{fill:none;stroke:#f5dfb5;stroke-width:19;stroke-dasharray:23 7;stroke-dashoffset:var(--film-offset,0)}.film-edge{fill:none;stroke:#9e31284d;stroke-width:12;stroke-dasharray:23 7;stroke-dashoffset:var(--film-offset,0)}
.magic-copy{position:absolute;top:14%;left:20%;right:20%;z-index:9;text-align:center;color:#fff1cc;opacity:var(--magic-copy,0);transform:translate3d(0,var(--magic-y,30px),0);pointer-events:none;text-shadow:0 2px 10px #32171040}.magic-copy>span{display:block;font:700 10px/1.4 Arial;letter-spacing:.25em}.magic-copy strong{font:italic 400 clamp(62px,8vw,125px)/1 Georgia;letter-spacing:-.05em;display:block}
.star-field{position:absolute;inset:0;z-index:8;pointer-events:none}.magic-star{position:absolute;left:50%;top:49%;color:#fce8ba;font:400 28px/1 Georgia;text-shadow:0 0 10px #fbe0a380;opacity:0;transform:translate(-50%,-50%)}
.paper-iris{position:absolute;inset:-1px;background:var(--paper);z-index:17;clip-path:circle(var(--iris,0%) at 50% 47%);pointer-events:none}.stage-finale{position:absolute;z-index:19;inset:20% 5% auto;text-align:center;opacity:var(--finale,0);transform:translateY(var(--finale-y,30px));pointer-events:none}.stage-finale .eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:22px}.finale-title{font:400 clamp(90px,13vw,190px)/.8 Georgia;letter-spacing:-.06em;margin:0 0 35px}.stage-finale>span{font:13px/1.6 Arial;color:var(--muted)}
.scroll-invitation{position:absolute;z-index:20;bottom:7%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;font:700 9px/1.4 Arial;letter-spacing:.15em;white-space:nowrap;opacity:var(--invitation,1);margin:0}.scroll-wheel{width:17px;height:27px;border:1px solid currentColor;border-radius:12px;position:relative}.scroll-wheel:after{content:'';position:absolute;top:5px;left:7px;height:6px;width:1px;background:currentColor;animation:scroll-hint 1.8s ease-in-out infinite}.invitation-arrow{font-size:21px}.art-credit{position:absolute;bottom:34px;left:27px;z-index:20;color:#74523b;font:6px/1.4 Arial;letter-spacing:.09em;opacity:var(--art-credit,1)}
.act-bar{height:48px;flex-shrink:0;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--ink);font:700 9px/1.4 Arial;letter-spacing:.12em;padding:0 18px}.act-number{color:var(--red);min-width:43px}.act-name{min-width:155px}.act-progress{height:2px;background:#c1ad8e;flex:1;max-width:220px}.act-progress i{display:block;height:100%;background:var(--red);width:var(--progress,0%)}.act-bar a{margin-left:auto;min-height:44px;display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:0;font-size:11px}.act-bar a span{font-size:21px}
body.cinema-enabled .cinema-track{height:400svh;min-height:1900px}body.cinema-enabled .cinema-pin{position:sticky;top:0}
.ribbon-shell{overflow:hidden;background:var(--red);color:var(--cream);padding:0;margin:30px 0 0;border-block:1px solid var(--ink);transform:rotate(-.6deg)}.ticker-track{display:flex;width:max-content;animation:ticket-ticker 32s linear infinite;will-change:transform}.ticker-group{display:flex;align-items:center;gap:48px;padding:20px 24px;white-space:nowrap;flex-shrink:0}.ticker-group span{font:700 12px/1 Arial;letter-spacing:.15em}.ticker-group b{font-size:25px;font-weight:400;line-height:1}.ticker-paused .ticker-track{animation-play-state:paused}.ribbon-shell:hover .ticker-track{animation-play-state:paused}
.program .section-heading{align-items:end}.program h2{font-size:clamp(46px,6vw,82px)}.film-card{box-shadow:7px 7px 0 #c3b392;transition:transform .4s,box-shadow .4s}.film-card:hover{box-shadow:10px 12px 0 #c3b392;transform:translateY(-4px) rotate(-.25deg)}.film-picture{border-bottom:2px solid var(--ink)}.play-medallion{background:var(--red);color:var(--cream);border-color:var(--cream)}.film-meta h3{font-size:clamp(32px,3.2vw,48px)}.film-actions button{position:relative}.film-actions button:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s}.film-actions button:hover:after{transform:scaleX(1)}
@keyframes ticket-ticker{to{transform:translate3d(-50%,0,0)}}@keyframes scroll-hint{0%,100%{transform:translateY(0);opacity:.5}60%{transform:translateY(7px);opacity:1}}@keyframes stage-pop{50%{transform:rotate(-12deg) scale(1.1)}}
body.effects-paused .cinema-pin{position:relative}body.effects-paused .ticker-track{animation:none!important;transform:none!important}body.effects-paused .scroll-invitation .scroll-wheel:after{animation:none}.no-scroll-performance .scroll-invitation{display:none}
@media(min-width:1600px){.actor{width:min(29vw,51svh,540px)}.projector-actor{left:3%}.ticket-actor{right:3%}}
@media(max-width:900px){.stage-intro h1{font-size:clamp(55px,8vw,90px)}.intro-description{font-size:12px;max-width:290px}.actor{width:min(42vw,47svh);bottom:13%}.projector-actor{left:-2%}.ticket-actor{right:-2%}.stage-speech{left:9%;top:45%;font-size:11px;max-width:145px}.stage-intro{top:13%}.stage-floor{top:82%}.portal{width:56vw}.theater-ornament{top:10%}.act-name{min-width:140px}.comic-exclamation{right:9%;top:33%}.ticker-group{gap:30px}.ticker-group span{font-size:10px}}
@media(max-width:600px){.cinema-pin{padding:0 8px;min-height:520px;height:calc(100svh - 8px);max-height:950px}.site-header{padding:15px 5vw;gap:9px}.site-header nav{font-size:11px}.brand>span{font-size:19px}.edition-strip{font-size:6px;letter-spacing:.05em}.theater-stage:after{inset:7px}.curtain-valance{height:76px;top:-45px}.curtain-wing{width:39%;bottom:8%}.wing-left{left:-27%;border-radius:0 0 70% 0}.wing-right{right:-27%;border-radius:0 0 0 70%}.stage-intro{top:12%;left:4%;right:4%}.stage-intro .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:20px}.stage-intro h1{font-size:clamp(43px,10.9vw,69px);line-height:.98;letter-spacing:-.06em}.intro-description{font-size:11px;max-width:215px;margin-top:18px}.actor{width:59vw;bottom:13%;max-width:300px}.projector-actor{left:-7.5%}.ticket-actor{right:-7.5%}.stage-speech{left:8%;top:45%;max-width:117px;padding:10px 12px;font-size:10px}.portal{width:82vw;top:51%}.portal-core{font-size:95px}.projector-light{left:21%;top:33%;width:88%;height:47%}.magic-copy{top:18%;left:5%;right:5%}.magic-copy>span{font-size:8px;letter-spacing:.18em}.magic-copy strong{font-size:17vw}.comic-exclamation{top:35%;right:10%;font-size:39px}.floor-shadow{bottom:12%;width:36%}.shadow-projector{left:0}.shadow-ticket{right:0}.stage-floor{top:82%}.scroll-invitation{font-size:7px;gap:9px;bottom:6%;letter-spacing:.1em}.scroll-wheel{width:14px;height:23px}.scroll-wheel:after{left:6px}.art-credit{font-size:5px;left:17px;bottom:28px}.stage-lip{height:19px}.stage-lip i{height:5px;width:5px}.act-bar{padding:0 4px;gap:8px;height:43px;font-size:7px;letter-spacing:.06em}.act-number{min-width:34px}.act-name{min-width:94px}.act-progress{max-width:none}.act-bar a{font-size:9px;gap:6px;white-space:nowrap}.act-bar a span{font-size:17px}.stage-finale{top:27%;left:4%;right:4%}.stage-finale .eyebrow{font-size:7px;letter-spacing:.14em;max-width:190px;margin:0 auto 28px;line-height:1.7}.finale-title{font-size:22vw;margin-bottom:27px}.stage-finale>span{font-size:11px;max-width:230px;display:block;margin:auto}.ribbon-shell{margin-top:20px}.ticker-group{padding:17px 18px;gap:30px}.ticker-group span{font-size:10px}.program .section-heading{align-items:start}.program h2{font-size:48px}}
@media(max-height:650px) and (min-width:700px){.cinema-pin{min-height:390px}.stage-intro{top:8%}.stage-intro .eyebrow{margin-bottom:10px}.stage-intro h1{font-size:52px}.intro-description{margin-top:12px;font-size:11px}.actor{width:43svh;bottom:12%}.stage-speech{top:43%;font-size:10px}.art-credit{display:none}.stage-finale{top:14%}.finale-title{font-size:95px}.portal-core{font-size:95px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;transform:none}.cinema-pin{position:relative!important}.cinema-track{height:auto!important;min-height:0!important}.scroll-wheel:after{animation:none}}
.flying-film{z-index:5;transform:none}.projector-light{inset:0;width:100%;height:100%;clip-path:none;background:none;transform:none;mix-blend-mode:screen}.film-ink{stroke-width:var(--film-width,27px);stroke-dasharray:var(--film-length,0) 1000}.film-frames{stroke-width:calc(var(--film-width,27px)*.61);stroke-dasharray:13 5}.film-edge{stroke-width:calc(var(--film-width,27px)*.35);stroke-dasharray:13 5}.magic-copy{top:10%}.magic-copy strong{font-size:clamp(62px,7vw,105px)}.comic-exclamation{right:5%;top:36%}
.ribbon-shell{transform:none}.ticker-group{min-width:100vw;justify-content:space-around}
@media(min-width:901px){.stage-speech{left:27%;top:45%}}
@media(max-width:600px){.actor{width:52vw}.projector-actor{left:2%}.ticket-actor{right:2%}.magic-copy{top:18%}.magic-copy strong{font-size:17vw}.comic-exclamation{top:32%;right:7%}}
/* Repair pass: the projected glow is atmospheric; the characters stay legible. */
.portal{opacity:calc(var(--portal,0)*.55);transform:translate(-50%,-50%) rotate(var(--portal-angle,0deg)) scale(var(--portal-scale,.4)) rotateX(28deg)}
.ring-outer{border-style:solid;border-width:1px;border-radius:50%;box-shadow:0 0 35px #f5d79d40}
.ring-middle{border-width:1px;border-radius:50%;inset:12%;box-shadow:0 0 30px #ffe7ad40}
.ring-inner{border-width:1px;inset:26%;background:radial-gradient(#ffeaca55,transparent 65%)}
.portal-core{font-size:clamp(65px,12vw,135px);filter:drop-shadow(0 0 20px #fff0c0)}
.flying-film{opacity:calc(var(--film,0)*.76)}
.flying-film,.star-field{z-index:3}
.magic-copy strong{background:linear-gradient(130deg,#fff4d7,#e3c79a 42%,#fff8e6 65%,#dcba86);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 1px #39201670)}
.magic-screen{position:absolute;z-index:4;top:26%;left:50%;width:min(40vw,590px);aspect-ratio:1.45;opacity:var(--screen,0);perspective:1000px;transform:translate(-50%,var(--screen-y,55px)) scale(var(--screen-scale,.68));pointer-events:none}
.screen-fold{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--screen-x-angle,64deg)) rotateY(calc(var(--screen-y-angle,-18deg) + var(--screen-turn,0deg)));transform-origin:center bottom}
.screen-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f0dbb4;border:2px solid #211a16;padding:12px 17px 0;box-shadow:0 1px 0 #ffeac7,0 12px 28px #100a0a66,7px 9px 0 #17110d66;border-radius:3px;display:flex;flex-direction:column}
.screen-face:before,.screen-face:after{content:'';position:absolute;top:14px;bottom:47px;width:6px;background:repeating-linear-gradient(#211a16 0 9px,transparent 9px 17px)}
.screen-face:before{left:5px}.screen-face:after{right:5px}.screen-back{transform:rotateY(180deg)}
.screen-picture{flex:1;min-height:0;overflow:hidden;background:#211a16;border:1px solid #211a16;position:relative}
.screen-picture img{width:100%;height:100%;object-fit:contain;filter:sepia(.38) contrast(1.05);display:block}
.screen-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff0c22b,transparent 50%,#08040240);box-shadow:inset 0 0 22px #140d0866}
.screen-caption{height:45px;flex:none;position:relative;display:flex;flex-direction:column;justify-content:center;padding-right:56px;color:#221a17}
.screen-caption span{font:700 6px/1.4 Arial;letter-spacing:.16em}.screen-caption strong{font:italic 400 21px/1.15 Georgia}.screen-caption i{position:absolute;right:0;font:700 8px/1.4 Arial;letter-spacing:.06em}
@media(max-width:900px){.magic-screen{width:54vw;top:30%}}
@media(max-width:600px){.magic-screen{width:80vw;top:29%;aspect-ratio:1.45}.magic-copy{top:13%}.magic-copy strong{font-size:15vw}.screen-face{padding:9px 14px 0}.screen-caption{height:40px}.screen-caption strong{font-size:19px}.screen-face:before,.screen-face:after{width:4px;bottom:44px}.screen-face:before{left:4px}.screen-face:after{right:4px}}
@media(max-height:650px) and (min-width:700px){.magic-screen{top:28%;width:34vw;max-height:47svh}}
@media(min-width:601px) and (max-width:900px){.actor{width:38vw}.projector-actor{left:5%}.ticket-actor{right:4%}.stage-speech{top:36%}.magic-copy{top:7%}.magic-screen{top:18%;width:min(48vw,32svh);aspect-ratio:1.8}}
@media(max-width:600px){.magic-screen{top:26%}}