:root{color-scheme:dark;--ink:#eeeae2;--muted:#a8aaa6;--gold:#f2b441;--line:#ffffff24;--bg:#101313}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Helvetica Neue",Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:#171a18}
#bgvideo{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.25;filter:saturate(.55)}.overlay-grad{position:fixed;inset:0;background:linear-gradient(180deg,#0b1010b8,#101313e8 75%);z-index:-2}.wrap{max-width:1120px;margin:auto;padding:0 34px}.site-header{border-bottom:1px solid var(--line);background:#101313e8;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.header-inner{max-width:1120px;margin:auto;padding:16px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:20px}.wordmark span{color:var(--gold)}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none;color:#bfc0b8}nav a:hover{color:var(--gold)}.skip-link{position:fixed;top:0;left:16px;transform:translateY(-150%);z-index:100;background:var(--gold);color:var(--bg);padding:8px 16px}.skip-link:focus{transform:translateY(8px)}
.hero{padding:68px 0 35px;position:relative}.eyebrow,.section-kicker{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;background:var(--gold);display:inline-block;border-radius:50%}h1{font-size:clamp(53px,8.5vw,112px);line-height:1.02;letter-spacing:-.065em;font-weight:800;margin:28px 0 20px;color:var(--gold)}h1 span{display:block}.identity{margin:0;color:#dbddd4;font-size:17px;letter-spacing:.06em}.identity span{color:var(--muted);font-size:12px;margin-left:15px;letter-spacing:.09em}.tagline{margin:10px 0 0;font-size:14px;color:var(--muted);letter-spacing:.02em}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 0}.hero-foot a{font-size:12px;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:5px}.gesture-hint{font:11px/1.5 ui-monospace,Consolas,monospace;color:var(--muted);display:flex;align-items:center;gap:10px}.hint-mark{font-size:24px;color:var(--gold)}.score-art{width:100%;height:125px;display:block;overflow:visible;margin:10px 0 8px;opacity:.65}
section:not(.hero){border-top:1px solid var(--line);padding:44px 0 54px;scroll-margin-top:10px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:0 0 32px}h2{font-weight:500;letter-spacing:-.03em;font-size:clamp(27px,4vw,40px);line-height:1.2;margin:0}h2 small{font-size:13px;color:var(--muted);letter-spacing:0;margin-left:14px}p{font-size:15px;line-height:1.95;margin:0 0 18px}.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.bio-grid .language{font:11px ui-monospace,Consolas,monospace;color:var(--gold);display:block;margin-bottom:20px}.bio-grid .english p{color:#b4b8b0;font-size:14px;line-height:1.9}.credit-intro{color:var(--muted);font-size:13px;max-width:700px;margin-bottom:32px}.credit-group+.credit-group{margin-top:40px}.group-heading{font-size:12px;font-weight:500;color:var(--gold);padding-bottom:12px;border-bottom:1px solid var(--line);display:flex;gap:14px}.group-heading span{font-size:11px;letter-spacing:.05em;color:var(--muted)}.credit-row{display:grid;grid-template-columns:70px minmax(0,1fr) 25px;gap:24px;padding:23px 0;border-bottom:1px solid #ffffff13}.credit-year{font:14px/1.8 ui-monospace,Consolas,monospace;color:var(--gold)}.credit-award{font-size:16px;letter-spacing:.02em;margin:0 0 6px;font-weight:500}.credit-event{font-size:11px;color:var(--muted);letter-spacing:.025em;margin-bottom:7px}.credit-work{font-size:13px;color:#c0c6bd;margin-bottom:5px;line-height:1.75}.credit-role{font-size:11px;color:#979e96;line-height:1.7}.source-link{color:#8b9389;text-decoration:none;font:16px/1.6 ui-monospace,Consolas,monospace;align-self:start;padding:0 4px}.source-link:hover{color:var(--gold)}.credit-row:hover .credit-award{color:var(--gold)}.credit-footer{display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:22px}.credit-footer a{color:#c8cdbf}.archive details{font-size:13px;color:var(--muted)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:12px 0}summary:after{content:'＋';color:var(--gold)}details[open] summary:after{content:'−'}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}td,th{padding:14px 0;border-bottom:1px solid var(--line);font-weight:400}th{font-size:11px;color:var(--gold)}
.links-list{display:flex;flex-wrap:wrap;gap:12px 28px}.links-list a{font-size:14px;text-decoration:none;border-bottom:1px solid #ffffff40;padding:4px 0}.links-list a span{font-size:10px;color:var(--gold);margin-left:12px}.links-list a:hover{color:var(--gold)}.contact-copy{color:var(--muted);font-size:13px}.email{display:inline-block;font-size:clamp(20px,3.4vw,36px);letter-spacing:-.04em;text-decoration:none;border-bottom:1px solid var(--gold);line-height:1.5;overflow-wrap:anywhere}.email:hover{color:var(--gold)}footer{border-top:1px solid var(--line);max-width:1052px;margin:0 auto;padding:22px 0 100px;font:10px/1.7 ui-monospace,Consolas,monospace;letter-spacing:.04em;color:var(--muted);display:flex;justify-content:space-between;gap:24px}.effect-panel{position:fixed;bottom:20px;right:24px;z-index:70;background:#131917f2;border:1px solid #77806a66;box-shadow:0 6px 28px #0004;display:flex;align-items:center;backdrop-filter:blur(12px);border-radius:3px}.effect-panel button{border:0;background:none;color:var(--ink);font-size:11px;cursor:pointer;padding:12px 16px;min-height:44px}.effect-panel button:hover{color:var(--gold)}#score-toggle{display:flex;align-items:center;gap:9px}#score-toggle .indicator{width:5px;height:5px;border-radius:50%;background:var(--gold)}#score-toggle[aria-pressed=false] .indicator{background:#70786c}#score-demo{color:var(--gold);border-left:1px solid var(--line)}#score-demo:disabled{opacity:.5;cursor:default}#cursor-score{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:700px){.wrap{padding:0 23px}.header-inner{padding:14px 23px}.wordmark{font-size:16px}nav{gap:15px;font-size:11px}nav a:first-child{display:none}.hero{padding-top:45px}h1{font-size:clamp(52px,13.7vw,92px);margin-top:28px}.identity{font-size:14px}.identity span{display:block;margin:8px 0 0;font-size:10px}.tagline{font-size:11px;max-width:290px}.score-art{height:100px}.hero-foot{margin-top:24px;align-items:flex-end}.gesture-hint{font-size:10px;max-width:180px}.bio-grid{grid-template-columns:1fr;gap:24px}.section-heading{align-items:flex-start;gap:12px}.section-kicker{font-size:9px;letter-spacing:.07em}h2 small{display:block;margin:8px 0 0;font-size:11px}.credit-row{grid-template-columns:46px minmax(0,1fr) 18px;gap:12px}.credit-award{font-size:14px}.credit-work{font-size:12px}.credit-year{font-size:12px}.group-heading{flex-direction:column;gap:4px}.credit-footer{flex-direction:column;gap:8px}footer{margin:0 23px;flex-direction:column;gap:8px;padding-bottom:95px}.effect-panel{right:14px;bottom:14px}.effect-panel button{padding:11px 12px;font-size:10px}.links-list{gap:14px 24px}p{font-size:14px}section:not(.hero){padding:34px 0 42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#bgvideo{display:none}}@media(pointer:coarse){.gesture-hint{display:none}#score-toggle{display:none}.effect-panel{opacity:.85}}

.award-list{list-style:none;padding:0;margin:0}.award-list li{padding:17px 0;border-bottom:1px solid #ffffff20;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.award-list li::first-letter{color:var(--gold)}@media(max-width:700px){.award-list li{font-size:14px;padding:15px 0}}

/* Cursor is replaced only after the particle renderer has drawn its hotspot. */
html.score-cursor-active,html.score-cursor-active *{cursor:none!important}.hero{padding-bottom:56px}.hero-foot{margin-bottom:15px}.score-art{display:none}

/* Live Kasse score architecture; the film treatment is drawn into this canvas only. */
body{isolation:isolate}#kasse-background{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;background:#101313}.overlay-grad{background:linear-gradient(90deg,rgba(10,14,13,.93) 0%,rgba(10,14,13,.80) 30%,rgba(10,14,13,.32) 62%,rgba(10,14,13,.06) 100%),linear-gradient(180deg,rgba(10,14,13,.08),rgba(10,14,13,.18) 60%,rgba(10,14,13,.78) 100%)}.kasse-hint{gap:18px}.kasse-hint button{border:0;border-bottom:1px solid #f2b44170;background:none;color:var(--gold);font:inherit;padding:7px 0;white-space:nowrap;cursor:pointer}.effect-panel{max-width:calc(100vw - 36px);flex-wrap:wrap;justify-content:flex-end}.effect-panel button+button{border-left:1px solid var(--line)}#film-toggle,#kasse-motion{color:#c9c9ba}#film-toggle[aria-pressed=true]{color:var(--gold)}@media(max-width:700px){.kasse-hint{display:flex;max-width:170px;gap:8px}.kasse-hint>span{display:none}.hero-foot{align-items:center}.effect-panel{max-width:calc(100vw - 28px)}.effect-panel button{font-size:9px;padding:9px 10px}.overlay-grad{background:linear-gradient(90deg,rgba(10,14,13,.92),rgba(10,14,13,.56) 65%,rgba(10,14,13,.18)),linear-gradient(180deg,transparent,rgba(10,14,13,.76))}}