/* Shared editorial rhythm. The accepted wordmark and exhibition geometry stay intact. */
:root{--paper:#efefec;--muted:#a1a39e;--line:#2a2d2b;--ui:Avantt,Helvetica,Arial,'Noto Sans TC',sans-serif;--section-space:clamp(76px,9vw,160px)}
body{font-kerning:normal}button,input,a{touch-action:manipulation}h1,h2,h3{text-wrap:balance}
.page-index,.page-film,.page-information{--inset:clamp(24px,2.4vw,48px)}
.site-header{padding-top:30px;padding-bottom:28px;align-items:flex-start}.brand-name{font-size:34px;letter-spacing:-.06em}.brand-roles{font-size:11px;gap:16px;letter-spacing:-.015em;margin-top:11px}
.header-navigation{font-family:var(--ui);font-size:12px;font-weight:500;letter-spacing:.025em;gap:32px}.header-navigation>a,.menu-toggle{min-height:36px}.menu-toggle{letter-spacing:inherit;gap:10px}
.menu-mark{position:relative;width:11px;height:11px;font-size:0;line-height:1}.menu-mark:before,.menu-mark:after{content:'';position:absolute;background:currentColor;left:0;right:0;top:5px;height:1px}.menu-mark:after{transform:rotate(90deg)}
:is(.page-index,.page-film) .menu-toggle{color:var(--paper)}
.menu-header .brand-roles{font-size:14px;letter-spacing:-.015em;gap:22px;margin-top:16px}.menu-close{font-family:var(--ui);font-weight:500;font-size:12px;letter-spacing:.025em;min-height:44px}.close-mark:before,.close-mark:after{height:1px}
.menu-art{opacity:.28}.menu-nav>a{font-size:clamp(52px,6.3vw,112px);line-height:1.01;letter-spacing:-.055em}.menu-nav:has(a:hover)>a:not(:hover){color:#737975}.menu-nav>a[aria-current]{color:#bfc5bd}.menu-secondary{font-family:var(--ui);font-size:18px;font-weight:500;gap:12px;letter-spacing:0}.menu-bottom{font-family:var(--ui);font-size:11px;font-weight:500;letter-spacing:.025em}.language-control{font-family:var(--ui);font-size:11px;font-weight:500}

/* A full-width opening image, followed by quiet paired projects. */
.index-intro{padding-top:54px;padding-bottom:48px}.index-intro h1{font-size:clamp(68px,8.2vw,138px);line-height:.94;letter-spacing:-.055em}.index-collection{padding-bottom:var(--section-space)}
.collection-controls{gap:24px;row-gap:14px;padding-bottom:19px;margin-bottom:36px;}.filters{gap:12px 24px;flex-basis:650px}.filters button{font-family:var(--ui);font-size:11px;font-weight:500;letter-spacing:.035em;min-height:36px}.film-search{flex-basis:128px}.film-search input{font:500 11px/1.3 var(--ui);letter-spacing:.035em;min-height:36px}.view-controls{gap:6px}.view-controls button{width:36px;height:36px;padding:10px}.view-controls svg{width:16px;height:16px}
.film-grid{column-gap:30px;row-gap:84px}.is-lead .film-card-media:has(.film-strip){display:block}.is-lead .film-strip{display:none}.film-card .film-image{background:#050606}.is-lead .film-image{aspect-ratio:2.16;max-height:74svh;width:100%}
.film-caption{margin-top:19px;gap:9px}.film-caption p{font-family:var(--ui);font-size:11px;font-weight:500;letter-spacing:.025em;line-height:1.45;color:#b4bab3}.film-caption h3{font-size:clamp(27px,2.8vw,49px);line-height:1.04;letter-spacing:-.045em}.is-lead .film-caption h3{font-size:clamp(38px,4.5vw,76px);line-height:1;letter-spacing:-.052em}
.index-columns{grid-template-columns:minmax(0,1fr) 36%;gap:6%}.index-row{padding:28px 0;gap:30px;grid-template-columns:minmax(0,1fr) 26%}.index-row h2{font-size:clamp(25px,2.55vw,44px);line-height:1.06;letter-spacing:-.04em}.index-artist{font-family:var(--ui);font-weight:500;font-size:11px;letter-spacing:.025em;line-height:1.6}.index-preview{top:30px;padding-top:0}.index-preview>div{font-size:20px;line-height:1.15;letter-spacing:-.025em}.index-preview>div>span:last-child{font:500 11px/1.5 var(--ui);letter-spacing:.025em}.collection-empty{font-weight:500;font-size:28px}

/* The film is the main surface; reflected color fills the surrounding stage. */
.film-intro{padding-top:58px;padding-bottom:42px}.film-meta-line{font:500 12px/1.5 var(--ui);letter-spacing:.035em;margin-bottom:22px}.film-intro h1{font-size:clamp(60px,8.4vw,150px);line-height:.96;letter-spacing:-.052em;overflow-wrap:break-word}
.film-watch-button{overflow:hidden;isolation:isolate;background:#050606}.film-stage-ambience{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.42}.film-stage-ambience img{width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.18) scaleX(-1);filter:blur(54px) brightness(.32) saturate(.65)}.film-stage-ambience:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#050606b3,transparent 35%,transparent 65%,#050606b3)}
.film-watch-button .film-image{background:transparent;width:100%;max-height:82svh}.film-watch-button:after{background:#0001}.film-watch-button:hover:after{background:#0002}.watch-label{font:500 11px/1 var(--ui);letter-spacing:.06em;gap:15px}.watch-circle{width:74px;height:74px;border-color:#ffffff80;background:#0002;font-size:12px;transition:border-color .3s,background .3s,transform .5s cubic-bezier(.2,.65,.3,1)}.film-watch-button:hover .watch-circle,.film-watch-button:focus-visible .watch-circle{border-color:#fff;background:#0004;transform:scale(1.06)}
.film-under{justify-content:space-between;align-items:center;padding-top:14px;font:500 10px/1.4 var(--ui);letter-spacing:.04em}.film-under>a{margin-left:auto}.film-preview-toggle{display:inline-flex;gap:9px;align-items:center;min-height:36px;font:inherit;letter-spacing:inherit}.film-preview-toggle .motion-icon{font-size:10px;width:9px}.film-preview-toggle:disabled{opacity:.45}
.film-statement{margin-block:var(--section-space)}.film-statement.has-description{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(60px,8vw,150px)}.film-concept h2{font-size:clamp(34px,3.65vw,66px);line-height:1.1;letter-spacing:-.042em}.film-description{color:#c0c6bf;max-width:54ch}.film-description p{font-size:17px;line-height:1.8}.film-description p+p{margin-top:26px}.film-award{font:500 13px/1.55 var(--ui);margin-top:28px}.award-note{font-size:12px;line-height:1.75;max-width:46ch;margin-top:11px}
.film-frames{column-gap:24px;row-gap:32px}.film-frame:first-child{margin-bottom:12px}.film-frame{overflow:hidden}.film-frame>a{overflow:hidden}.film-frame img{transition:opacity .45s}.film-frame>a:hover img{opacity:.9}
.credits-section{margin-block:var(--section-space)}.credits-section summary{font:500 12px/1.3 var(--ui);letter-spacing:.045em;padding:27px 0}.credits-section summary>span:last-child{font-size:24px;font-weight:400;transition:transform .3s}.credits-section dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;padding:22px 0 48px}.credits-section dt{font:500 10px/1.5 var(--ui);text-transform:uppercase;letter-spacing:.04em;margin-bottom:9px;color:#949a93}.credits-section dd{font-size:14px;line-height:1.7;color:#dce0d9;overflow-wrap:anywhere}.credit-group h3{font:500 11px/1.4 var(--ui);letter-spacing:.04em;padding-top:24px;margin-top:0}
.next-film{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:var(--section-space)}.next-film>img{grid-row:1;width:100%;aspect-ratio:2.16;max-height:70svh;object-fit:contain;background:#050606}.next-film>div{grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 30px;align-items:end}.next-film .eyebrow{grid-column:1/-1;font:500 11px/1.4 var(--ui);letter-spacing:.04em;color:var(--muted)}.next-film h2{font-size:clamp(36px,4.7vw,88px);line-height:1.02;letter-spacing:-.05em;margin:0}.next-film p{font:500 11px/1.5 var(--ui);letter-spacing:.035em;padding-bottom:6px;max-width:28ch;text-align:right}

/* A director portrait, a short introduction, and an open, typographic contact. */
.biography{padding-top:56px;padding-bottom:var(--section-space);gap:clamp(66px,8vw,150px)}.bio-copy{padding-top:clamp(28px,5.5vw,90px)}.bio-copy h1{font-size:clamp(48px,5.3vw,94px);line-height:.98;letter-spacing:-.052em;margin-bottom:40px}.bio-copy .bio-lead{font-family:var(--sans);font-weight:400;font-size:clamp(25px,2.7vw,42px);line-height:1.2;letter-spacing:-.035em;text-transform:none;color:var(--paper);max-width:24ch;margin-bottom:32px}.bio-copy p{font-size:16px;line-height:1.8;max-width:49ch;margin-bottom:28px}.bio-copy p:last-child{font-size:13px}.portrait{max-width:620px}
.recognition{display:block;padding:32px 0 var(--section-space)}.recognition>h2{font:500 11px/1.5 var(--ui);letter-spacing:.04em;margin-bottom:36px;color:var(--muted)}.recognition-row{grid-template-columns:76px minmax(0,1fr);gap:26px;padding:32px 0}.recognition-row>span{font:500 12px/1.5 var(--ui);padding-top:3px}.recognition-row>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 64px}.recognition-row h3{grid-column:1;grid-row:1/3;font-size:clamp(21px,2.2vw,35px);line-height:1.1;letter-spacing:-.035em;margin:0}.recognition-row p,.recognition-row small{grid-column:2;font-size:13px;line-height:1.7;margin:0}.recognition-row small{font-size:11px;max-width:49ch}
.contact-section{display:block;padding:32px 0 var(--section-space)}.contact-section h2{font:500 11px/1.5 var(--ui);letter-spacing:.04em;margin-bottom:48px;color:var(--muted)}.contact-email{font-size:clamp(28px,5.8vw,104px);font-weight:400;letter-spacing:-.055em;line-height:1.15;min-height:44px;overflow-wrap:anywhere;}
.site-footer{padding-block:27px;gap:24px}.footer-home{font-size:27px;letter-spacing:-.055em}.site-footer>div{font:500 11px/1.4 var(--ui);gap:28px;letter-spacing:.025em}.player-header,.player-footer{font-family:var(--ui);font-size:11px;letter-spacing:.03em}.player-header h2{font:500 12px/1.5 var(--ui);letter-spacing:.015em}.player-header button{font:500 11px/1.5 var(--ui);letter-spacing:.03em}.player-header button>span:last-child{font-size:25px;font-weight:400}

/* The homepage remains a single spatial exhibition. */
.page-home .site-header .brand-roles{font-size:14px;gap:22px;margin-top:16px;letter-spacing:-.015em}.page-home .header-navigation{font-size:12px;gap:30px}.page-home .header-navigation>a,.page-home .menu-toggle{min-height:44px}.exhibit-toolbar{bottom:28px;column-gap:28px}.exhibit-current-film{gap:11px}.exhibit-current-film>[data-exhibit-artist]{font-family:var(--ui);font-size:12px;font-weight:500;letter-spacing:.035em;color:#d5d9d1}.exhibit-current-film h2{font-size:clamp(33px,4vw,68px);letter-spacing:-.048em;line-height:1}.exhibit-actions>[data-exhibit-prev],.exhibit-actions>[data-exhibit-next]{font-size:20px}.exhibit-selector{opacity:.3}.exhibit-selector[aria-pressed=true],.exhibit-selector:hover{opacity:1}.exhibit-progress{height:1px}.motion-control{color:#d0d5cc}

@media(min-width:1800px){.film-grid{row-gap:112px;column-gap:40px}}
@media(min-width:761px) and (max-width:1100px){.filters{flex-basis:100%}.film-search{margin-left:0;flex-basis:170px}.view-controls{margin-left:auto}.biography{gap:60px}.bio-copy .bio-lead{font-size:30px}.credits-section dl{grid-template-columns:repeat(2,minmax(0,1fr))}.recognition-row>div{gap:10px 36px}}
@media(max-width:760px){
 .page-index,.page-film,.page-information{--inset:18px}.site-header{padding-top:22px;padding-bottom:22px;gap:18px}.brand-name{font-size:28px}.brand-roles{font-size:10px;line-height:1.2;gap:4px;margin-top:10px}.header-navigation{font-size:11px;gap:0}.header-navigation>a,.menu-toggle{min-height:28px}.menu-mark{width:10px;height:10px}.menu-mark:before,.menu-mark:after{top:4px}.menu-close{font-size:11px;min-height:40px}.menu-header .brand-roles{font-size:10px;margin-top:14px;gap:4px}.menu-nav{margin-top:50px}.menu-nav>a{font-size:clamp(33px,11.5vw,76px);line-height:1.02;letter-spacing:-.055em;padding-block:2px}.menu-secondary{font-size:17px;gap:25px;margin-top:32px}.menu-bottom,.language-control{font-size:10px}.menu-bottom>div{gap:18px}
 .index-intro{padding-top:36px;padding-bottom:34px}.index-intro h1{font-size:clamp(58px,16vw,108px);line-height:.97}.page-index:has([data-gallery][data-mode=fashion]) .index-intro h1{font-size:clamp(39px,12.2vw,90px)}.collection-controls{padding-bottom:14px;margin-bottom:26px;gap:12px}.filters{gap:8px 18px;flex-basis:100%}.filters button{font-size:10px;letter-spacing:.02em;min-height:34px}.film-search{max-width:210px;flex-basis:170px}.film-search input{font-size:10px}.view-controls button{width:34px;height:34px;padding:9px}.view-controls svg{width:16px;height:16px}.film-grid{row-gap:48px}.film-caption{margin-top:16px;gap:8px}.film-caption p{font-size:10px}.film-caption h3,.is-lead .film-caption h3{font-size:clamp(29px,8vw,48px);line-height:1.04;letter-spacing:-.045em}.is-lead .film-image{max-height:none;aspect-ratio:2.16}.index-row{padding-block:24px;gap:9px;grid-template-columns:minmax(0,1fr)}.index-row h2{font-size:27px}.index-artist{font-size:10px}
 .film-intro{padding-top:34px;padding-bottom:30px}.film-meta-line{font-size:11px;margin-bottom:19px;letter-spacing:.02em}.film-intro h1{font-size:clamp(37px,10.4vw,76px);line-height:1.02;letter-spacing:-.045em}.film-watch-button .film-image{max-height:76svh}.film-stage-ambience img{filter:blur(30px) brightness(.3) saturate(.65)}.watch-circle{width:57px;height:57px;font-size:10px}.watch-label{font-size:10px;gap:12px}.film-under{font-size:9px;padding-top:10px}.film-preview-toggle{gap:7px}.film-concept h2{font-size:clamp(29px,7.6vw,46px);line-height:1.12}.film-statement.has-description{display:block}.film-description{margin-top:30px}.film-description p{font-size:15px;line-height:1.85}.film-award{font-size:12px}.award-note{font-size:11px}.film-frames{gap:16px}.film-frame:first-child{margin-bottom:4px}.credits-section summary{font-size:11px;padding:24px 0}.credits-section dl{grid-template-columns:minmax(0,1fr);gap:25px;padding-bottom:32px}.credits-section dd{font-size:13px}.next-film{gap:22px;display:grid}.next-film>div{display:block}.next-film .eyebrow{font-size:10px;margin-bottom:15px}.next-film h2{font-size:clamp(31px,8.8vw,54px);line-height:1.03;margin:0 0 11px}.next-film p{text-align:left;font-size:10px;padding:0}.next-film>img{max-height:60svh}
 .biography{padding-top:36px;padding-bottom:76px;gap:40px}.portrait{max-width:none}.bio-copy{padding-top:0}.bio-copy h1{font-size:clamp(46px,12vw,78px);margin-bottom:29px}.bio-copy .bio-lead{font-size:30px;line-height:1.22;margin-bottom:27px}.bio-copy p{font-size:15px;line-height:1.8}.recognition{padding-top:26px;padding-bottom:76px}.recognition>h2{font-size:10px;margin-bottom:28px}.recognition-row{grid-template-columns:46px minmax(0,1fr);gap:14px;padding:27px 0}.recognition-row>span{font-size:11px}.recognition-row>div{display:block}.recognition-row h3{font-size:23px;margin-bottom:13px}.recognition-row p{font-size:12px}.recognition-row small{font-size:10px;margin-top:8px}.contact-section{padding-top:26px;padding-bottom:88px}.contact-section h2{font-size:10px;margin-bottom:34px}.contact-email{font-size:clamp(24px,6.6vw,44px);letter-spacing:-.055em}.site-footer{padding-block:24px}.footer-home{font-size:25px}.site-footer>div{font-size:10px;gap:24px}
 .page-home .site-header .brand-roles{font-size:10px;gap:4px;margin-top:14px}.page-home .header-navigation{font-size:11px;gap:0}.page-home .header-navigation>a,.page-home .menu-toggle{min-height:28px}.exhibit-toolbar{bottom:23px;gap:17px 12px}.exhibit-current-film{gap:9px}.exhibit-current-film>[data-exhibit-artist]{font-size:11px;letter-spacing:.025em}.exhibit-current-film h2{font-size:clamp(30px,8.5vw,52px);line-height:1}.exhibit-actions>[data-exhibit-prev],.exhibit-actions>[data-exhibit-next]{font-size:20px}
}
@media(max-width:380px){.page-index,.page-film,.page-information{--inset:15px}.brand-name{font-size:26px}.brand-roles{font-size:9px}.filters{gap:7px 15px}.filters button{font-size:9px}.film-search{flex-basis:150px;max-width:180px}.film-intro h1{font-size:clamp(32px,10vw,40px)}.film-caption h3,.is-lead .film-caption h3{font-size:28px}.contact-email{font-size:23px}.bio-copy .bio-lead{font-size:28px}.menu-bottom>div{gap:15px}.page-home .site-header .brand-roles{font-size:9px}.page-home .header-navigation{font-size:10px}.exhibit-toolbar{bottom:18px}.exhibit-current-film>[data-exhibit-artist]{font-size:10px}}
@media(max-height:700px) and (min-width:761px){.page-home .site-header .brand-roles{font-size:12px;margin-top:10px}.page-home .header-navigation{font-size:12px}.menu-header .brand-roles{font-size:12px;margin-top:10px}.menu-nav>a{font-size:clamp(42px,5.1vw,76px)}.exhibit-toolbar{bottom:20px}.exhibit-current-film h2{font-size:clamp(30px,4vw,50px)}}
@media(prefers-reduced-motion:reduce){.watch-circle,.film-frame img{transition:none}.film-preview-toggle{display:none}}