.plist{padding-bottom:12vh}.plist-head{padding:7vh var(--gutter) 0;text-align:center}.plist-head h1{margin:0;font-size:clamp(30px,4.4vw,62px);line-height:1}.plist-head .sub{margin:6px 0 0;font-family:var(--font-display);font-weight:600;letter-spacing:-.022em;text-transform:uppercase;font-size:clamp(17px,2.5vw,36px);line-height:1.08;color:#c7c7c7}.plist-head .sub b{font-weight:600;color:var(--mute)}.plist-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:5vh var(--gutter) 3vh}.filters{display:flex;align-items:center;gap:clamp(16px,2.2vw,38px);flex-wrap:wrap}.filters a{color:var(--mute);transition:color var(--t-micro)}.filters a:hover,.filters a[aria-current=page]{color:var(--ink)}.view{display:flex;align-items:center;gap:12px;color:var(--mute)}.view button{font:inherit;color:inherit;background:none;border:0;padding:2px 4px;cursor:pointer;letter-spacing:.08em}.view button[aria-pressed=true]{color:var(--ink)}.view .sep{opacity:.45}.view .count{margin-left:6px;opacity:.7}.grid{column-gap:14px;padding:0 14px;--cols:4}.grid{column-count:var(--cols)}.grid.cols-2{--cols:2}.grid.cols-2 .g-card .ph{aspect-ratio:4/5}.g-card{display:block;break-inside:avoid;margin:0 0 14px}.g-card .frame{position:relative;overflow:hidden;background:var(--bg-2)}.g-card .ph{width:100%;aspect-ratio:var(--ar,3/4);background-image:var(--img);background-size:cover;background-position:center;transition:transform 1.1s var(--ease-out),filter .5s var(--ease-out)}.g-card:hover .ph{transform:scale(1.035)}.g-card .cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:10px 2px 0}.g-card .cap .n{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-.01em;text-transform:uppercase}.g-card .cap .m{color:var(--mute)}.g-card .cap .award{color:var(--ink)}@media(max-width:1100px){.grid{--cols:3}.grid.cols-2{--cols:2}}@media(max-width:760px){.grid{--cols:2;column-gap:10px;padding:0 10px}.grid.cols-2{--cols:1}.g-card{margin-bottom:10px}}.index{padding:0 var(--gutter)}.i-head,.index .row{display:grid;grid-template-columns:82px 1fr 200px 180px;gap:18px;align-items:center}.i-head{padding:0 0 12px;border-bottom:1px solid var(--line-light);color:var(--mute)}.index .rows{list-style:none;margin:0;padding:0}.index .row{padding:16px 0;border-bottom:1px solid var(--line-light);transition:color var(--t-micro)}.index .row:hover{color:var(--mute)}.index .row .n{font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:-.012em;text-transform:uppercase}.index .row .y{color:var(--mute);font-variant-numeric:tabular-nums}.index .row .star{font-style:normal;margin-left:8px;font-size:11px;opacity:.7}.index .thumb{display:none}.peek{position:fixed;left:0;top:0;z-index:40;width:300px;height:200px;pointer-events:none;opacity:0;transform:translate(calc(var(--x) + 24px),calc(var(--y) - 100px));transition:opacity .25s var(--ease-out)}.peek.on{opacity:1}.peek .ph{width:100%;height:100%;background-image:var(--img);background-size:cover;background-position:center}@media(max-width:860px){.i-head,.index .row{grid-template-columns:70px 1fr}.index .row .c,.index .row .l,.i-head span:nth-child(3),.i-head span:nth-child(4){display:none}}body.project{background:var(--bg)}.p-hero{position:relative;height:100svh;min-height:520px;overflow:hidden;background:var(--black)}.p-hero .ph{position:absolute;inset:0;background-image:var(--img);background-size:cover;background-position:center}.p-hero .film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s var(--ease-out)}.p-hero .film.on{opacity:1}@media(max-width:760px){.p-hero .ph{background-image:var(--img-m,var(--img))}}.p-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000057,#0000 26% 62%,#0000006b)}.p-hero .p-title{position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;z-index:2;display:flex;align-items:baseline;gap:clamp(20px,6vw,110px);flex-wrap:wrap;color:#fff}.p-hero .p-title h1{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:13px;line-height:1.3}.p-hero .p-title .where{font-family:var(--font-label);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0}.p-hero .back{position:absolute;left:var(--gutter);top:calc(var(--nav-h) + 18px);z-index:2;color:#fff;font-family:var(--font-label);font-weight:500;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;opacity:.9}.p-hero .back .ar{margin-right:8px}.p-hero .back:hover{opacity:1}.p-hero.soft{height:auto;min-height:0;background:var(--bg);overflow:visible;display:flex;flex-direction:column;padding-top:calc(var(--nav-h) + 3vh)}.p-hero.soft .back{order:1}.p-hero.soft .ph{order:2}.p-hero.soft .p-title{order:3}.p-hero.soft .ph{position:relative;inset:auto;width:min(100%,1180px);margin:0 auto;aspect-ratio:var(--hr,3/2);background-size:cover}.p-hero.soft:after{display:none}.p-hero.soft .p-title{position:static;margin:18px auto 0;padding:0 var(--gutter);width:min(100%,1180px);color:var(--ink)}.p-hero.soft .p-title .where{color:var(--mute)}.p-hero.soft .back{position:static;display:inline-block;width:min(100%,1180px);margin:0 auto 14px;padding:0 var(--gutter);color:var(--mute)}.p-hero.soft .back:hover{color:var(--ink)}@media(max-width:760px){.p-hero.soft .ph{width:100%}}.p-hero.no-photo{height:52svh;background:var(--bg-2)}.p-hero.no-photo:after{display:none}.p-hero.no-photo .p-title,.p-hero.no-photo .back{color:var(--ink)}.p-meta{padding:clamp(18vh,26vh,320px) var(--gutter) clamp(12vh,18vh,220px)}.p-facts{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:28px}.p-facts .cell{display:flex;flex-direction:column;gap:9px}.p-facts dt{font-family:var(--font-label);font-weight:500;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}.p-facts dd{margin:0;font-family:var(--font-label);font-weight:500;font-size:12.5px;letter-spacing:.055em;text-transform:uppercase;line-height:1.5;color:var(--ink)}.p-facts dd small{display:block;font-size:11px;letter-spacing:.06em;color:var(--mute);text-transform:none}.p-facts dd ul{list-style:none;margin:0;padding:0}@media(max-width:1100px){.p-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}}@media(max-width:640px){.p-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.p-meta{padding-top:14vh;padding-bottom:10vh}}.p-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,110px);padding:0 var(--gutter) clamp(10vh,14vh,180px);max-width:1500px}.p-story h2{margin:0 0 16px;font-family:var(--font-label);font-weight:500;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}.p-story p{margin:0 0 22px;font-size:15.5px;line-height:1.85;max-width:44ch}.p-story p:lang(zh-Hant){line-height:2.05;max-width:30em}.p-story p:first-of-type{font-size:17px}@media(max-width:860px){.p-story{grid-template-columns:1fr;gap:34px}}.p-gallery{display:flex;flex-direction:column;gap:clamp(10px,2.4vw,34px);padding-bottom:clamp(10vh,14vh,170px)}.p-gallery figure{margin:0}.p-gallery .ph{width:100%;aspect-ratio:var(--ar,16/9);background-image:var(--img);background-size:cover;background-position:center;background-color:var(--bg-2)}.p-gallery figcaption{padding:10px var(--gutter) 0;font-family:var(--font-label);font-weight:500;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}.p-gallery figure.contained{width:100%;max-width:1180px;align-self:center;padding:0 var(--gutter)}.p-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:0 var(--gutter) clamp(10vh,14vh,170px)}.p-cta p{margin:0;max-width:52ch;font-size:15px;color:var(--mute)}.p-next{position:relative;display:block;min-height:62svh;overflow:hidden;background:var(--black);color:#fff}.p-next .ph{position:absolute;inset:0;background-image:var(--img);background-size:cover;background-position:center;opacity:.72;transition:transform 1.4s var(--ease-out),opacity .6s}.p-next:hover .ph{transform:scale(1.04);opacity:.84}.p-next:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000001f,#0000000d 40%,#0000009e)}.p-next .in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:62svh;padding:0 var(--gutter) 44px}.p-next .label{color:#ffffffc2}.p-next h2{margin:10px 0 0;display:flex;align-items:center;gap:22px;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:-.025em;font-size:clamp(30px,5.4vw,78px);line-height:1}.p-next .ar{transition:transform var(--t-cursor) var(--ease-out)}.p-next:hover .ar{transform:translate(10px)}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}[data-reveal].in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}