:root{--bg: #0a0908;--bg-soft: #121110;--panel: #1a1816;--panel-2: #201d1a;--text: #f2ede4;--text-dim: #b1aca5;--text-faint: #86837e;--accent: #c9a961;--accent-dim: #8a7544;--line: #2a2723;--line-soft: #1f1d1a;--logo: #3a2e28}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,"Noto Serif TC",sans-serif;font-weight:300;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.bokeh-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 30%,rgba(180,140,70,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(120,100,60,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(60,50,35,.1) 0%,transparent 70%),var(--bg)}.bokeh-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(201,169,97,.15) 0%,transparent 2%),radial-gradient(circle at 85% 30%,rgba(201,169,97,.1) 0%,transparent 1.5%),radial-gradient(circle at 25% 75%,rgba(201,169,97,.08) 0%,transparent 1.2%),radial-gradient(circle at 70% 85%,rgba(201,169,97,.12) 0%,transparent 2%),radial-gradient(circle at 45% 40%,rgba(201,169,97,.06) 0%,transparent 1%),radial-gradient(circle at 90% 60%,rgba(201,169,97,.1) 0%,transparent 1.8%);filter:blur(1.5px)}.th-1{background:linear-gradient(135deg,#3d2817,#1a1410,#6b3a1f)}.th-2{background:linear-gradient(180deg,#8b6534,#c49a5e 40%,#2a1f15)}.th-3{background:linear-gradient(135deg,#a33333,#5a1a1a 60%,#2a0f0f)}.th-4{background:linear-gradient(135deg,#d98a2a,#a85c2a,#3a1f0f)}.th-5{background:linear-gradient(180deg,#2a4560,#1a2a3a,#6b8aaa)}.th-6{background:linear-gradient(135deg,#2d3a35,#1a1f1d,#5a6b60)}.th-7{background:linear-gradient(180deg,#8a7544,#c9a961 40%,#3a2e15)}.th-8{background:linear-gradient(135deg,#2a3a2a,#1a2a1a,#4a5a3a)}.th-9{background:linear-gradient(135deg,#1a2a3a,#0f1a2a,#2a3a4a)}.th-10{background:linear-gradient(180deg,#5a3a2a,#3a2418,#8a5a3a)}.th-11{background:linear-gradient(135deg,#4a2a3a,#2a1a2a,#6a3a5a)}.th-12{background:linear-gradient(180deg,#3a5a4a,#1a3a2a,#5a8a6a)}.th-13{background:linear-gradient(135deg,#6a4a2a,#3a2418,#9a6a3a)}.th-14{background:linear-gradient(180deg,#2a3a5a,#1a2438,#4a5a8a)}.th-15{background:linear-gradient(135deg,#8a5a3a,#4a2a18,#c98a5a)}.thumb{background-size:cover;background-position:center;border:1px solid var(--line);filter:grayscale(.45) brightness(.9);transition:all .4s;position:relative;overflow:hidden;flex-shrink:0}.thumb:before{content:attr(data-short);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif TC",serif;color:#ffffff4d;font-size:.55rem;text-align:center;padding:.2rem;letter-spacing:.05em;line-height:1.2}.thumb:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.3;mix-blend-mode:overlay;pointer-events:none}.featured-thumb--image,.work-cover--image,.hero-award-item .award-bg{position:relative}.featured-thumb--image:before,.work-cover--image:before,.hero-award-item .award-bg:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 110% 130% at center,transparent 35%,rgba(0,0,0,.5) 100%);transition:opacity .5s}.featured-thumb--image:after,.work-cover--image:after,.hero-award-item .award-bg:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.15;mix-blend-mode:overlay;transition:opacity .5s}.featured-item:hover .featured-thumb--image:before,.featured-item.is-in-view .featured-thumb--image:before,.work-card:hover .work-cover--image:before,.work-card.is-in-view .work-cover--image:before,.hero-award-item:hover .award-bg:before{opacity:.5}.featured-item:hover .featured-thumb--image:after,.featured-item.is-in-view .featured-thumb--image:after,.work-card:hover .work-cover--image:after,.work-card.is-in-view .work-cover--image:after,.hero-award-item:hover .award-bg:after{opacity:0}.pst-1{background:linear-gradient(135deg,#3d2817,#1a1410,#6b3a1f)}.pst-2{background:linear-gradient(180deg,#8b6534,#c49a5e 40%,#2a1f15)}.pst-3{background:linear-gradient(135deg,#2d3a35,#1a1f1d,#5a6b60)}.pst-4{background:linear-gradient(135deg,#a85c2a,#d4801f 40%,#1a0f08)}.pst-5{background:linear-gradient(180deg,#2a4560,#1a2a3a,#6b8aaa)}nav{position:fixed;top:0;left:0;right:0;padding:.9rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:100;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(12px) saturate(1.1);background:#0a09088c;border-bottom:1px solid var(--line-soft)}nav .brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;cursor:pointer}nav .brand-mark{width:18px;height:18px;transition:opacity .3s}nav .brand:hover .brand-mark{opacity:.85}nav .brand-text{display:flex;flex-direction:column;gap:1px}nav .brand-zh{font-family:"Noto Serif TC",serif;font-size:.58rem;letter-spacing:.25em;color:var(--text);text-transform:none}nav .brand-en{font-size:.5rem;letter-spacing:.3em;color:var(--text-dim);white-space:nowrap}@media screen and (max-width:640px){nav{padding:.7rem 1.2rem}nav .brand-text{flex-direction:row;align-items:baseline;gap:.6rem}nav .brand-zh{font-size:.62rem}nav .brand-en{font-size:.52rem;letter-spacing:.2em}nav .brand-en-role{display:none}}nav ul{display:flex;list-style:none;gap:1.5rem}nav a{color:var(--text);text-decoration:none;transition:color .3s}nav a:hover{color:var(--accent)}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:3rem auto 1rem;width:max-content;text-decoration:none;color:var(--text-faint);transition:color .3s,transform .3s}.scroll-cue:hover{color:var(--accent)}.scroll-cue-label{font-size:.85rem;letter-spacing:.35em;text-transform:uppercase}.scroll-cue-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;animation:scroll-cue-bounce 2.4s ease-in-out infinite}@keyframes scroll-cue-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero{padding:7rem 3rem 2.5rem;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:2rem 4rem;align-items:start;align-content:start;max-width:1400px;margin:0 auto;position:relative}.selected-works{max-width:1400px;margin:0 auto;padding:0 3rem 4rem;scroll-margin-top:5rem}.hero-left{position:relative;padding-top:0;min-width:0}.hero-name-row{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;margin-top:.5rem;margin-bottom:1rem}.hero h1{font-family:"Noto Serif TC",serif;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:400;line-height:1.15;letter-spacing:.12em;margin:0;color:var(--text)}.hero .en-name{font-family:Cormorant Garamond,serif;font-size:clamp(.9rem,1.2vw,1.1rem);color:var(--text-dim);font-weight:300;letter-spacing:.1em;font-style:italic}.hero-name-block{grid-column:1 / -1;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--line)}.hero-titles{display:flex;flex-direction:row;align-items:baseline;gap:1rem;flex-wrap:wrap}.hero-titles .role-zh{font-family:"Noto Serif TC",serif;font-size:.95rem;letter-spacing:.2em;color:var(--text)}.hero-titles .role-en{font-family:Cormorant Garamond,serif;font-size:1.05rem;color:var(--text-dim);letter-spacing:.05em;font-style:italic}.hero-langs-inline{margin-top:.9rem;font-family:Cormorant Garamond,serif;font-size:.72rem;color:var(--text-faint);letter-spacing:.08em}.hero-langs-inline span+span:before{content:" · ";margin:0 .25rem;opacity:.55}.hero-profile{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem;row-gap:1.4rem;margin-bottom:0;padding-bottom:0}.hero-profile .lead-zh{font-family:"Noto Serif TC",serif;color:var(--text);font-size:1.05rem;line-height:1.85;letter-spacing:.08em;margin:0}.hero-profile .sub-zh{font-family:"Noto Serif TC",serif;color:var(--text-dim);font-size:.95rem;line-height:1.85;letter-spacing:.05em;margin:0}.hero-profile .lead-en{font-family:Cormorant Garamond,serif;font-size:1.18rem;color:var(--text);line-height:1.7;letter-spacing:.01em;margin:0}.hero-profile .sub-en{font-family:Cormorant Garamond,serif;font-size:1.05rem;color:var(--text-dim);line-height:1.7;letter-spacing:.01em;margin:0}.hero-languages{margin-top:1.5rem;display:flex;flex-direction:column;gap:.8rem}.hero-languages-label{font-size:.85rem;letter-spacing:.35em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.4rem}.hero-languages-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto 1fr;column-gap:2.4rem;row-gap:.6rem}.hero-languages-list li{display:contents}.hero-languages-list .lang-level,.hero-languages-list .lang-name{line-height:1.5}.hero-languages-list .lang-level{white-space:nowrap}.hero-languages-list .lang-level .en{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1rem;color:var(--accent);letter-spacing:.04em}.hero-languages-list .lang-name .en{font-family:Cormorant Garamond,serif;font-size:1rem;color:var(--text);letter-spacing:.02em}.hero-awards-label{font-size:.85rem;letter-spacing:.35em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.8rem;display:flex;align-items:center;justify-content:space-between}.hero-awards-label span+span{font-family:"Noto Serif TC",serif;letter-spacing:.3em;text-transform:none}.hero-awards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;align-items:stretch}.hero-award-item{position:relative;padding:.85rem 1.2rem;border:1px solid var(--line-soft);transition:border-color .4s,transform .4s cubic-bezier(.2,.8,.2,1);cursor:pointer;overflow:hidden;box-sizing:border-box;text-decoration:none;color:inherit;display:block}.hero-award-item.is-linked{cursor:pointer}.hero-award-item:not(.is-linked){cursor:default}.hero-award-item .award-bg{position:absolute;inset:0;overflow:hidden;opacity:.12;filter:grayscale(.4) blur(.5px);transition:opacity .5s,filter .5s;pointer-events:none}.hero-award-item .award-bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s,object-position .5s}.hero-award-item:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(201,169,97,.08) 0%,transparent 60%);transition:opacity .5s}.hero-award-item.nom:after{background:radial-gradient(ellipse 60% 80% at 0% 0%,rgba(180,180,200,.06) 0%,transparent 60%)}.hero-award-item:hover:after{background:radial-gradient(ellipse 80% 100% at 0% 0%,rgba(201,169,97,.18) 0%,transparent 70%)}.hero-award-item.nom:hover:after{background:radial-gradient(ellipse 80% 100% at 0% 0%,rgba(180,180,200,.12) 0%,transparent 70%)}.hero-award-item .award-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.3rem}.hero-award-item:hover{border-color:var(--accent-dim);transform:translate(-2px)}.hero-award-item:hover .award-bg{opacity:.45;filter:grayscale(0) blur(0)}.hero-award-item .award-meta{margin-bottom:.1rem}.award-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.award-status-sm{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:.5rem}.hero-award-item.nom .award-status-sm{color:var(--accent)}.award-status-sm .dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.hero-award-item.nom .award-status-sm .dot{background:var(--accent)}.award-yr{font-family:Cormorant Garamond,serif;font-size:.95rem;color:var(--text-dim)}.award-work{font-family:"Noto Serif TC",serif;font-size:.98rem;color:var(--text);letter-spacing:.05em;margin-bottom:.2rem;line-height:1.3;transition:color .3s}.hero-award-item:hover .award-work{color:var(--accent)}.award-work .work-en{display:inline;font-family:Cormorant Garamond,serif;font-size:.86rem;color:var(--text);margin-left:.4em;font-weight:300;letter-spacing:.02em;font-style:italic}.hero-award-item:hover .work-en{color:var(--text)}.award-name-sm{font-size:.82rem;letter-spacing:.08em;line-height:1.4;margin-top:.4rem}.award-name-sm .award-name-zh{display:inline;color:var(--text);font-family:"Noto Serif TC",serif}.award-name-sm .award-name-en{display:inline;color:var(--text-dim);font-family:Cormorant Garamond,serif;font-size:.78rem;letter-spacing:.06em;font-style:italic}.award-name-sm .award-name-en:before{content:" · ";margin:0 .15em;opacity:.6}.hero-right{border-left:1px solid var(--line);padding-left:3rem;padding-top:0;padding-bottom:0;min-width:0;display:flex;flex-direction:column}.hero-right .hero-awards-label{margin-bottom:1rem}.hero-right .hero-awards-row{display:flex;flex-direction:column;grid-template-columns:none;gap:.7rem;overflow:visible;padding-right:0}.hero-right .hero-awards-row::-webkit-scrollbar{width:4px}.hero-right .hero-awards-row::-webkit-scrollbar-track{background:transparent}.hero-right .hero-awards-row::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:2px}.hero-right .hero-awards-row::-webkit-scrollbar-thumb:hover{background:var(--line)}.hero-right .hero-award-item{flex-shrink:0;scroll-snap-align:start}.featured-label{font-size:.85rem;letter-spacing:.35em;text-transform:uppercase;color:var(--text-faint);margin-top:2.5rem;margin-bottom:1.2rem;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.featured-label span+span{font-family:"Noto Serif TC",serif;letter-spacing:.3em;text-transform:none}.featured-list-wrap{display:flex;align-items:center;gap:1rem;min-width:0}.featured-list{flex:1;display:flex;gap:2rem;overflow-x:auto;overflow-y:visible;padding:.25rem 0;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;min-width:0;scroll-behavior:smooth;will-change:scroll-position;-webkit-overflow-scrolling:touch}.featured-item{contain:layout paint}.featured-scroll-cue{flex-shrink:0;width:36px;height:36px;border:1px solid var(--text-faint);border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-faint);cursor:pointer;transition:color .3s,border-color .3s,opacity .3s;opacity:.9}.featured-scroll-cue:hover{color:var(--accent);border-color:var(--accent);opacity:1}.featured-scroll-cue[hidden]{display:none}.featured-scroll-cue--right{animation:featured-scroll-cue-right 2.4s ease-in-out infinite}.featured-scroll-cue--left{animation:featured-scroll-cue-left 2.4s ease-in-out infinite}@keyframes featured-scroll-cue-right{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes featured-scroll-cue-left{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.featured-list::-webkit-scrollbar{display:none}.featured-item{flex-shrink:0;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:start;align-content:start;gap:0;position:relative;cursor:pointer;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.2,.8,.2,1);scroll-snap-align:start}.featured-item:hover,.featured-item.is-in-view{transform:translateY(-3px)}.featured-num{grid-column:1;grid-row:1;font-family:Cormorant Garamond,serif;font-size:clamp(5rem,10vw,8.5rem);font-weight:400;line-height:.7;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;color:transparent;-webkit-text-stroke:2px rgba(177,172,165,.25);letter-spacing:-.04em;margin-right:-.8rem;z-index:0;user-select:none;transition:-webkit-text-stroke-color .4s,transform .4s;align-self:end;font-style:italic;transform:translateY(.02em)}.featured-item:hover .featured-num,.featured-item.is-in-view .featured-num{-webkit-text-stroke-color:var(--accent)}.featured-thumb{grid-column:2;grid-row:1;width:170px;aspect-ratio:27 / 40;position:relative;z-index:1}.featured-thumb--image{overflow:hidden;border:1px solid var(--line);transition:border-color .4s,box-shadow .4s;background:#000}.featured-thumb--image img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:brightness(.7) saturate(.85);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .5s ease}.featured-item:hover .featured-thumb--image,.featured-item.is-in-view .featured-thumb--image{border-color:var(--accent-dim);box-shadow:0 12px 32px -16px #c9a9618c}.featured-item:hover .featured-thumb--image img,.featured-item.is-in-view .featured-thumb--image img{transform:scale(1.04);filter:brightness(1) saturate(1)}.featured-item .title{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:.15rem;min-width:0;padding-top:.6rem;width:170px}.featured-item .title-zh{font-family:"Noto Serif TC",serif;font-size:.82rem;color:var(--text);letter-spacing:.04em;transition:color .3s;line-height:1.3}.featured-item:hover .title-zh,.featured-item.is-in-view .title-zh{color:var(--accent)}.featured-item .title-en{font-family:Cormorant Garamond,serif;font-size:.68rem;color:var(--text-dim);letter-spacing:.04em;font-style:italic}.section-divider{padding:1rem 3rem;display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:2rem}.section-divider .num{font-family:Cormorant Garamond,serif;font-size:.85rem;letter-spacing:.3em;color:var(--text-faint);text-transform:uppercase}.section-divider .line{height:1px;background:var(--line)}.section-divider h2{font-family:"Noto Serif TC",serif;font-size:clamp(1.2rem,2.2vw,1.7rem);font-weight:400;letter-spacing:.1em;color:var(--text)}.section-divider h2 .en{font-family:Cormorant Garamond,serif;color:var(--text-dim);font-size:.75em;margin-left:.8rem;letter-spacing:.02em}.film-grid{padding:0 3rem 6rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;max-width:1000px;margin:0 auto}.film-card{cursor:pointer}.film-poster{width:100%;aspect-ratio:27 / 40;background-size:cover;background-position:center;filter:grayscale(.4) brightness(.9);transition:all .5s;margin-bottom:.8rem;position:relative;overflow:hidden;border:1px solid var(--line)}.film-card:hover .film-poster{filter:grayscale(0) brightness(1);border-color:var(--accent-dim)}.film-poster:before{content:attr(data-title);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif TC",serif;color:#ffffff40;font-size:.8rem;text-align:center;padding:.5rem;letter-spacing:.08em;line-height:1.4}.film-poster:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.3;mix-blend-mode:overlay;pointer-events:none}.film-card .film-title{font-family:"Noto Serif TC",serif;font-size:.82rem;color:var(--text);letter-spacing:.05em;margin-bottom:.15rem;transition:color .3s;line-height:1.3}.film-card:hover .film-title{color:var(--accent)}.film-card .film-title-en{font-family:Cormorant Garamond,serif;font-size:.72rem;color:var(--text-dim);margin-bottom:.3rem;line-height:1.3}.film-card .film-director{font-size:.62rem;color:var(--text-faint);letter-spacing:.08em}.credits-block{padding:0 3rem 8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.credits-col h3{font-family:"Noto Serif TC",serif;font-size:.82rem;color:var(--accent);letter-spacing:.25em;margin-bottom:.3rem;padding-bottom:1.2rem;border-bottom:1px solid var(--accent-dim);font-weight:500}.credits-col h3 .en{font-family:Cormorant Garamond,serif;color:var(--text-dim);font-size:.85rem;margin-left:.6rem;letter-spacing:.05em;font-weight:300}.credits-col h3 .cont{font-family:Cormorant Garamond,serif;color:var(--text-faint);font-size:.75rem;margin-left:.3rem;letter-spacing:.02em;font-weight:300}.credits-col ul{list-style:none;margin-top:1.2rem}.credits-col li{display:grid;grid-template-columns:36px 1fr;gap:.8rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--line-soft);transition:padding .3s;cursor:pointer}.credits-col li:hover{padding-left:.4rem}.credits-col li:hover .cred-thumb{filter:grayscale(0) brightness(1);border-color:var(--accent-dim)}.cred-thumb{width:36px;height:50px}.cred-thumb:before{font-size:.48rem}.cred-body{min-width:0;display:flex;flex-direction:column;gap:.1rem}.credits-col .work{font-family:"Noto Serif TC",serif;color:var(--text);font-size:.85rem;letter-spacing:.03em;transition:color .3s;line-height:1.3}.credits-col li:hover .work{color:var(--accent)}.credits-col .dir{font-size:.66rem;color:var(--text-faint);letter-spacing:.08em}.credits-col .dir:before{content:"導演 ";color:var(--text-faint);opacity:.6}.about,.about-left,.about-right{display:none}.portfolio{padding:0 3rem 5rem;max-width:1400px;margin:0 auto;scroll-margin-top:192px}@media screen and (max-width:960px){.portfolio{scroll-margin-top:80px}}.filter-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:3rem;scroll-margin-top:80px}.chip-break{display:none}.chip{background:transparent;border:1px solid var(--line);color:var(--text-dim);font-family:"Noto Serif TC",serif;font-size:.78rem;letter-spacing:.05em;padding:.55rem 1rem;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:2px;flex:1 1 0;min-width:0;white-space:nowrap}.chip .chip-en{font-family:Cormorant Garamond,serif;font-size:.75rem;color:var(--text-faint);margin-left:.1rem}.chip .chip-count{font-family:Cormorant Garamond,serif;font-size:.68rem;color:var(--text-faint);margin-left:.3rem;opacity:.7}.chip:hover{border-color:var(--accent-dim);color:var(--text)}.chip.active{background:var(--panel);border-color:var(--accent-dim);color:var(--accent)}.chip.active .chip-en{color:var(--accent-dim)}.chip.active .chip-count{color:var(--accent);opacity:1}.works-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem 1.2rem}.work-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.7rem;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.work-card:hover,.work-card.is-in-view{transform:translateY(-3px)}.work-cover{width:100%;aspect-ratio:27 / 40;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:border-color .4s,box-shadow .4s}.work-cover--image img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.7) saturate(.85);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .5s ease}.work-card:hover .work-cover,.work-card.is-in-view .work-cover{border-color:var(--accent-dim);box-shadow:0 12px 32px -16px #c9a9618c}.work-card:hover .work-cover--image img,.work-card.is-in-view .work-cover--image img{transform:scale(1.04);filter:brightness(1) saturate(1)}.work-cover:before{font-size:.75rem}.work-meta{display:flex;flex-direction:column;gap:.15rem}.work-cats{font-family:Cormorant Garamond,serif;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.3rem}.work-cats .work-cat .en{font-family:Cormorant Garamond,serif;opacity:.7;margin-left:.15rem}.work-cats .sep{opacity:.5;margin:0 .2rem}.work-title-zh{font-family:"Noto Serif TC",serif;font-size:.92rem;color:var(--text);letter-spacing:.04em;line-height:1.35;transition:color .3s}.work-card:hover .work-title-zh,.work-card.is-in-view .work-title-zh{color:var(--accent)}.work-title-en{font-family:Cormorant Garamond,serif;font-size:.78rem;color:var(--text-dim);line-height:1.35;letter-spacing:.02em}.work-sub{display:flex;align-items:baseline;gap:.8rem;margin-top:.35rem;font-size:.65rem;color:var(--text-faint);letter-spacing:.06em}.work-sub .work-director:before{content:"導演 ";opacity:.65}.work-sub .work-year{font-family:Cormorant Garamond,serif;font-size:.75rem;margin-left:auto}.works-grid[data-active-filter=feature] .work-card:not([data-categories~=feature]),.works-grid[data-active-filter=series] .work-card:not([data-categories~=series]),.works-grid[data-active-filter=trailer] .work-card:not([data-categories~=trailer]),.works-grid[data-active-filter=short] .work-card:not([data-categories~=short]),.works-grid[data-active-filter=commercial] .work-card:not([data-categories~=commercial]),.works-grid[data-active-filter=mv] .work-card:not([data-categories~=mv]),.works-grid[data-active-filter=tvmovie] .work-card:not([data-categories~=tvmovie]){display:none}.works-grid[data-active-filter=feature] .work-card{order:var(--ord-feature, 9999)}.works-grid[data-active-filter=series] .work-card{order:var(--ord-series, 9999)}.works-grid[data-active-filter=trailer] .work-card{order:var(--ord-trailer, 9999)}.works-grid[data-active-filter=short] .work-card{order:var(--ord-short, 9999)}.works-grid[data-active-filter=commercial] .work-card{order:var(--ord-commercial, 9999)}.works-grid[data-active-filter=mv] .work-card{order:var(--ord-mv, 9999)}.works-grid[data-active-filter=tvmovie] .work-card{order:var(--ord-tvmovie, 9999)}.works-grid[data-active-filter=mv],.works-grid[data-active-filter=commercial]{grid-template-columns:repeat(4,1fr);gap:2.5rem 1.5rem}.works-grid[data-active-filter=mv] .work-cover,.works-grid[data-active-filter=commercial] .work-cover{aspect-ratio:16 / 9}.work-detail{max-width:1100px;margin:0 auto;padding:7rem 3rem 6rem}.back-link{display:inline-block;font-family:Cormorant Garamond,serif;font-size:.85rem;color:var(--text-dim);text-decoration:none;letter-spacing:.05em;margin-bottom:3rem;transition:color .3s}.back-link:hover{color:var(--accent)}.work-detail-header{border-bottom:1px solid var(--line);padding-bottom:2.5rem;margin-bottom:3rem}.work-detail-cats{font-family:Cormorant Garamond,serif;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem}.work-detail-cats .work-cat .en{opacity:.7;margin-left:.2rem}.work-detail-cats .sep{color:var(--text-faint);margin:0 .3rem}.work-detail-title-zh{font-family:"Noto Serif TC",serif;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:400;color:var(--text);letter-spacing:.06em;line-height:1.25;margin-bottom:.4rem}.work-detail-title-en{font-family:Cormorant Garamond,serif;font-size:clamp(1rem,1.6vw,1.25rem);color:var(--text-dim);letter-spacing:.02em;margin-bottom:1.8rem;line-height:1.3}.work-detail-meta{display:flex;flex-wrap:wrap;gap:1.8rem;font-size:.82rem;color:var(--text);letter-spacing:.04em}.wd-meta-item{display:flex;flex-direction:column;gap:.3rem}.wd-meta-label{font-family:Cormorant Garamond,serif;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint)}.work-detail-body{display:grid;grid-template-columns:340px 1fr;gap:3.5rem;align-items:start}.work-detail-cover{width:100%;aspect-ratio:27 / 40;position:sticky;top:5rem;overflow:hidden;border:1px solid var(--line);background:var(--panel)}.work-detail-cover:before{font-size:1.2rem}.work-detail-cover--image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform .3s,object-position .3s}.work-detail-content{display:flex;flex-direction:column;gap:3rem}.wd-section-title{font-family:"Noto Serif TC",serif;font-size:.9rem;font-weight:500;color:var(--accent);letter-spacing:.25em;padding-bottom:.9rem;border-bottom:1px solid var(--accent-dim);margin-bottom:1.5rem}.wd-section-title .en{font-family:Cormorant Garamond,serif;color:var(--text-dim);font-size:.92rem;margin-left:.6rem;letter-spacing:.05em;font-weight:300}.wd-description p{font-family:"Noto Serif TC",serif;font-size:.95rem;line-height:1.9;letter-spacing:.05em;color:var(--text);margin-bottom:1rem}.wd-description p:last-child{margin-bottom:0}.wd-links{list-style:none;display:flex;flex-direction:column;gap:.1rem}.wd-link{display:grid;grid-template-columns:20px 1fr;gap:.9rem;align-items:baseline;padding:.75rem 0;border-bottom:1px solid var(--line-soft);text-decoration:none;color:var(--text);transition:padding .3s,color .3s}.wd-link-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.wd-link-platform{font-family:Cormorant Garamond,serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.wd-link:hover{padding-left:.4rem;color:var(--accent)}.wd-link-icon{color:var(--accent);font-size:.7rem;line-height:1}.wd-link-label{font-family:"Noto Serif TC",serif;font-size:.95rem;color:var(--text);letter-spacing:.04em;line-height:1.35}.wd-link:hover .wd-link-label{color:var(--accent)}.wd-link-source{font-family:Cormorant Garamond,serif;font-size:.68rem;color:var(--text-faint);letter-spacing:.2em;text-transform:uppercase}@media screen and (max-width:960px){.work-detail{padding:6rem 1.5rem 4rem}.work-detail-body{grid-template-columns:1fr;gap:2rem}.work-detail-cover{max-width:260px;position:static}.wd-link{grid-template-columns:20px 1fr;gap:.8rem;font-size:.78rem}.wd-link-platform{font-size:.62rem}}footer{padding:0 3rem 3rem;background:var(--bg);position:relative;text-align:center}.footer-hero{max-width:720px;margin:0 auto 4.5rem;padding-top:7rem}.footer-logo{display:block;width:clamp(190px,24vw,280px);height:auto;margin:0 auto 2.4rem;opacity:.55;user-select:none}.footer-sub{line-height:1.7;margin:0 0 2.8rem}.footer-sub .zh{font-family:"Noto Serif TC",serif;font-size:1rem;color:var(--text-dim);letter-spacing:.18em}.footer-sub .en{font-family:Cormorant Garamond,serif;font-size:.85rem;color:var(--text-faint);letter-spacing:.06em;display:inline-block;margin-top:.3rem}.contact-form{display:flex;flex-direction:column;gap:1.1rem;max-width:560px;margin:0 auto;text-align:left}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form .form-field{display:flex;flex-direction:column;gap:.4rem}.contact-form .form-label{font-family:Cormorant Garamond,serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.contact-form input,.contact-form textarea{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:.7rem .9rem;font-family:inherit;font-size:.9rem;letter-spacing:.02em;border-radius:2px;resize:vertical;transition:border-color .3s,background .3s}.contact-form textarea{font-family:Noto Sans TC,-apple-system,sans-serif;line-height:1.6;min-height:120px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-faint);opacity:.6}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent-dim);background:#ffffff05}.contact-form .form-submit{margin-top:.5rem;padding:.95rem 2rem;background:transparent;border:1px solid var(--accent-dim);color:var(--text);font-family:"Noto Serif TC",serif;font-size:.85rem;letter-spacing:.25em;cursor:pointer;border-radius:2px;transition:background .3s,border-color .3s,color .3s,transform .3s;align-self:center;min-width:220px}.contact-form .form-submit:hover:not(:disabled){background:#c9a96114;border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.contact-form .form-submit:disabled{opacity:.55;cursor:not-allowed}.contact-form .form-status{margin-top:.4rem;text-align:center;font-size:.85rem;line-height:1.6;min-height:1.4em;letter-spacing:.04em;transition:color .3s}.contact-form .form-status[data-kind=ok]{color:var(--ok, #6fb07f)}.contact-form .form-status[data-kind=err]{color:var(--danger, #d66a54)}.footer-bottom{display:flex;justify-content:center;padding-top:2.5rem;border-top:1px solid var(--line);font-size:.68rem;color:var(--text-faint);letter-spacing:.12em}.footer-copy{text-align:center;display:flex;flex-direction:column;gap:.4rem}.footer-copy p{margin:0}.footer-copy-zh{font-family:"Noto Serif TC",serif;letter-spacing:.08em}.footer-copy-en{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.78rem;color:var(--text-dim);opacity:.75}.footer-copy .sep{display:inline-block;margin:0 .4rem;opacity:.5}.footer-copy a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.footer-copy a:hover{color:var(--accent);border-bottom-color:var(--accent-dim)}@media screen and (max-width:1400px){.works-grid{grid-template-columns:repeat(4,1fr)}.works-grid[data-active-filter=mv],.works-grid[data-active-filter=commercial]{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1100px){.works-grid{grid-template-columns:repeat(3,1fr)}.works-grid[data-active-filter=mv],.works-grid[data-active-filter=commercial]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:960px){nav{padding:1.2rem 1.5rem}nav ul{gap:1.2rem;font-size:.65rem}.scroll-cue{margin:2rem auto .5rem}.hero{grid-template-columns:1fr;grid-template-rows:auto;padding:6rem 1.5rem 3rem;gap:2.5rem;min-height:auto}.selected-works{padding:0 1.5rem 2.5rem}.hero h1{font-size:clamp(1.4rem,6vw,1.8rem)}.hero .en-name{font-size:clamp(.85rem,3vw,1rem)}.hero-name-row{margin-top:.5rem;gap:.6rem}.hero-titles{margin-bottom:1.4rem;padding-bottom:1.4rem;gap:.7rem}.hero-titles .role-zh{font-size:.85rem}.hero-titles .role-en{font-size:.95rem}.hero-profile{grid-template-columns:1fr;column-gap:0;row-gap:1rem;padding-bottom:0;margin-bottom:0}.hero-profile .lead-zh{font-size:.95rem;line-height:1.8}.hero-profile .lead-en{font-size:1.05rem;line-height:1.6}.hero-profile .sub-zh{font-size:.88rem;line-height:1.8}.hero-profile .sub-en{font-size:.95rem;line-height:1.6}.hero-languages{margin-top:1.8rem;gap:.5rem}.hero-languages-label{font-size:.74rem;margin-bottom:.2rem}.hero-languages-list{column-gap:1.2rem;row-gap:.5rem}.hero-languages-list .lang-level .en,.hero-languages-list .lang-name .en{font-size:.95rem}.hero-right{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:2.5rem;margin-top:0}.hero-awards-label{font-size:.74rem;margin-bottom:1.2rem}.hero-right .hero-awards-row{grid-template-columns:1fr;gap:.6rem}.hero-award-item{padding:.7rem 1rem}.award-status-sm{font-size:.66rem;letter-spacing:.25em}.award-yr{font-size:.85rem}.award-work{font-size:.92rem}.award-work .work-en{font-size:.78rem}.award-name-sm{font-size:.74rem;margin-top:.3rem}.award-name-sm .award-name-en{font-size:.7rem}.hero-awards-row{grid-template-columns:1fr;gap:.6rem}.featured-thumb--image:after,.work-cover--image:after,.hero-award-item .award-bg:after{display:none}.featured-label{font-size:.74rem}.featured-list-wrap{gap:.5rem;padding-bottom:1.5rem}.featured-scroll-cue{width:30px;height:30px}.featured-list{gap:1.4rem}.featured-thumb,.featured-item .title{width:130px}.featured-num{font-size:clamp(4.5rem,14vw,7rem);margin-right:-.6rem}.featured-item .title-zh{font-size:.78rem}.featured-item .title-en{font-size:.65rem}.section-divider,.portfolio,footer{padding-left:1.5rem;padding-right:1.5rem}.section-divider{padding-top:4rem;padding-bottom:1.5rem}.portfolio{padding-bottom:3rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;overflow:visible;margin:0 0 2.5rem;padding:0 0 2rem;border-bottom:1px solid var(--line)}.chip{flex:0 0 calc((100% - 1.2rem)/4);padding:.5rem .3rem;font-size:.78rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;line-height:1.15;white-space:normal}.chip .chip-en{display:block;font-size:.58rem;margin-left:0;letter-spacing:.05em;color:var(--text-faint);line-height:1.1}.chip-break{display:block;flex-basis:100%;height:0;margin:0;padding:0}.works-grid{grid-template-columns:repeat(2,1fr);gap:1.8rem 1rem}footer{padding:5rem 1.5rem 2.5rem}.footer-hero{margin-bottom:3rem}.footer-logo{width:clamp(150px,50vw,220px);margin-bottom:1.8rem}.footer-sub{font-size:.92rem;margin-bottom:2.2rem}.contact-form .form-row{grid-template-columns:1fr;gap:1.1rem}.contact-form .form-submit{width:100%;min-width:0}.footer-bottom{flex-direction:column;gap:.8rem;text-align:center;font-size:.6rem}}@media screen and (max-width:520px){.works-grid{grid-template-columns:1fr}}