.cinema-embed *{box-sizing:border-box}.cinema-embed{scroll-behavior:auto;background:var(--ink);color:var(--paper);margin:0;font:16px/1.7 Noto Sans TC,sans-serif}.cinema-embed a{color:inherit;text-decoration:none}.cinema-embed button{font:inherit;color:inherit;cursor:pointer}.cinema-embed a,.cinema-embed button{-webkit-tap-highlight-color:transparent}.cinema-embed button:focus-visible,.cinema-embed a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.cinema-embed button{background:0 0;border:0}.cinema-embed h1,.cinema-embed h2,.cinema-embed p{margin:0}.cinema-embed h1,.cinema-embed h2{font-family:Noto Serif TC,serif;font-weight:400}.cinema-embed .masthead{z-index:5;border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;padding:28px 4.5%;display:flex;position:absolute;inset:0 0 auto}.cinema-embed .wordmark{letter-spacing:.14em;font-family:Noto Serif TC;font-size:24px}.cinema-embed .wordmark span{letter-spacing:.2em;font:9px/1.6 Cinzel,serif;display:block}.cinema-embed .edition,.cinema-embed .eyebrow{letter-spacing:.24em;color:var(--gold);font:11px/1.7 Cinzel,serif}.cinema-embed .nav-work{font-size:13px}.cinema-embed .nav-work span{margin-left:22px}.cinema-embed .hero{background:#111;height:100svh;min-height:670px;position:relative;overflow:hidden}.cinema-embed .hero-media,.cinema-embed .hero-shade,.cinema-embed .grain,.cinema-embed .flare{pointer-events:none;position:absolute;inset:0}.cinema-embed .hero-media video,.cinema-embed .hero-media canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cinema-embed .hero-media canvas{opacity:0}.cinema-embed .hero-media.webgl canvas{opacity:1}.cinema-embed .letterbox{pointer-events:none;background:#060606;height:5.4vh;position:absolute;left:0;right:0}.cinema-embed .letterbox.top{top:0}.cinema-embed .letterbox.bottom{bottom:0}.cinema-embed .hero-copy{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:100px 20px;display:flex;position:relative}.cinema-embed .hero h1{letter-spacing:.18em;margin-top:26px;font-size:clamp(26px,3vw,46px)}.cinema-embed .hero h1 span{letter-spacing:-.035em;text-shadow:0 4px 40px #0008;margin:22px 0;font:400 clamp(64px,8.8vw,150px)/.96 Cinzel,serif;display:block}.cinema-embed .intro{letter-spacing:.12em;color:#dfd9cf;font-size:15px}.cinema-embed .enter{border-bottom:1px solid var(--gold);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:55px;margin-top:27px;padding:16px 0;font-size:14px;transition:color .2s;display:inline-flex}.cinema-embed .enter:hover{color:var(--gold)}.cinema-embed .hero-foot{z-index:3;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:24px;left:4.5%;right:4.5%}.cinema-embed .hero-controls{align-items:center;gap:18px;display:flex}.cinema-embed .hero-controls button{min-width:44px;min-height:44px;font-size:12px}.cinema-embed .hero-controls button:last-child{border-bottom:1px solid #888}.cinema-embed .scroll-cue{letter-spacing:.22em;text-align:center;font:8px Cinzel;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.cinema-embed .scroll-cue span{color:var(--gold);margin-top:12px;display:block}.cinema-embed .grain{opacity:.075;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.cinema-embed .flare{mix-blend-mode:screen;opacity:.6;background:radial-gradient(40% .15% at 72% 38%,#eac88980,#0000),radial-gradient(6% 2% at 72% 38%,#d8ab6733,#0000)}.cinema-embed .works{padding:110px 6% 85px;scroll-margin-top:0}.cinema-embed .works:focus{outline:none}.cinema-embed .section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px;display:flex}.cinema-embed .section-head h2{margin-top:16px;font-size:clamp(25px,3vw,42px)}.cinema-embed .section-head>p{color:var(--muted);font-size:13px}.cinema-embed .work-grid{grid-template-columns:1fr 1fr;gap:72px 32px;display:grid}.cinema-embed .work:first-child{grid-column:1/-1}.cinema-embed .screen{aspect-ratio:16/9;cursor:pointer;background:#000;border:1px solid #39332b;width:100%;padding:0;display:block;position:relative;overflow:hidden}.cinema-embed .screen img,.cinema-embed .screen video,.cinema-embed .screen canvas{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cinema-embed .screen video{clip-path:circle(var(--reveal,0%) at var(--cx,50%) var(--cy,50%));transition:clip-path .9s cubic-bezier(.2,.7,.2,1)}.cinema-embed .screen canvas{opacity:0}.cinema-embed .screen.webgl canvas{opacity:1}.cinema-embed .screen.webgl img,.cinema-embed .screen.webgl video{opacity:0}.cinema-embed .screen:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #0004}.cinema-embed .film-state{z-index:2;letter-spacing:.18em;background:#090909aa;padding:8px 12px;font:10px Cinzel;position:absolute;bottom:18px;left:20px}.cinema-embed .play-mark{z-index:2;color:#fff;text-shadow:0 2px 5px #000;font-size:24px;position:absolute;bottom:12px;right:20px}.cinema-embed .work-info{justify-content:space-between;gap:20px;padding-top:24px;display:flex}.cinema-embed .work-number{color:var(--gold);margin-right:10px;font:12px Cinzel}.cinema-embed .work h3{margin:0 0 12px;font:400 clamp(23px,2.5vw,34px) Noto Serif TC}.cinema-embed .work-info p{color:var(--muted);max-width:480px;font-size:14px}.cinema-embed .spec{letter-spacing:.05em;color:#c1b59d;flex-wrap:wrap;gap:18px;margin-top:20px;font:11px/1.8 Cinzel;display:flex}.cinema-embed .zoom{border:1px solid #625743;flex-shrink:0;align-self:start;min-height:44px;padding:10px 15px;font-size:12px}.cinema-embed .credit{color:#888;margin-top:12px;font-size:10px}.cinema-embed .outro{text-align:center;border-top:1px solid #302b25;padding:100px 20px 130px}.cinema-embed .outro h2{margin-top:24px;font-size:clamp(34px,5vw,72px);line-height:1.45}.cinema-embed footer{color:var(--muted);border-top:1px solid #302b25;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:28px 6%;font-size:10px;display:flex}.cinema-embed .page-burn{z-index:20;pointer-events:none;background:0 0;display:none;position:fixed;inset:0}.cinema-embed .page-burn canvas{width:100%;height:100%}.cinema-embed .page-burn.active{display:block}.cinema-embed .page-burn.fallback{clip-path:circle(0%);background:#17110b}.cinema-embed dialog{color:var(--paper);background:#080808;border:1px solid #746347;width:min(94vw,1300px);max-height:95svh;padding:24px}.cinema-embed dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000e}.cinema-embed .viewer-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.cinema-embed .viewer-top h2{font-size:22px}.cinema-embed .viewer-top button{min-width:65px;min-height:44px}.cinema-embed dialog video{background:#000;width:100%;max-height:72svh}.cinema-embed dialog p{color:#999;margin-top:12px;font-size:11px}.cinema-embed .sr-only,.cinema-embed .skip{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cinema-embed .skip:focus{z-index:99;clip-path:none;background:#111;width:auto;height:auto;padding:15px;position:fixed}.cinema-embed .no-script{padding:30px}.cinema-embed .no-script a{text-decoration:underline}@media (max-width:700px){.cinema-embed .masthead{padding:20px 6%}.cinema-embed .edition{display:none}.cinema-embed .hero{min-height:620px}.cinema-embed .hero h1 span{font-size:clamp(55px,13vw,90px)}.cinema-embed .hero-copy{padding-top:75px}.cinema-embed .hero-copy .eyebrow{letter-spacing:.13em;font-size:8px}.cinema-embed .hero h1{font-size:27px}.cinema-embed .hero-foot>span{max-width:130px;font-size:8px}.cinema-embed .scroll-cue{display:none}.cinema-embed .hero-controls{gap:5px}.cinema-embed .works{padding:65px 6%}.cinema-embed .section-head{margin-bottom:32px;display:block}.cinema-embed .section-head>p{margin-top:20px}.cinema-embed .work-grid{grid-template-columns:1fr;gap:48px}.cinema-embed .work-info{gap:10px}.cinema-embed .work h3{font-size:23px}.cinema-embed .work-info p{font-size:13px}.cinema-embed .spec{gap:10px;font-size:10px}.cinema-embed .zoom{padding:8px}.cinema-embed .film-state{font-size:8px;bottom:10px;left:10px}.cinema-embed .play-mark{bottom:8px;right:12px}.cinema-embed .outro{padding:70px 6%}.cinema-embed .viewer-top h2{font-size:18px}.cinema-embed dialog{padding:14px}}@media (prefers-reduced-motion:reduce){.cinema-embed *,.cinema-embed :before,.cinema-embed :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.cinema-embed .flare,.cinema-embed .grain{display:none}}.cinema-embed{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#f8f5f2;--paper:#1a1a1a;--muted:#68605c;--gold:#ae445a}.cinema-embed .masthead{color:#1a1a1a;background:#f8f5f2;border-color:#d9cfca;padding-top:20px;padding-bottom:20px}.cinema-embed .edition,.cinema-embed .eyebrow{color:#96394d}.cinema-embed .hero{color:#f8f5f2}.cinema-embed .hero-copy .eyebrow,.cinema-embed .hero .scroll-cue{display:none}.cinema-embed .hero h1{letter-spacing:.02em;text-shadow:0 3px 28px #0009;margin:0;font-size:clamp(44px,6.5vw,94px);font-weight:600;line-height:1.35}.cinema-embed .hero h1 span{letter-spacing:.08em;margin:24px 0 18px;font:400 clamp(17px,1.6vw,23px)/1.7 Noto Sans TC,sans-serif}.cinema-embed .hero .intro{color:#fff;font-size:15px}.cinema-embed .hero .enter{color:#fff;background:#ae445a;border:1px solid #ae445a;border-radius:4px;gap:45px;padding:14px 26px}.cinema-embed .hero .enter:hover{background:#96394d}.cinema-embed .hero-shade{background:linear-gradient(#0003,#0005 40%,#0009)}.cinema-embed .letterbox.top{display:none}.cinema-embed .letterbox.bottom{background:#1a1a1a;height:70px}.cinema-embed .hero-foot{color:#f8f5f2}.cinema-embed .flare{opacity:.15}.cinema-embed .grain{opacity:.025}.cinema-embed .works{background:#f8f5f2}.cinema-embed .section-head h2{font-weight:500}.cinema-embed .section-head>p{font-size:16px}.cinema-embed .screen{border:1px solid #ad9b94;border-radius:4px}.cinema-embed .screen:hover{border-color:#ae445a}.cinema-embed .film-state{color:#fff}.cinema-embed .work-number{color:#96394d}.cinema-embed .work-info p{font-size:16px}.cinema-embed .spec{color:#70524d;font-family:Noto Sans TC,sans-serif;font-size:12px}.cinema-embed .credit{color:#756c66;font-size:12px}.cinema-embed .zoom{color:#96394d;border-color:#ae445a;border-radius:4px;font-size:14px}.cinema-embed .zoom:hover{color:#fff;background:#ae445a}.cinema-embed .outro{color:#fff;background:#ae445a;border:0}.cinema-embed .outro .eyebrow{display:none}.cinema-embed .outro h2{margin-top:0}.cinema-embed .outro .enter{border-color:#fff}.cinema-embed .outro .enter:hover{color:#fff}.cinema-embed footer{color:#68605c;border-color:#d9cfca;font-size:12px}.cinema-embed .page-burn.fallback{background:#f8f5f2}.cinema-embed dialog{color:#1a1a1a;background:#f8f5f2;border-color:#ae445a}.cinema-embed dialog p{color:#68605c}@media (max-width:700px){.cinema-embed .masthead{padding:16px 6%}.cinema-embed .hero h1{font-size:45px}.cinema-embed .hero h1 span{letter-spacing:0;max-width:310px;font:400 17px/1.8 Noto Sans TC,sans-serif}.cinema-embed .hero-copy{padding:110px 22px 90px}.cinema-embed .hero .intro{font-size:13px}.cinema-embed .hero-foot>span{max-width:160px;line-height:1.6}.cinema-embed .work-info p,.cinema-embed .section-head>p{font-size:15px}.cinema-embed .zoom{font-size:12px}.cinema-embed .spec{font-size:10px}}.cinema-embed .work:first-child .screen{aspect-ratio:16/9}.cinema-embed .hero{height:calc(100svh - 90px);min-height:620px}.cinema-embed .hero-copy{padding-top:70px}.cinema-embed .works{padding:70px 0}.cinema-embed .hero h1{color:#f8f5f2}.cinema-embed .collection-jump{color:#96394d;border-top:1px solid #d9cfca;flex-wrap:wrap;gap:28px;margin-top:50px;padding:24px 0;display:flex}.cinema-embed .hero-foot{bottom:16px}.cinema-embed .hero .intro{color:#fff}.portfolio-intro{color:#292626;padding:48px 0 16px}.portfolio-intro h1{margin:0 0 20px;font-size:clamp(32px,4.5vw,60px);line-height:1.4}.portfolio-intro p{font-size:18px;line-height:1.8}.portfolio-intro nav{flex-wrap:wrap;gap:28px;margin-top:24px;display:flex}.portfolio-intro nav a{color:#96394d;text-underline-offset:6px;padding:10px 0}.studio-direction .cinema-home .hero h1{color:#f8f5f2;margin:0;font-size:clamp(44px,6.5vw,94px);line-height:1.35!important}.studio-direction .cinema-home .hero h1 span{letter-spacing:.04em;margin:24px 0 18px;font:400 clamp(17px,1.6vw,23px)/1.7 Noto Sans TC,sans-serif;display:block}.studio-direction .cinema-home .hero .intro{color:#fff;margin:0 0 24px;font-size:16px}.studio-direction .cinema-home a:focus-visible{outline-offset:6px;outline:3px solid #fff}@media (max-width:700px){.studio-direction .cinema-home .hero h1{font-size:45px}.studio-direction .cinema-home .hero h1 span{max-width:310px;font-size:17px}.cinema-home .hero-controls button{min-height:44px}}.cinema-embed .work[id]{scroll-margin-top:120px}