.picture-house{--picture-height:max(800px,100svh);--picture-serif:var(--font-bodoni,Georgia);--picture-sans:var(--font-work-sans,Arial);isolation:isolate;min-height:var(--picture-height);color:#f0dfba;font:16px var(--picture-sans),sans-serif;background:#12100b;position:relative;overflow:hidden}.picture-house,.picture-house *{box-sizing:border-box}.picture-house button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.picture-house button:disabled{cursor:default}.picture-house button:focus-visible,.picture-house a:focus-visible,.picture-house summary:focus-visible{outline-offset:5px;outline:2px solid #ffe3a3}.picture-house a{color:inherit;text-decoration:none}.picture-house .picture-scenery{width:max(100%,calc(var(--picture-height)*1.59753));aspect-ratio:647/405;z-index:-3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.picture-house .picture-room{object-fit:fill;width:100%;height:100%;transition:filter .6s;display:block}.picture-house[data-lit=true] .picture-room{filter:brightness(.48)saturate(.8)}.picture-house .picture-screen{color:#4b3824;background:#dfbb7d;width:48.25%;height:39.35%;transition:box-shadow .6s,background .5s;position:absolute;top:11.3%;left:25.15%;overflow:hidden;box-shadow:0 0 28px #edbc5e20}.picture-house[data-lit=true] .picture-screen{background:#050604;box-shadow:0 0 65px #ffcd7640}.picture-house .picture-screen video{object-fit:contain;opacity:0;background:#030403;width:100%;height:100%;position:absolute;inset:0}.picture-house[data-lit=true] .picture-screen video{opacity:1}.picture-house .picture-screen video:focus-visible{outline-offset:-3px;outline:2px solid #fff}.picture-house .picture-screen-card{text-align:center;opacity:0;visibility:hidden;pointer-events:none;background:radial-gradient(#ecd2a0,#c5a065);flex-direction:column;justify-content:center;align-items:center;padding:6% 11%;transition:opacity .25s;display:flex;position:absolute;inset:0}.picture-house .picture-screen-card[data-show=true]{opacity:1;visibility:visible}.picture-house .picture-screen-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:clamp(.75rem,.9vw,.9rem);line-height:1.5}.picture-house .picture-screen-card h2{font:400 clamp(1.4rem,2.5vw,2.9rem)/1.2 var(--picture-serif),serif;max-width:22ch;margin:10px 0 12px}.picture-house .picture-screen-card p{font:italic clamp(.875rem,1.1vw,1.125rem)/1.4 var(--picture-serif),serif;max-width:35ch;margin:0}.picture-house .picture-aperture{pointer-events:none;opacity:0;transform-origin:50%;background:linear-gradient(#171a13 0 0) top/100% 50% no-repeat,linear-gradient(#171a13 0 0) bottom/100% 50% no-repeat;position:absolute;inset:0;transform:scaleY(0)}.picture-house[data-phase=starting] .picture-aperture{animation:.45s ease-out picture-shutter}.picture-house .picture-room-shade{z-index:-2;pointer-events:none;background:linear-gradient(#110e06aa,#0000 19% 45%,#0a090644 66%,#100c08ef 100%);position:absolute;inset:0}.picture-house .picture-beam{z-index:-1;pointer-events:none;clip-path:polygon(0 100%,56% 0,100% 4%);mix-blend-mode:screen;opacity:0;background:linear-gradient(24deg,#f0d19c3b,#ffecc908);width:42%;height:50%;transition:opacity .4s;position:absolute;top:25%;left:19%}.picture-house[data-phase=playing] .picture-beam,.picture-house[data-phase=paused] .picture-beam,.picture-house[data-phase=ended] .picture-beam{opacity:1}.picture-house .picture-heading{z-index:2;pointer-events:none;text-shadow:0 2px 15px #090600;padding:28px 4vw;position:relative}.picture-house .picture-heading a{pointer-events:auto;align-items:center;gap:12px;min-height:44px;font-size:1.2rem;display:inline-flex}.picture-house .picture-heading a span{font-size:.875rem}.picture-house .picture-heading p{letter-spacing:.15em;text-transform:uppercase;color:#d2b47a;margin:20px 0 7px;font-size:.75rem}.picture-house .picture-heading h1{font:400 clamp(2rem,3vw,3.8rem)/1.1 var(--picture-serif),serif;margin:0}.picture-house .picture-machine{z-index:3;filter:drop-shadow(0 22px 24px #000a);width:min(37vw,470px);position:absolute;bottom:95px;left:4%}.picture-house .picture-projector{transform-origin:50% 85%;background:0 0;border:0;width:100%;padding:0;transition:transform .25s,filter .35s;display:block;position:relative}.picture-house .picture-projector:hover:enabled{filter:brightness(1.07);transform:translateY(-3px)}.picture-house .picture-projector:disabled{filter:brightness(.75)}.picture-house .picture-projector img{pointer-events:none;width:100%;height:auto;display:block}.picture-house .picture-switch-light{background:#8b542f;border-radius:50%;width:7px;height:7px;position:absolute;top:56%;right:29.5%;box-shadow:0 0 5px #000}.picture-house[data-phase=playing] .picture-switch-light{background:#ffe3a5;box-shadow:0 0 15px 5px #ffd48470}.picture-house .picture-console{background:linear-gradient(115deg,#352217,#1b140d 50%,#332218);border:1px solid #84634177;margin:-6% 9% 0;padding:15px 18px 12px;position:relative;box-shadow:inset 0 0 0 3px #130e0866,0 8px 14px #0005}.picture-house .picture-reel-label{color:#4a3928;background:linear-gradient(100deg,#c9b88d,#e5d5ae);border:1px solid #a3895c;padding:7px 11px 8px;transform:rotate(-1deg)}.picture-house .picture-reel-label>span{letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;display:block}.picture-house .picture-reel-label strong{font:400 1.2rem/1.2 var(--picture-serif),serif;overflow-wrap:anywhere;display:block}.picture-house .picture-engraving{color:#d7bd88;justify-content:space-between;gap:10px;padding-top:12px;font-size:.75rem;line-height:1.4;display:flex}.picture-house .picture-transport{border-top:1px solid #98754355;margin-top:10px;padding-top:10px}.picture-house .picture-film-advance{color:#d4bb8d;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;font-size:.75rem;display:grid}.picture-house .picture-film-advance input{accent-color:#c6a36c;cursor:pointer;grid-area:2/1/auto/-1;width:100%;min-width:0;min-height:28px}.picture-house .picture-film-advance output{font-variant-numeric:tabular-nums}.picture-house .picture-transport-buttons{flex-wrap:wrap;justify-content:space-between;gap:4px 14px;display:flex}.picture-house .picture-transport-buttons button{color:#efd5a4;background:0 0;border:0;border-bottom:1px solid #9e7a45;min-height:44px;padding:8px 0;font-size:.875rem}.picture-house .picture-native-toggle{color:#bba57f;background:0 0;border:0;min-height:36px;padding:8px 0 0;font-size:.75rem}.picture-house .picture-programme{z-index:2;text-shadow:0 2px 12px #000;width:265px;position:absolute;bottom:140px;right:7%}.picture-house .picture-programme-rule{background:#d2b17b;width:40px;height:1px;margin-bottom:22px;display:block}.picture-house .picture-programme>p{letter-spacing:.12em;text-transform:uppercase;color:#d2b17b;margin:0 0 12px;font-size:.75rem}.picture-house .picture-programme h2{font:400 2rem/1.15 var(--picture-serif),serif;margin:0 0 16px}.picture-house .picture-programme>span:not(:first-child){font:italic 1.125rem/1.5 var(--picture-serif),serif;max-width:24ch;display:block}.picture-house .picture-programme small{color:#dac7a1;margin-top:16px;font-size:.75rem;line-height:1.5;display:block}.picture-house .picture-programme>a{border-bottom:1px solid #b5955c;margin-top:16px;padding:12px 0;font-size:.875rem;display:inline-block}.picture-house .picture-programme details{margin-top:20px;font-size:.875rem;line-height:1.5}.picture-house .picture-programme summary{cursor:pointer;min-height:44px;padding:10px 0}.picture-house .picture-programme details p{white-space:pre-line;background:#17120ce8;max-height:180px;padding:14px;overflow:auto}.picture-house .picture-footer{color:#d5c19b;justify-content:space-between;align-items:center;gap:20px;font-size:.75rem;display:flex;position:absolute;bottom:49px;left:4vw;right:4vw}.picture-house .picture-footer>span{font:italic .875rem var(--picture-serif),serif}.picture-house .picture-footer button{color:inherit;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:.75rem}.picture-house .picture-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes picture-shutter{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}@media (min-width:1700px){.picture-house .picture-machine{bottom:12vh;left:8%}.picture-house .picture-programme{bottom:20vh;right:11%}}@media (max-width:1050px) and (min-width:701px){.picture-house .picture-machine{width:410px;left:0}.picture-house .picture-programme{width:220px;right:4%}.picture-house .picture-heading h1{font-size:2.2rem}.picture-house .picture-heading p{max-width:16ch;line-height:1.5}}@media (max-width:700px){.picture-house{--picture-height:max(1060px,100svh);padding-bottom:100px}.picture-house .picture-scenery{width:190%;height:auto;top:117px;left:50%;transform:translate(-50%)}.picture-house .picture-screen-kicker{letter-spacing:.07em;font-size:.75rem}.picture-house .picture-screen-card h2{margin:8px 0;font-size:1.55rem;line-height:1.15}.picture-house .picture-screen-card p{font-size:.875rem;line-height:1.4}.picture-house .picture-screen-card{padding:8%}.picture-house .picture-heading{padding:16px 24px 0}.picture-house .picture-heading p{margin:8px 0 6px;font-size:.75rem}.picture-house .picture-heading h1{font-size:2rem}.picture-house .picture-room-shade{background:linear-gradient(#111008 8%,#0000 17% 40%,#151009 68%)}.picture-house .picture-beam{clip-path:polygon(0 100%,10% 0,100% 0);width:55%;height:350px;top:235px;left:35%}.picture-house .picture-machine{width:min(350px,90%);margin:300px auto 0;position:relative;bottom:auto;left:auto}.picture-house .picture-console{margin-top:-5%;padding:14px}.picture-house .picture-programme{text-align:center;width:auto;margin:26px 30px 0;position:relative;bottom:auto;right:auto}.picture-house .picture-programme-rule{width:28px;margin:0 auto 16px}.picture-house .picture-programme>p{margin-bottom:9px}.picture-house .picture-programme h2{margin-bottom:10px;font-size:1.6rem}.picture-house .picture-programme>span:not(:first-child){max-width:30ch;margin:auto;font-size:1rem}.picture-house .picture-programme small{margin-top:10px}.picture-house .picture-footer{bottom:40px;left:24px;right:24px}.picture-house .picture-footer>span{max-width:16ch;line-height:1.4}.picture-house .picture-programme details{text-align:left}}.picture-house[data-quiet=true] *,.picture-house[data-quiet=true] :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.picture-house *,.picture-house :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.picture-house .picture-projector:hover:enabled{transform:none}}
