@font-face{font-family:Pinyon;src:url('/letters/assets/fonts/pinyon-script.woff2')}@font-face{font-family:Cormorant;src:url('/letters/assets/fonts/cormorant-garamond-400.woff2')}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090a0b;color:#d8d2c8}body{font-family:Georgia,'Songti SC','Noto Serif CJK SC',serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:1px solid #e4d3ac;outline-offset:5px}[hidden]{display:none!important}header{position:fixed;z-index:40;top:max(24px,env(safe-area-inset-top));left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font:9px/1.6 monospace;letter-spacing:.16em}header a{color:inherit;text-decoration:none}header span{text-align:right;color:#aaa69f}footer{position:fixed;z-index:40;bottom:max(20px,env(safe-area-inset-bottom));left:100px;right:4%;display:flex;justify-content:space-between;font:8px/1.4 monospace;letter-spacing:.15em;color:#a09a90}footer button{border:0;background:none;font:inherit;letter-spacing:inherit;padding:0}.stage{min-height:100svh;padding:85px 20px 75px;display:flex;align-items:center;justify-content:center;flex-direction:column}.invitation-stage{background:radial-gradient(ellipse at 50% 45%,#343432 0,#171a1b 37%,#090a0b 75%)}
.invitation{display:block;text-align:center;width:min(560px,90vw);padding:36px 34px 28px;background:#eae7dd;color:#3e4443;border:1px solid #a3a99f;outline:1px solid #b1b2a5;outline-offset:-13px;box-shadow:0 35px 95px #000b,inset 0 0 90px #a8a89524;position:relative;animation:breathe 6s ease-in-out infinite;background-image:repeating-linear-gradient(22deg,#ffffff0b 0 1px,#6c655005 1px 3px)}.invitation>span{display:block}.edition,.small,.eyebrow{font:8px/1.8 monospace;letter-spacing:.22em}.invitation-title{font:clamp(37px,5vw,56px)/.95 Pinyon,cursive;margin:30px 0 18px}.subtitle{font:italic 13px/1.5 Cormorant,serif}.fine-rule{height:1px;width:55px;background:#92998e;margin:25px auto}.invite-copy{font:12px/2.35 Georgia,'Songti SC',serif;letter-spacing:.1em}.invite-copy>span{display:block;margin-top:15px}.admit{font:28px Pinyon;margin:22px 0 4px}.small{font-size:7px;letter-spacing:.08em}.whisper{font-size:10px;color:#9c9d96;letter-spacing:.3em;margin:22px 0 0}@keyframes breathe{50%{transform:translateY(-5px) rotate(.3deg);box-shadow:0 42px 110px #000b}}#particles{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden}.spark{position:absolute;width:3px;height:3px;background:#eceff4;box-shadow:0 0 5px #d9e4ed;border-radius:50%}
.seating-stage{background:radial-gradient(ellipse at 50% 40%,#252323,#090a0b 70%)}h1{font:clamp(45px,7vw,78px) Pinyon;margin:17px 0}.seat-sub,#seatChoice{font-size:11px;letter-spacing:.15em;color:#9d9690}.screen-line{width:min(380px,80vw);text-align:center;border-top:1px solid #958276;border-radius:50%;padding:16px;margin:35px 0 15px;font:7px monospace;letter-spacing:.3em;color:#897c71}#seatMap{display:grid;gap:14px}.seat-row{display:flex;gap:13px;align-items:center}.row-label{width:12px;font:8px monospace;color:#8c8177}.seat{width:26px;height:27px;border:1px solid #6c4545;border-bottom:5px solid #46252b;border-radius:8px 8px 3px 3px;background:#2e1c22;transition:.35s}.seat:nth-child(5){margin-left:20px}.seat:hover{background:#75464b}.seat[aria-pressed=true]{background:#e2c7a2;border-color:#f9e5c2;box-shadow:0 0 18px #d1a47560}.text-button{background:none;border:0;border-bottom:1px solid #8c8070;padding:12px 10px;font:24px Cormorant}.text-button span{font-size:10px;margin-left:30px}
.theatre{position:fixed;inset:0;overflow:hidden;background:#080909}.room-art{position:absolute;inset:0;background:url('./assets/theatre.jpg') center/100% 100% no-repeat}.room-dark{position:absolute;inset:0;background:#000;opacity:.25;transition:opacity 4s}.warm-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,#e9b16d20,transparent 65%);opacity:1;transition:opacity 4s}.screen{position:absolute;left:10%;top:20.1%;width:80%;height:39%;background:#101112;box-shadow:0 0 15px #e6dfca22;overflow:hidden;isolation:isolate}.screen video,.screen #onlineFilm,.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#000}.waiting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(#222726,#080a0b);text-align:center}.waiting h2{font:clamp(25px,4vw,65px) Pinyon;margin:20px 0}.waiting p{font-size:clamp(8px,1vw,12px);color:#aaa}.grain{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h150v150H0z'/%3E%3C/svg%3E");animation:grain 1.8s steps(3) infinite}@keyframes grain{50%{transform:translate(1px,-1px);opacity:.025}}#curtains{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;filter:drop-shadow(0 10px 7px #000a)}#countdown{position:absolute;inset:0;z-index:7;display:flex;align-items:center;justify-content:center;color:#e5ddc9;background:#0002}#countdown strong{font:clamp(45px,9vw,130px) Cormorant;text-shadow:0 0 10px #e0ceab55}.leader-ring{position:absolute;width:clamp(100px,14vw,200px);aspect-ratio:1;border:1px solid #ddd2b9;border-radius:50%;outline:1px solid #ddd2b955;outline-offset:8px}.leader-ring:after{content:'';position:absolute;inset:-30%;background:linear-gradient(90deg,transparent 49.8%,#ddd2b933 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#ddd2b933 50%,transparent 50.2%)}#countdown small{position:absolute;bottom:8%;font:7px monospace;letter-spacing:.25em}
body[data-phase=playing] .room-dark{opacity:.72}body[data-phase=playing] .warm-light{opacity:0}.screen-actions{position:absolute;left:10%;top:61%;display:flex;gap:20px;z-index:10}.screen-actions button{background:none;border:0;font:8px monospace;color:#b4aca0;padding:5px}.projector{position:absolute;right:4%;bottom:65px;width:clamp(85px,12vw,165px);z-index:25;text-align:center}.reel-toggle{display:block;width:100%;aspect-ratio:1;border:0;background:none;padding:0;position:relative;filter:drop-shadow(0 12px 15px #000)}.reel-toggle>img{width:100%;height:100%;object-fit:contain;border-radius:50%}.reel-cap{position:absolute;left:36%;top:36%;width:28%;height:28%;border:1px solid #585951;border-radius:50%;background:radial-gradient(at 38% 28%,#343632,#090b09 75%);box-shadow:0 5px 7px #000b;transition:transform 1.15s cubic-bezier(.25,.8,.25,1),box-shadow 1.15s}.projector.open .reel-cap{transform:translateY(-115%) rotate(-9deg);box-shadow:0 20px 15px #0009}.reel-caption{font:7px monospace;letter-spacing:.24em;display:block;margin-top:12px;color:#a49c8d}.reel-panel{position:absolute;bottom:calc(100% + 18px);right:0;width:min(285px,85vw);padding:25px;background:#151615f5;border:1px solid #535247;box-shadow:0 20px 60px #0009;opacity:0;transform:translateY(16px);visibility:hidden;transition:.6s}.open .reel-panel{opacity:1;transform:none;visibility:visible}.reel-panel button{display:block;text-align:left;width:100%;border:0;border-top:1px solid #ffffff1a;background:none;padding:16px 0}.reel-panel em{font:25px Pinyon;display:block}.reel-panel span{display:block;font-size:10px;color:#9b9a90;margin-top:7px}.reel-panel small{display:block;color:#8b8b82;font-size:9px;line-height:1.7;margin-top:13px}#archiveList button{font:13px/1.5 Cormorant}#archiveList a{font-size:10px;color:#c0b49d}#mediaMessage{font-size:11px;line-height:1.8;color:#d3bca0;margin:0}#pauseFlash{position:absolute;inset:0;background:#d4c9ae;opacity:0;z-index:4;pointer-events:none}#credits{position:absolute;inset:0;background:#111313;z-index:5;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}#creditRoll{position:absolute;top:0;left:10%;width:80%;text-align:center;font:clamp(10px,1.2vw,17px)/2.2 Georgia,'Songti SC',serif;letter-spacing:.1em}#creditRoll p{margin:0 0 42px}.credit-title{font:clamp(25px,3.3vw,48px)/1.2 Pinyon!important}.credit-space{height:70px}.last-line{margin-top:70px!important}.credit-sign{font:clamp(25px,3vw,45px) Pinyon!important;margin-top:60px!important}
@media(max-width:640px){header{font-size:7px;left:20px;right:20px;letter-spacing:.08em}header span{max-width:130px}.invitation{padding:28px 19px 25px}.invitation-title{margin:25px 0 15px;font-size:42px}.invite-copy{font-size:11px;line-height:2.25;letter-spacing:.04em}.fine-rule{margin:18px auto}.edition{font-size:6px}.admit{margin-top:19px}.room-art{background-size:auto 100%;background-position:center}.screen{left:4%;width:92%;top:23%;height:34%}.screen-actions{left:4%;right:4%;top:59%;gap:8px}.screen-actions button{font-size:7px}.projector{right:22px;bottom:75px;width:95px}footer{left:86px;right:20px;font-size:6px}footer>span{max-width:100px;text-align:right}.seat-row{gap:10px}.seat{width:22px;height:25px}.seat:nth-child(5){margin-left:12px}#creditRoll{left:7%;width:86%;font-size:11px}.credit-title{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.invitation,.grain{animation:none}.reel-cap,.reel-panel{transition-duration:.1s}#credits{overflow-y:auto;mask-image:none}#creditRoll{position:relative;padding:25px 0}}
body.rain-subpage{padding-bottom:0}.rain-control{z-index:45!important}
@media(max-width:640px){.room-art{background-size:100% 100%}.screen{left:10%;width:80%;top:20.1%;height:39%}.screen-actions{top:61%}}
.screen video.opening-film{object-fit:cover}.screen video.cropped-film{inset:auto;max-width:none;max-height:none;object-fit:fill}.reel-note{color:#8b8b82;font-size:9px;line-height:1.8;margin:14px 0 8px}
.framing-studio{position:fixed;inset:0;z-index:60;background:radial-gradient(ellipse at 50% 35%,#272a2b 0,#111314 55%,#080909 100%);display:grid;grid-template-rows:auto minmax(260px,1fr) auto;gap:18px;padding:clamp(24px,4vw,52px);color:#d9d3c8}.framing-head{width:min(860px,100%);margin:auto;text-align:center}.framing-head h2{font:clamp(34px,5vw,64px) Pinyon;margin:8px 0}.framing-head>p:last-child{font:10px/1.8 Georgia,'Songti SC',serif;color:#aaa69f;letter-spacing:.08em}.framing-stage{position:relative;width:min(940px,92vw);height:min(54vh,520px);margin:auto;overflow:hidden;background:#050606;box-shadow:0 26px 80px #000c;touch-action:none;cursor:grab}.framing-stage:active{cursor:grabbing}.framing-stage>video{position:absolute;transform:translate(-50%,-50%);max-width:none;max-height:none;pointer-events:none}.crop-shade{position:absolute;background:#050607ba;backdrop-filter:blur(1.5px);z-index:2;pointer-events:none}.crop-frame{position:absolute;z-index:3;border:1px solid #eee7d0;box-shadow:0 0 0 1px #ffffff24,0 0 28px #d5c7a21f;pointer-events:none}.crop-frame:before,.crop-frame:after{content:'';position:absolute;top:0;width:1px;height:100%;background:#eee7d055}.crop-frame:before{left:33.333%}.crop-frame:after{left:66.666%}.crop-frame i{position:absolute;background:#f3ead4}.crop-frame i:nth-child(1),.crop-frame i:nth-child(2){top:33.333%;left:0;width:100%;height:1px}.crop-frame i:nth-child(2){top:66.666%}.crop-frame i:nth-child(3),.crop-frame i:nth-child(4){width:22px;height:22px;background:none;border-color:#f3ead4}.crop-frame i:nth-child(3){left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.crop-frame i:nth-child(4){right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.framing-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.framing-tools button{border:1px solid #6d6960;background:#171918;padding:10px 16px;font:9px monospace;letter-spacing:.12em}.framing-tools .quiet{border-color:transparent;color:#938f87}.framing-tools .confirm{background:#e2ddd1;color:#1a1c1b;border-color:#e2ddd1;padding-inline:24px}.framing-tools .confirm span{display:block;font:8px Georgia,'Songti SC',serif;margin-top:4px;letter-spacing:.15em}
@media(max-width:640px){.framing-studio{padding:58px 14px 24px;grid-template-rows:auto minmax(230px,1fr) auto;gap:12px}.framing-head h2{font-size:39px}.framing-head>p:last-child{font-size:8px;margin:5px auto;max-width:90%}.framing-stage{width:100%;height:min(48vh,410px)}.framing-tools{gap:7px}.framing-tools button{padding:9px 10px;font-size:8px}.framing-tools .confirm{width:100%;max-width:240px}}
.screen video.opening-film{object-fit:cover}.screen video.cropped-film{inset:auto;max-width:none;max-height:none;object-fit:fill}.reel-note{color:#8b8b82;font-size:9px;line-height:1.8;margin:14px 0 8px}
.framing-studio{position:fixed;inset:0;z-index:60;background:radial-gradient(ellipse at 50% 35%,#272a2b 0,#111314 55%,#080909 100%);display:grid;grid-template-rows:auto minmax(260px,1fr) auto;gap:18px;padding:clamp(24px,4vw,52px);color:#d9d3c8}.framing-head{width:min(860px,100%);margin:auto;text-align:center}.framing-head h2{font:clamp(34px,5vw,64px) Pinyon;margin:8px 0}.framing-head>p:last-child{font:10px/1.8 Georgia,'Songti SC',serif;color:#aaa69f;letter-spacing:.08em}.framing-stage{position:relative;width:min(940px,92vw);height:min(54vh,520px);margin:auto;overflow:hidden;background:#050606;box-shadow:0 26px 80px #000c;touch-action:none;cursor:grab}.framing-stage:active{cursor:grabbing}.framing-stage>video{position:absolute;transform:translate(-50%,-50%);max-width:none;max-height:none;pointer-events:none}.crop-shade{position:absolute;background:#050607ba;backdrop-filter:blur(1.5px);z-index:2;pointer-events:none}.crop-frame{position:absolute;z-index:3;border:1px solid #eee7d0;box-shadow:0 0 0 1px #ffffff24,0 0 28px #d5c7a21f;pointer-events:none}.crop-frame:before,.crop-frame:after{content:'';position:absolute;top:0;width:1px;height:100%;background:#eee7d055}.crop-frame:before{left:33.333%}.crop-frame:after{left:66.666%}.crop-frame i{position:absolute;background:#f3ead4}.crop-frame i:nth-child(1),.crop-frame i:nth-child(2){top:33.333%;left:0;width:100%;height:1px}.crop-frame i:nth-child(2){top:66.666%}.crop-frame i:nth-child(3),.crop-frame i:nth-child(4){width:22px;height:22px;background:none;border-color:#f3ead4}.crop-frame i:nth-child(3){left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.crop-frame i:nth-child(4){right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.framing-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.framing-tools button{border:1px solid #6d6960;background:#171918;padding:10px 16px;font:9px monospace;letter-spacing:.12em}.framing-tools .quiet{border-color:transparent;color:#938f87}.framing-tools .confirm{background:#e2ddd1;color:#1a1c1b;border-color:#e2ddd1;padding-inline:24px}.framing-tools .confirm span{display:block;font:8px Georgia,'Songti SC',serif;margin-top:4px;letter-spacing:.15em}
@media(max-width:640px){.framing-studio{padding:58px 14px 24px;grid-template-rows:auto minmax(230px,1fr) auto;gap:12px}.framing-head h2{font-size:39px}.framing-head>p:last-child{font-size:8px;margin:5px auto;max-width:90%}.framing-stage{width:100%;height:min(48vh,410px)}.framing-tools{gap:7px}.framing-tools button{padding:9px 10px;font-size:8px}.framing-tools .confirm{width:100%;max-width:240px}}