:root{color-scheme:dark;--gold:#e3c38b;--paper:#f1eee7;--black:#000;--serif:"Times New Roman",Georgia,serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#000;color:var(--paper)}body{font-family:var(--serif);overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,#film:focus-visible{outline:1px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px;padding:0;border:0}
.cinema{height:100svh;width:100vw;display:grid;place-items:center;background:#000;overflow:hidden}.film{position:relative;width:min(100vw,56.25svh);height:min(100svh,177.7778vw);overflow:hidden;isolation:isolate;container-type:inline-size;background:#030303;outline:none}.film-atmosphere{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 45% 48%,#25272425,transparent 65%);pointer-events:none}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;z-index:2;pointer-events:none;transition:opacity .28s linear,visibility .28s}.scene.active{opacity:1;visibility:visible;z-index:4;pointer-events:auto}.reference-art{position:absolute;inset:0;overflow:hidden}.reference-art svg{width:100%;height:100%;display:block}.reference-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 12cqw 3cqw #0004;pointer-events:none}.film-grain{position:absolute;z-index:9;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h150v150H0z' fill='%23fff' filter='url(%23n)'/%3E%3C/svg%3E")}
.opening h1{position:absolute;top:44%;left:3%;right:3%;transform:translateY(-50%);font-size:10.2cqw;line-height:1.18;letter-spacing:.01em;font-weight:400;text-align:center;margin:0;color:#f3f1eb;text-shadow:0 1px 12px #000;opacity:var(--title-opacity,0);filter:blur(calc((1 - var(--title-opacity,0))*3px))}.opening h1 span{display:block}.light{position:absolute;left:0;right:0;top:70%;height:1px;background:linear-gradient(90deg,transparent,#a69d8233 12%,#e2d5b7aa 50%,#a69d8233 88%,transparent);opacity:var(--light-opacity,0)}.light i{position:absolute;left:50%;top:50%;width:3px;height:3px;background:#fff9e8;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 5px #fff4d8,0 0 17px #f4ddaa,0 0 34px #d4aa60}.light b{position:absolute;top:50%;left:50%;width:calc(6cqw + var(--flare,0)*85cqw);height:calc(1px + var(--flare,0)*1px);transform:translate(-50%,-50%);background:#fff8e4;filter:blur(calc(1px + var(--flare,0)*1px));box-shadow:0 0 14px #f0d8a2,0 0 45px #e3bf78;opacity:calc(.1 + var(--flare,0)*.9)}.bloom{position:absolute;left:50%;top:70%;width:calc(40cqw + var(--flare,0)*180cqw);height:calc(40cqw + var(--flare,0)*180cqw);transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff5dc99,#e1c79144 9%,transparent 55%);opacity:calc(var(--flare,0)*.9);pointer-events:none}
.preparation{display:flex;flex-direction:column;background:#000}.preparation-shot{position:relative;flex:1;overflow:hidden;opacity:0;transition:opacity .2s linear;background:#000}.preparation-shot:not(:last-child){border-bottom:2px solid #000}.preparation-shot.visible{opacity:1}.preparation-shot .reference-art:after{box-shadow:inset 0 0 9cqw #0003}.performance{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;background:#000}.film.has-performance.show-performance .performance{opacity:1}.film.has-performance .reference-poster{display:none}.performance-scene .reference-poster{background:#000}.invitation .reference-art{inset:0}.invitation:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 55%,#0007 82%,#000a);pointer-events:none}.invitation h2,.ending h2{position:absolute;z-index:5;margin:0;left:4%;right:4%;text-align:center;line-height:1.05;font-size:10cqw;font-weight:400;color:#f4f2ec;text-shadow:0 2px 10px #000}.invitation h2{bottom:10%}.ending .reference-art{inset:0}.ending-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(#0007 0%,transparent 24%,transparent 48%,#0009 70%,#000e 93%,#000);pointer-events:none}.wordmark{position:absolute;z-index:6;top:1.5%;left:0;right:0;text-align:center;font-size:13.6cqw;line-height:1.1;letter-spacing:.015em;font-weight:400;color:#e5c791;background:linear-gradient(#fff1c9 5%,#ad7e37 43%,#ffe6af 53%,#be9655 73%,#fce3b0 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 7px #dcac5533);opacity:var(--ending-logo,0)}.ending h2{bottom:25%;font-size:9.7cqw;opacity:var(--ending-question,0)}.ending-actions{position:absolute;z-index:7;left:12%;right:12%;bottom:3%;display:flex;flex-direction:column;gap:1.5cqw;opacity:var(--ending-buttons,0);transform:translateY(calc((1 - var(--ending-buttons,0))*5px))}.film-button{position:relative;display:grid;place-items:center;width:100%;height:15cqw;min-height:40px;padding:0;border:0;background:#0007;color:var(--paper);font-size:5.4cqw;line-height:1;letter-spacing:.22em;font-weight:400;transition:background .2s,color .2s}.film-button svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;pointer-events:none}.film-button span{padding-left:.22em}.register-button{color:var(--gold)}.register-button span{color:var(--paper)}.film-button:hover{background:#cfb57a17;color:#f6dfb1}.login-button{height:12.5cqw}.ending-actions button:disabled{pointer-events:none}.media-error{position:absolute;z-index:30;inset:0;width:100%;border:0;background:#000e;color:var(--paper);font-size:7cqw;line-height:1.5}.media-error span{font-family:var(--sans);font-size:2.7cqw;color:#a9a69c}
.membership{position:fixed;width:min(420px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;background:#080909;color:var(--paper);border:1px solid #b7a07888;padding:32px;border-radius:0;box-shadow:0 20px 100px #000}.membership::backdrop{background:#000d;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:9px;top:7px;border:0;background:none;color:#b6ad9e;padding:4px 9px;font-size:26px;line-height:1}.dialog-wordmark{text-align:center;letter-spacing:.12em;font-size:29px;color:var(--gold);margin-bottom:22px}.membership-tabs{display:flex;border-bottom:1px solid #8b795744;margin-bottom:25px}.membership-tabs button{flex:1;border:0;border-bottom:1px solid transparent;margin-bottom:-1px;background:none;color:#a7a49a;padding:12px;font-family:var(--sans);font-size:11px}.membership-tabs button[aria-selected=true]{border-color:var(--gold);color:var(--gold)}.membership h2{font-size:34px;font-weight:400;line-height:1.1;margin:0 0 26px}.field{margin-bottom:18px}.field label{display:block;font-family:var(--sans);font-size:10px;color:#c9c2b4;margin-bottom:8px}.field input{width:100%;border:1px solid #514b3d;background:#020303;color:var(--paper);padding:13px;border-radius:0;font-family:var(--sans);font-size:13px}.submit-membership,.membership-success button{display:block;width:100%;border:1px solid var(--gold);background:#000;color:var(--paper);padding:16px 20px;letter-spacing:.15em;font-size:13px}.submit-membership:hover,.membership-success button:hover{background:#c9ad7f13}.form-note{font-family:var(--sans);font-size:9px;line-height:1.7;color:#a5a49c;text-align:center;margin:15px 0 0}.membership-success{text-align:center}.membership-success p{font-size:18px;line-height:1.6;margin:0 0 25px}.no-script{position:fixed;inset:0;display:grid;place-content:center;text-align:center;font-size:50px;background:#000;color:var(--gold);z-index:100}.no-script small{font-family:var(--sans);font-size:13px;margin-top:20px;color:var(--paper)}
.film.expects-performance .reference-poster{display:none}
@media(prefers-reduced-motion:reduce){.scene,.preparation-shot,.film-button{transition:none}.opening h1{filter:none}.ending-actions{transform:none}}