@font-face{font-family:Bebas Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bebas-neue-latin-400-normal-9mHNbWWO.woff2)format("woff2"),url(/assets/bebas-neue-latin-400-normal-Bi-ndsyu.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-latin-700-normal-DajfzrDU.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-700-normal-O25Qpphb.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-decorative-latin-400-normal-C3uAaiWr.woff2)format("woff2"),url(/assets/cinzel-decorative-latin-400-normal-Bspm-4mP.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2)format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-500-normal-DRFEGfly.woff2)format("woff2"),url(/assets/montserrat-latin-500-normal-Dok2oTci.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2)format("woff2"),url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff)format("woff")}@font-face{font-family:Noto Sans TC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-tc-chinese-traditional-400-normal-ijqRPkq_.woff2)format("woff2"),url(/assets/noto-sans-tc-chinese-traditional-400-normal-B_Fp4KPb.woff)format("woff")}:root{color:#e7e8e2;font-synthesis:none;text-rendering:optimizelegibility;--ink:#e7e8e2;--bg:#070a07;--scene-button-top:calc((100dvh - min(56.25vw, 100dvh)) / 2 + min(41.349vw, 73.5093dvh));--reference-button-top:73.5093%;--scene-button-width:max(96px, min(12.5833vw, 22.3703dvh));--scene-button-height:max(44px, min(3.026vw, 5.3796dvh));--content-button-gap:clamp(56px, 8.8889dvh, 96px);background:#070a07;font-family:Montserrat,Noto Sans TC,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.experience{background:var(--bg);min-height:100dvh;position:relative;overflow:hidden}.music-control{top:max(14px, calc(env(safe-area-inset-top) + 8px));right:max(14px, calc(env(safe-area-inset-right) + 8px));z-index:20;width:44px;height:44px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b0894;border:1px solid #e7e8e252;border-radius:50%;place-items:center;padding:0;transition:border-color .18s,background-color .18s;display:grid;position:fixed}.music-control:hover{background:#080b08d1;border-color:#e7e8e2ad}.music-control:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.music-bars{align-items:flex-end;gap:3px;height:15px;display:flex}.music-bars>span{transform-origin:bottom;background:currentColor;width:2px;height:4px;transition:height .18s,opacity .18s}.music-control.is-playing .music-bars>span{animation:.9s ease-in-out infinite alternate music-bar}.music-control.is-playing .music-bars>span:first-child{height:9px;animation-delay:-.45s}.music-control.is-playing .music-bars>span:nth-child(2){height:14px;animation-delay:-.15s}.music-control.is-playing .music-bars>span:nth-child(3){height:7px;animation-delay:-.7s}.scene-layer{background:var(--bg);min-height:100dvh;position:absolute;inset:0;overflow:hidden}.scene-layer--active{z-index:1}.scene-layer--out,.scene-layer--in{pointer-events:none;will-change:opacity, filter}.scene-layer--out{z-index:1;animation:1.2s linear both scene-dissolve-out}.scene-layer--in{z-index:2;animation:1.2s linear both scene-dissolve-in}.scene-layer--out:after,.scene-layer--in:after{content:"";opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 18% 27%,#ffffff0d 0 1px,#0000 1.5px) 0 0/5px 5px,radial-gradient(circle at 73% 61%,#ffffff0a 0 1px,#0000 1.5px) 0 0/7px 7px;animation:.3s steps(2,end) 4 alternate dissolve-grain;position:absolute;inset:0}.screen{width:100%;min-height:100dvh;position:relative}.title-card{text-align:center;place-items:center;padding:32px 20px;display:grid}.intro,.screenplay,.cast,.call-sheet{background:#080b08;place-items:center;padding:0;display:grid}.intro-media,.title-media,.screenplay-media,.cast-media{aspect-ratio:16/9;background:#080b08;width:min(100vw,177.778dvh);position:relative;overflow:hidden;container-type:inline-size}.call-sheet{color:#fff;background:#080b08;padding:clamp(32px,11.4dvh,124px) clamp(20px,8.23vw,158px) 0;display:block}.call-sheet-content{width:min(100%,1604px);margin:0 auto}.call-sheet-heading{color:#fff;letter-spacing:.1em;white-space:nowrap;border-bottom:1px solid #e7e8e261;align-items:center;gap:.5em;margin:0;padding-bottom:clamp(22px,4.72dvh,51px);font-family:Bebas Neue,sans-serif;font-size:clamp(20px,1.6667vw,32px);font-weight:400;line-height:1;display:flex}.call-sheet-heading-icon{letter-spacing:normal;font-family:sans-serif}.call-sheet-details{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,14.3vw,274px);padding-top:clamp(28px,8.7dvh,94px);display:grid}.call-sheet-column{flex-direction:column;gap:clamp(44px,9.8dvh,106px);display:flex}.call-sheet-secondary{gap:clamp(14px,3.1dvh,34px)}.call-sheet-item{min-width:0}.call-sheet-label{color:var(--ink);letter-spacing:.09em;text-transform:uppercase;margin:0;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:clamp(14px,1.0417vw,20px);font-weight:400;line-height:1.2}.call-sheet-value{color:#fff;letter-spacing:.035em;text-transform:uppercase;margin:clamp(18px,5.4dvh,58px) 0 0;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:clamp(18px,1.25vw,24px);font-weight:700;line-height:1.35}.call-sheet-value span{display:block}.call-sheet-theme,.call-sheet-note{text-transform:uppercase;margin:0;font-family:Montserrat,Noto Sans TC,sans-serif;font-weight:700;line-height:1.35}.call-sheet-theme{color:#fff;letter-spacing:.05em;font-size:clamp(12px,.7292vw,14px)}.call-sheet-note{color:#8b0000;letter-spacing:.035em;font-size:clamp(15px,.9375vw,18px)}.call-sheet-rsvp{text-decoration:none}.intro-reference,.title-reference,.screenplay-reference,.cast-reference{object-fit:contain;width:100%;height:100%;display:block}.intro-hit-target,.title-hit-target,.screenplay-hit-target,.cast-hit-target{top:var(--reference-button-top);z-index:2;min-width:44px;min-height:44px;width:var(--scene-button-width);height:var(--scene-button-height);touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.reference-button-visual{color:#080b08;letter-spacing:.01em;pointer-events:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#7e0000;place-items:center;width:100%;height:100%;font-family:Cormorant Garamond,serif;font-size:clamp(.68rem,1.1458cqw,1.35rem);font-weight:700;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cast-hit-target .reference-button-visual{color:#080b08;letter-spacing:normal;background:#8b0000;font-family:Cinzel,serif;font-size:clamp(.68rem,1.15cqw,1.35rem);transition:color .18s,background-color .18s;inset:0;transform:none}.cast-hit-target:hover .reference-button-visual,.cast-hit-target:focus-visible .reference-button-visual{color:var(--ink);background:#720000}.title-hit-target .reference-button-visual,.cast-hit-target .reference-button-visual{width:100%}.cast-hit-target .reference-button-visual{width:auto;height:auto}.intro-hit-target:disabled .reference-button-visual,.title-hit-target:disabled .reference-button-visual,.screenplay-hit-target:disabled .reference-button-visual{opacity:0}.intro-hit-target:not(:disabled),.title-hit-target:not(:disabled),.screenplay-hit-target:not(:disabled),.cast-hit-target{cursor:pointer}.intro-hit-target:focus-visible,.title-hit-target:focus-visible,.screenplay-hit-target:focus-visible,.cast-hit-target:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.fast-forward-control{z-index:1;color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.fast-forward-control span{opacity:0;letter-spacing:.14em;text-shadow:0 1px 5px #080b08;font-size:clamp(12px,1.2vw,18px);font-weight:600;transition:opacity .12s,transform .12s;position:absolute;top:5%;right:4%;transform:translateY(-4px)}.fast-forward-control.is-active span{opacity:1;transform:translateY(0)}.fast-forward-control:focus-visible{outline:0}.title-card{color:var(--ink);background:#080b08;padding:24px}.title-content{bottom:calc(100dvh - var(--scene-button-top) + var(--content-button-gap));flex-direction:column;align-items:center;width:min(100%,1240px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.title-heading{--title-line-gap:clamp(8px, 1.2vh, 13px);align-items:center;gap:var(--title-line-gap);color:#fff;letter-spacing:.5em;word-spacing:-.25em;text-transform:uppercase;flex-direction:column;margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(1.2rem,3.021vw,3.625rem);font-weight:400;line-height:1;display:flex;transform:translateY(-32px)}.title-heading span{white-space:nowrap;display:block}.title-label{margin:0}.title-session{margin:0;transform:none}.title-translation{color:#737373;letter-spacing:.98em;text-transform:uppercase;white-space:nowrap;margin:clamp(35px,6.4vh,69px) 0 0;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:clamp(1rem,1.875vw,2.25rem);font-weight:400;line-height:1.25;transform:translateY(-9px)}.title-credit{color:#fff;letter-spacing:.25em;white-space:nowrap;margin:clamp(24px,4.2vh,45px) 0 0;font-family:Montserrat,sans-serif;font-size:clamp(.7rem,1.2vw,1.4375rem);font-weight:400;line-height:1.3;transform:translateY(4px)}.screenplay{color:#fff;text-align:center;isolation:isolate;background:#080b08;font-family:Montserrat,Noto Sans TC,Microsoft JhengHei,sans-serif}.screenplay-viewport{position:absolute;inset:0;overflow:hidden}.screenplay-track{--screenplay-start:98dvh;--screenplay-end:48dvh;will-change:transform;width:min(100% - 48px,1500px);font-size:clamp(1rem,1.458vw,1.75rem);font-weight:400;line-height:1.45;animation:30s linear 1.1s forwards screenplay-scroll;position:absolute;top:0;left:50%}.screenplay-beat{opacity:0;animation:screenplay-beat-in .7s ease-out var(--beat-delay) forwards;margin-top:clamp(13px,1.8vh,20px)}.screenplay-beat:first-child{margin-top:0}.screenplay-beat p{margin:0}.screenplay-cue{font-size:clamp(1rem,1.458vw,1.75rem);font-weight:700}.screenplay-italic{font-style:italic}.screenplay-zh{color:#737373;letter-spacing:.025em;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:clamp(.875rem,1.25vw,1.5rem);font-weight:400;line-height:1.5}.screenplay-speaker{margin-top:clamp(22px,3vh,32px)}.screenplay-out{margin-top:clamp(36px,5.5vh,59px)}.screenplay-action{z-index:3;pointer-events:none;position:absolute;inset:0}.screenplay-next{opacity:0;pointer-events:auto;animation:.8s ease-out 31.8s forwards screenplay-next-in;transform:translate(-50%,8px)}.intro{color:var(--ink);text-align:center;background:#080b08;place-items:center;padding:24px;display:grid}.intro-content{bottom:calc(100dvh - var(--scene-button-top) + var(--content-button-gap));flex-direction:column;align-items:center;width:min(100%,1100px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.intro-heading{color:var(--ink);flex-direction:column;align-items:center;margin:0;font-family:Cinzel Decorative,serif;font-weight:400;line-height:1;display:flex}.intro-kicker,.intro-title,.intro-from,.intro-names{white-space:nowrap;display:block}.intro-kicker{letter-spacing:.04em;margin-bottom:clamp(13px,1.4vw,27px);font-size:clamp(1.75rem,2.8vw,3.35rem);transform:translateY(clamp(18px,2vw,39px))}.intro-title{letter-spacing:.035em;font-size:clamp(2.75rem,6.3vw,7.6rem);transform:translateY(12px)}.animated-letter{opacity:0;filter:blur(16px);animation:letter-focus 1.85s cubic-bezier(.16, 1, .3, 1) var(--letter-delay) forwards;will-change:opacity, filter, transform;display:inline-block;transform:translateY(3px)scale(1.055)}.intro-signature{margin-top:clamp(27px,3vw,55px);font-family:Montserrat,Noto Sans TC,Microsoft JhengHei,sans-serif;font-weight:400}.intro-signature p{margin:0}.intro-from{letter-spacing:.005em;font-size:clamp(.78rem,1.55vw,1.85rem)}.intro-names{letter-spacing:.39em;margin-top:clamp(13px,.8vw,16px);font-size:clamp(.82rem,1.65vw,1.98rem)}.intro-signature .animated-letter{filter:blur(7px);animation-duration:.68s;transform:translateY(1px)}.scene-button{top:var(--scene-button-top);z-index:3;width:var(--scene-button-width);height:var(--scene-button-height);color:#080b08;cursor:pointer;background:#8b0000;border:0;place-items:center;min-height:0;padding:0;font-family:Cinzel,serif;font-size:clamp(.68rem,1.15vw,1.35rem);font-weight:700;line-height:1;transition:color .18s,background-color .18s;display:grid;position:absolute;left:50%;transform:translate(-50%)}.intro-open{opacity:0;animation:.85s cubic-bezier(.16,1,.3,1) 11.7s forwards open-arrival;transform:translate(-50%,10px)}.title-next{margin:0}.scene-button:disabled{cursor:default;pointer-events:none}.scene-button:not(:disabled):hover{color:var(--ink);background:#720000;transform:translate(-50%)}.scene-button:focus-visible{outline:1px solid var(--ink);outline-offset:5px}@keyframes letter-focus{0%{opacity:0;filter:blur(16px);transform:translateY(3px)scale(1.055)}35%{opacity:.34}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes open-arrival{to{opacity:1;transform:translate(-50%)}}@keyframes music-bar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes scene-dissolve-out{0%{opacity:1;filter:blur()brightness()}to{opacity:0;filter:blur(5px)brightness(.72)}}@keyframes scene-dissolve-in{0%{opacity:0;filter:blur(5px)brightness(.72)}to{opacity:1;filter:blur()brightness()}}@keyframes dissolve-grain{0%,to{opacity:0;transform:translate(0)}50%{opacity:.6;transform:translate(1px,-1px)}}@keyframes screenplay-scroll{0%{transform:translate(-50%, var(--screenplay-start))}to{transform:translate(-50%, calc(-100% + var(--screenplay-end)))}}@keyframes screenplay-beat-in{0%{opacity:0;filter:blur(5px);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes screenplay-next-in{to{opacity:1;transform:translate(-50%)}}@media (width<=767px){.fast-forward-control span{top:4%;right:5%}.intro{padding:20px 16px}.intro-content{transform:translate(-50%)}.intro-kicker{transform:translateY(16px)}.intro-title{letter-spacing:.015em;transform:translateY(8px)}:root{--scene-button-width:clamp(120px, 38vw, 160px);--scene-button-height:44px}.title-card{padding:20px 12px}.call-sheet{padding:24px 20px 0}.call-sheet-heading{letter-spacing:.05em;white-space:normal;align-items:flex-start;padding-bottom:14px;font-size:20px;line-height:1.15}.call-sheet-details{grid-template-columns:1fr;gap:24px;padding-top:18px}.call-sheet-column{gap:24px}.call-sheet-value{margin-top:18px;line-height:1.3}.title-heading{letter-spacing:.11em;font-size:clamp(1.18rem,5.5vw,2rem);transform:translateY(-12px)}.title-translation{letter-spacing:.12em;margin-top:clamp(34px,6vh,48px);font-size:clamp(.9rem,4.2vw,1.4rem);transform:translateY(-4px)}.title-credit{letter-spacing:.025em;max-width:92vw;margin-top:clamp(25px,4.5vh,38px);font-size:clamp(.68rem,2.8vw,.9rem);transform:translateY(2px)}.title-next{margin:0}.screenplay-track{--screenplay-start:96dvh;--screenplay-end:68dvh;width:calc(100% - 28px);font-size:clamp(1rem,4vw,1.18rem);line-height:1.5}.screenplay-beat{margin-top:clamp(12px,1.7vh,16px)}.screenplay-cue{font-size:clamp(1rem,4vw,1.18rem)}.screenplay-zh{font-size:clamp(.875rem,3.55vw,1.05rem);line-height:1.55}.screenplay-speaker{margin-top:22px}.screenplay-out{margin-top:38px}}@media (width>=768px) and (width<=1200px){.title-heading{letter-spacing:.38em}.title-translation{letter-spacing:.72em}.title-credit{letter-spacing:.09em}}@media (height<=650px){.call-sheet{padding-top:20px}.call-sheet-heading{padding-bottom:18px}.call-sheet-details{gap:28px;padding-top:24px}.call-sheet-column{gap:28px}.intro-content{transform:translate(-50%)}.intro-open{margin-top:0}.title-translation{margin-top:28px}.title-credit{margin-top:20px}.title-next{margin:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}
