@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(../media/fraunces-vietnamese-600-normal.1v-rc_204jgy-.woff2)format("woff2"),url(../media/fraunces-vietnamese-600-normal.2-ohsrvrk8s2y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(../media/fraunces-latin-ext-600-normal.0t0q_z7i51mpp.woff2)format("woff2"),url(../media/fraunces-latin-ext-600-normal.1j17l4n2xe0a7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(../media/fraunces-latin-600-normal.0wyge32a9_ucv.woff2)format("woff2"),url(../media/fraunces-latin-600-normal.0j5-no8jc8lgh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(../media/fraunces-vietnamese-700-normal.2de3ldbyh-yil.woff2)format("woff2"),url(../media/fraunces-vietnamese-700-normal.2y30hzlg5tsek.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(../media/fraunces-latin-ext-700-normal.0fhirky-09z96.woff2)format("woff2"),url(../media/fraunces-latin-ext-700-normal.21ciujv7dny5k.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(../media/fraunces-latin-700-normal.0kx49ap_l7ksh.woff2)format("woff2"),url(../media/fraunces-latin-700-normal.0h3zv69711tnw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:900;src:url(../media/fraunces-vietnamese-900-normal.2guawbx5df0st.woff2)format("woff2"),url(../media/fraunces-vietnamese-900-normal.0gme-24d07klp.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:900;src:url(../media/fraunces-latin-ext-900-normal.3phgcj6qofn9z.woff2)format("woff2"),url(../media/fraunces-latin-ext-900-normal.1q6jcn3ofp5lk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:900;src:url(../media/fraunces-latin-900-normal.22r5oy4rt6-99.woff2)format("woff2"),url(../media/fraunces-latin-900-normal.3g2oarz9gx52u.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:500;src:url(../media/fraunces-vietnamese-500-italic.2q01p8jz-ogf9.woff2)format("woff2"),url(../media/fraunces-vietnamese-500-italic.43vke7yhfbovk.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:500;src:url(../media/fraunces-latin-ext-500-italic.25dosdh73kly2.woff2)format("woff2"),url(../media/fraunces-latin-ext-500-italic.217okxkbut01o.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:500;src:url(../media/fraunces-latin-500-italic.3d-vdd1z9lr-h.woff2)format("woff2"),url(../media/fraunces-latin-500-italic.3rvfx5xxxpwsc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:600;src:url(../media/fraunces-vietnamese-600-italic.12t2kjoo3qg71.woff2)format("woff2"),url(../media/fraunces-vietnamese-600-italic.12ib3-tq6y91m.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:600;src:url(../media/fraunces-latin-ext-600-italic.3y7hp3jjhnwm7.woff2)format("woff2"),url(../media/fraunces-latin-ext-600-italic.033zbux9b-5l6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:600;src:url(../media/fraunces-latin-600-italic.2qli5a8kkkyv6.woff2)format("woff2"),url(../media/fraunces-latin-600-italic.0n8o1ya6ujopl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(../media/archivo-vietnamese-400-normal.44_8ob_pw7xck.woff2)format("woff2"),url(../media/archivo-vietnamese-400-normal.0fpp1c64d_qyu.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(../media/archivo-latin-ext-400-normal.16t__pobvc8dh.woff2)format("woff2"),url(../media/archivo-latin-ext-400-normal.24qd3u1d8onzd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(../media/archivo-latin-400-normal.3al4jnsitk6tb.woff2)format("woff2"),url(../media/archivo-latin-400-normal.2p5qlp11e1qjw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(../media/archivo-vietnamese-500-normal.1dsm-5r4btonk.woff2)format("woff2"),url(../media/archivo-vietnamese-500-normal.2_jo640xwc9ey.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(../media/archivo-latin-ext-500-normal.1kwxfl_mw-9o9.woff2)format("woff2"),url(../media/archivo-latin-ext-500-normal.16bqb5p-rvlz2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(../media/archivo-latin-500-normal.3vysnfsdpvi3g.woff2)format("woff2"),url(../media/archivo-latin-500-normal.03x2h61ehvxca.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(../media/archivo-vietnamese-600-normal.22t-lethpxspk.woff2)format("woff2"),url(../media/archivo-vietnamese-600-normal.2lw79ud0zuiey.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(../media/archivo-latin-ext-600-normal.2f-md34ksgtiy.woff2)format("woff2"),url(../media/archivo-latin-ext-600-normal.3axuw28vfezf3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(../media/archivo-latin-600-normal.2w7w9yha17-bx.woff2)format("woff2"),url(../media/archivo-latin-600-normal.28ezk_5ik19tt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url(../media/archivo-vietnamese-700-normal.3e4_pjtfifv50.woff2)format("woff2"),url(../media/archivo-vietnamese-700-normal.2ungjxobuv9zl.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url(../media/archivo-latin-ext-700-normal.3nlgn8-qtd8_p.woff2)format("woff2"),url(../media/archivo-latin-ext-700-normal.0yj6pw3x1bwrn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:700;src:url(../media/archivo-latin-700-normal.3jbg8rxzs6alt.woff2)format("woff2"),url(../media/archivo-latin-700-normal.1r3_p6quufg73.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f5f2ea;--paper2:#efeadd;--ink:#161513;--ink-soft:#4a4742;--line:#16151324;--line-strong:#16151352;--accent:#5b4636;--accent2:#33424e;--edge:clamp(20px, 4vw, 56px);--edge-l:max(var(--edge), env(safe-area-inset-left));--edge-r:max(var(--edge), env(safe-area-inset-right))}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans TC,Archivo,sans-serif;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:1400px;padding:0 var(--edge-r) 0 var(--edge-l);margin:0 auto}.en{letter-spacing:.03em;font-family:Archivo,Noto Sans TC,sans-serif;font-weight:500}.serif{font-family:Noto Serif TC,serif}.display{font-family:Fraunces,serif;font-style:italic;font-weight:500}h1,h2,h3{font-weight:900}.nav{z-index:50;padding:max(22px, calc(env(safe-area-inset-top) + 14px)) var(--edge-r) 22px var(--edge-l);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav .logo{letter-spacing:.04em;align-items:baseline;gap:10px;font-size:15px;display:flex}.nav .logo .zh{font-family:Noto Serif TC,serif;font-size:17px;font-weight:700}.nav .logo .en{letter-spacing:.12em;text-transform:uppercase;font-family:Archivo,sans-serif;font-size:11px;font-weight:500}.nav ul{gap:clamp(18px,2.4vw,34px);list-style:none;display:flex}.nav ul a{letter-spacing:.08em;text-transform:uppercase;padding-bottom:3px;font-family:Archivo,Noto Sans TC,sans-serif;font-size:12.5px;font-weight:500;position:relative}.nav ul a:after{content:"";transform-origin:0;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav ul a:hover:after{transform:scaleX(1)}.nav .cta{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:8px 18px;font-size:12px;transition:background .25s,color .25s}.nav-toggle{cursor:pointer;z-index:60;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;padding:0;display:none}.nav-toggle span{width:22px;height:1px;transition:transform .25s,opacity .25s;display:block}.nav-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav ul li.nav-cta-mobile{display:none}.nav-home{background:linear-gradient(#f5f2eaeb 0%,#f5f2ea00 100%)}.nav-home .logo,.nav-home ul a{color:var(--ink)}.nav-home .logo .en{color:var(--ink-soft)}.nav-home ul a:after{background:var(--ink)}.nav-home .cta{border:1px solid var(--line-strong);color:var(--ink)}.nav-home .cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav-home .nav-toggle span{background:var(--ink)}.nav-works{border-bottom:1px solid var(--line);background:linear-gradient(#f5f2eaf5 0%,#f5f2eae0 80% 100%)}.nav-works .logo,.nav-works ul a{color:var(--ink)}.nav-works .logo .en{color:var(--ink-soft)}.nav-works ul a.active{color:var(--accent)}.nav-works ul a:after{background:var(--ink)}.nav-works .cta{border:1px solid var(--line-strong);color:var(--ink)}.nav-works .cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav-works .nav-toggle span{background:var(--ink)}.nav-project{background:linear-gradient(#1615138c 0%,#16151300 100%)}.nav-project .logo{color:var(--paper)}.nav-project .logo .en{color:#f5f2eab3}.nav-project ul a{color:#f5f2ead9}.nav-project ul a:after{background:var(--paper)}.nav-project .cta{color:var(--paper);border:1px solid #f5f2ea80}.nav-project .cta:hover{background:var(--paper);color:var(--ink)}.nav-project .nav-toggle span{background:var(--paper)}@media (max-width:840px){.nav-toggle{display:flex}.nav .cta{display:none}.nav ul{padding:8px var(--edge-r) 26px var(--edge-l);opacity:0;visibility:hidden;flex-direction:column;align-items:stretch;gap:0;margin:0;transition:transform .25s,opacity .25s,visibility 0s linear .25s;position:absolute;top:100%;left:0;right:0;transform:translateY(-6px)}.nav ul.open{opacity:1;visibility:visible;transition:transform .25s,opacity .25s;transform:translateY(0)}.nav ul li{width:100%;padding:14px 0}.nav ul li.nav-cta-mobile{padding-top:18px;display:block;border-bottom:none!important}.nav ul li.nav-cta-mobile .cta{display:inline-block}.nav-home ul,.nav-works ul{background:var(--paper);border-bottom:1px solid var(--line)}.nav-home ul li,.nav-works ul li{border-bottom:1px solid var(--line)}.nav-home ul li:last-child,.nav-works ul li:last-child{border-bottom:none}.nav-project ul{background:var(--ink);border-bottom:1px solid #f5f2ea26}.nav-project ul li{border-bottom:1px solid #f5f2ea26}.nav-project ul li:last-child{border-bottom:none}}footer{border-top:1px solid var(--line);padding:32px 0 40px}footer .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}footer .en{letter-spacing:.05em;color:var(--ink-soft);font-size:11px}footer .social{gap:22px;display:flex}footer .social a{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line-strong);padding-bottom:2px;font-size:11px}footer .social a:hover{color:var(--accent);border-color:var(--accent)}.ph1{background:linear-gradient(135deg,#3c3630 0%,#221f1b 100%)}.ph2{background:linear-gradient(135deg,#2c3a44 0%,#161c20 100%)}.ph3{background:linear-gradient(135deg,#4a4038 0%,#241f1a 100%)}.ph4{background:linear-gradient(135deg,#333d3a 0%,#181c1b 100%)}.ph5{background:linear-gradient(135deg,#453a3a 0%,#201a1a 100%)}.ph6{background:linear-gradient(135deg,#2f3540 0%,#15181d 100%)}.ph7{background:linear-gradient(135deg,#3a3f4a 0%,#1a1c22 100%)}.ph8{background:linear-gradient(135deg,#43392f 0%,#221c16 100%)}.ph9{background:linear-gradient(135deg,#38423a 0%,#191f1a 100%)}.ph10{background:linear-gradient(135deg,#4a3540 0%,#23181e 100%)}.grain{opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.grain2{opacity:.28;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}.hero{width:100%;height:100vh;min-height:640px;position:relative;overflow:hidden}.hero .frame{background:radial-gradient(90% 70% at 30% 20%,#786e5f8c,#0000 60%),radial-gradient(80% 60% at 75% 80%,#28343ca6,#0000 60%),linear-gradient(155deg,#2a2722 0%,#1c1a17 45%,#14171a 100%);position:absolute;inset:0}.hero .vignette{background:linear-gradient(#0a090800 66%,#0a09088c 100%),linear-gradient(#0a090859 0%,#0a090800 24%);position:absolute;inset:0}.hero-note{top:max(18px, env(safe-area-inset-top));right:var(--edge-r);z-index:2;letter-spacing:.04em;color:#f5f2ea8c;font-family:Archivo,sans-serif;font-size:10.5px;font-weight:500;position:absolute}.hero-content{z-index:2;padding:0 var(--edge-r) 48px var(--edge-l);color:var(--paper);justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-content h1{letter-spacing:.005em;max-width:640px;font-family:Noto Serif TC,serif;font-size:clamp(24px,2.8vw,32px);font-weight:900;line-height:1.55}.hero-meta{letter-spacing:.1em;text-transform:uppercase;color:#f5f2eab3;text-align:right;font-family:Archivo,sans-serif;font-size:11px;font-weight:500;line-height:2}.hero-tagline{letter-spacing:.01em;color:#f5f2eabf;text-transform:none;margin-top:16px;font-family:Fraunces,serif;font-size:clamp(14px,1.3vw,17px);font-style:italic;font-weight:500}.hero-scroll{z-index:2;letter-spacing:.2em;color:#f5f2ea8c;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-family:Archivo,sans-serif;font-size:10px;font-weight:500;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero-scroll .bar{background:#f5f2ea66;width:1px;height:26px;overflow:hidden}.hero-scroll .bar span{background:var(--paper);width:100%;height:100%;animation:1.8s infinite scrolldown;display:block}@keyframes scrolldown{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.intro{padding:120px 0 80px}.intro .grid{border-top:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:60px;padding-top:36px;display:grid}.intro .label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-family:Archivo,sans-serif;font-size:11px;font-weight:500}.intro .copy{font-family:Noto Serif TC,serif;font-size:clamp(19px,2.1vw,26px);font-weight:300;line-height:1.75}.intro .en-line{color:var(--ink-soft);letter-spacing:.01em;margin-top:20px;font-family:Archivo,sans-serif;font-size:13px;font-weight:300;line-height:1.85}.facts{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:64px;display:grid}.facts .cell{background:var(--paper);padding:26px 22px}.facts .num{font-family:Fraunces,serif;font-size:clamp(26px,2.8vw,36px);font-weight:700}.facts .num.small{letter-spacing:.01em;font-size:clamp(14px,1.3vw,18px);font-weight:600;line-height:1.5}.facts .cap{color:var(--ink-soft);letter-spacing:.02em;margin-top:8px;font-family:Archivo,sans-serif;font-size:11.5px;font-weight:500}.clients{background:var(--ink);padding:52px 0 56px;overflow:hidden}.clients .head{padding:0 var(--edge-r) 28px var(--edge-l);justify-content:space-between;align-items:baseline;display:flex}.clients .head h3{color:var(--paper);letter-spacing:.02em;font-family:Noto Serif TC,serif;font-size:17px;font-weight:700}.clients .head .en{letter-spacing:.12em;text-transform:uppercase;color:#f5f2ea80;font-family:Archivo,sans-serif;font-size:10.5px;font-weight:500}.marquee-viewport{width:100%;overflow:hidden}.marquee-track{align-items:center;gap:40px;width:max-content;animation:48s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-track span.brand{letter-spacing:.08em;text-transform:uppercase;color:#f5f2eac7;white-space:nowrap;flex:none;font-family:Archivo,sans-serif;font-size:13px;font-weight:600}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee-viewport{overflow-x:auto}}@media (max-width:600px){.marquee-track span.brand{font-size:11px}.marquee-track{gap:28px}}.services{padding:100px 0}.section-head{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:baseline;margin-bottom:6px;padding-bottom:18px;display:flex}.section-head h2{font-family:Noto Serif TC,serif;font-size:clamp(24px,2.8vw,32px);font-weight:900}.section-head .en{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-family:Archivo,sans-serif;font-size:11px;font-weight:500}.svc-col-wrap{grid-template-columns:1fr 1fr;gap:0 48px;margin-top:8px;display:grid}.svc-col-wrap.svc-5{grid-template-columns:repeat(5,1fr);gap:0 22px}.svc-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line-strong);margin-bottom:4px;padding:20px 0 10px;font-family:Archivo,sans-serif;font-size:11px;font-weight:600;line-height:1.6}.svc-row{border-bottom:1px solid var(--line);cursor:default;justify-content:space-between;align-items:center;padding:16px 4px;transition:padding-left .25s;display:flex}.svc-row:hover{padding-left:10px}.svc-row .name{font-family:Noto Serif TC,serif;font-size:clamp(16px,1.6vw,20px);font-weight:300}.svc-row .tag{letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase;font-family:Archivo,sans-serif;font-size:10.5px;font-weight:500}.svc-5 .svc-row .name{font-size:14px;line-height:1.5}.work{padding:60px 0 110px}.work-grid{grid-template-columns:repeat(3,1fr);gap:28px 24px;margin-top:44px;display:grid}.tile{flex-direction:column;gap:12px;display:flex}.tile .frame-img{aspect-ratio:4/5;border:1px solid var(--line);position:relative;overflow:hidden}.tile .frame-img .ph{position:absolute;inset:0}.tile .cap{justify-content:space-between;align-items:baseline;display:flex}.tile .cap .proj{font-family:Noto Serif TC,serif;font-size:14.5px;font-weight:700}.tile .cap .kind{letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase;font-family:Archivo,sans-serif;font-size:10px;font-weight:500}.tile.wide{grid-column:span 2}.tile.wide .frame-img{aspect-ratio:16/10}.placeholder-note{color:var(--ink-soft);border-top:1px dashed var(--line);margin-top:36px;padding-top:16px;font-family:Archivo,sans-serif;font-size:11px;font-weight:300}.team{background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:90px 0}.team-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:44px;display:grid}.team-grid.cols-4{grid-template-columns:repeat(4,1fr)}.member{background:var(--paper2);padding:26px 24px}.member .role-en{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-family:Archivo,sans-serif;font-size:10px;font-weight:500}.member .role-zh{margin-top:10px;font-family:Noto Serif TC,serif;font-size:19px;font-weight:700}.member .role-zh .en{color:var(--ink-soft);margin-left:6px;font-family:Archivo,sans-serif;font-size:12px;font-weight:400}.member .credit{color:var(--ink-soft);letter-spacing:.02em;margin-top:12px;font-family:Archivo,sans-serif;font-size:10.5px;font-weight:300;line-height:1.7}.member-solo{background:var(--paper2);border:1px solid var(--line);max-width:320px;padding:26px 24px}.final{text-align:center;padding:130px 0 110px}.final h2{font-family:Noto Serif TC,serif;font-size:clamp(28px,4vw,46px);font-weight:900;line-height:1.4}.final .sub{color:var(--ink-soft);margin-top:18px;font-family:Archivo,sans-serif;font-size:14px;font-weight:300}.final .cta-btn{border:1px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-top:40px;padding:15px 42px;font-family:Archivo,sans-serif;font-size:13px;font-weight:600;transition:background .25s,color .25s;display:inline-block}.final .cta-btn:hover{background:var(--ink);color:var(--paper)}@media (max-width:900px){.intro .grid{grid-template-columns:1fr;gap:24px}.facts{grid-template-columns:repeat(2,1fr)}.svc-col-wrap{grid-template-columns:1fr}.svc-col-wrap.svc-5{grid-template-columns:repeat(2,1fr);gap:0 28px}.work-grid{grid-template-columns:repeat(2,1fr)}.tile.wide{grid-column:span 2}.team-grid,.team-grid.cols-4{grid-template-columns:repeat(2,1fr)}.hero-content{flex-direction:column;align-items:flex-start;gap:14px}.hero-meta{text-align:left}}@media (max-width:560px){.team-grid,.team-grid.cols-4{grid-template-columns:1fr}}.works-head{padding:168px 0 56px}.breadcrumb{letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;margin-bottom:22px;font-family:Archivo,sans-serif;font-size:11px}.breadcrumb a{border-bottom:1px solid var(--line-strong)}.breadcrumb a:hover{color:var(--accent)}.works-head h1{max-width:820px;font-family:Noto Serif TC,serif;font-size:clamp(32px,5vw,58px);font-weight:900;line-height:1.25}.works-head .sub-en{color:var(--ink-soft);margin-top:14px;font-family:Fraunces,serif;font-size:clamp(15px,1.4vw,19px);font-style:italic;font-weight:500}.works-head .kicker{border-top:1px solid var(--line);letter-spacing:.02em;color:var(--ink-soft);max-width:640px;margin-top:28px;padding-top:22px;font-family:Archivo,sans-serif;font-size:12.5px;line-height:1.9}.cat-tabs{border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);background:var(--line-strong);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:0;display:grid}.cat-tab{background:var(--paper);border:none;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);text-align:left;cursor:pointer;padding:26px 22px;font-family:inherit;transition:background .25s}.cat-tab:hover{background:var(--paper2)}.cat-tab.active{background:var(--ink);color:var(--paper)}.cat-tab .cn{font-family:Fraunces,serif;font-size:clamp(22px,2.6vw,32px);font-weight:700;display:block}.cat-tab .zh{margin-top:6px;font-family:Noto Serif TC,serif;font-size:14px;font-weight:700;display:block}.cat-tab .count{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-top:12px;font-family:Archivo,sans-serif;font-size:10.5px;font-weight:500;display:block}.cat-tab.active .count{color:#f5f2eaa6}.work-list{padding:56px 0 100px}.list-note{color:var(--ink-soft);letter-spacing:.02em;max-width:640px;margin-bottom:36px;font-family:Noto Sans TC,Archivo,sans-serif;font-size:12.5px;line-height:1.9}.list-note .en{letter-spacing:.01em;color:var(--ink-soft);margin-top:6px;font-family:Fraunces,serif;font-size:12.5px;font-style:italic;font-weight:500;display:block}.proj-grid{grid-template-columns:repeat(3,1fr);gap:36px 28px;display:grid}#panel-reels .proj-grid{grid-template-columns:repeat(5,1fr);gap:28px 20px}#panel-reels .proj-card .frame{aspect-ratio:9/16}.proj-card{display:block}.proj-card .frame{aspect-ratio:16/9;margin-bottom:14px;position:relative;overflow:hidden}.proj-card .frame .ph{transition:transform .6s;position:absolute;inset:0}.proj-card:hover .frame .ph{transform:scale(1.04)}.proj-card .frame .play{border:1px solid #f5f2eabf;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;bottom:16px;left:18px}.proj-card .frame .play:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #f5f2eae6;margin-left:2px}.proj-card .meta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.proj-card .name{font-family:Noto Serif TC,serif;font-size:15px;font-weight:700}.proj-card .client{color:var(--ink-soft);margin-top:4px;font-family:Archivo,sans-serif;font-size:11px;font-weight:400}.proj-card .kw{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-family:Archivo,sans-serif;font-size:9.5px;font-weight:500}.cat-panel{display:none}.cat-panel.active{display:block}@media (max-width:900px){.cat-tabs,.proj-grid{grid-template-columns:repeat(2,1fr)}#panel-reels .proj-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.proj-grid{grid-template-columns:1fr}#panel-reels .proj-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.works-head{padding:130px 0 40px}}.p-hero{aspect-ratio:16/9;cursor:pointer;background:#0d0c0b;width:100%;max-height:88vh;display:block;position:relative;overflow:hidden}.p-hero.is-vertical{aspect-ratio:9/16;width:auto;max-width:100%;height:min(80vh,760px);max-height:80vh;margin:0 auto}.p-hero .ph{transition:transform .8s;position:absolute;inset:0}.p-hero:hover .ph{transform:scale(1.02)}.p-hero .vignette{background:linear-gradient(#0a090800 60%,#0a090899 100%),linear-gradient(#0a090866 0%,#0a090800 26%);position:absolute;inset:0}.p-hero .tag{top:96px;right:var(--edge-r);z-index:2;letter-spacing:.1em;color:var(--paper);text-transform:uppercase;border:1px solid #f5f2ea8c;padding:6px 14px;font-family:Archivo,sans-serif;font-size:11px;font-weight:500;position:absolute}.p-hero .play-wrap{left:var(--edge-l);z-index:2;align-items:center;gap:16px;display:flex;position:absolute;bottom:96px}.p-hero.is-vertical .tag{right:20px}.p-hero.is-vertical .play-wrap{left:20px}.p-hero .play-btn{border:1px solid #f5f2eabf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:background .25s,transform .25s;display:flex}.p-hero .play-btn:after{content:"";border-left:14px solid var(--paper);border-top:9px solid #0000;border-bottom:9px solid #0000;margin-left:4px}.p-hero:hover .play-btn{background:#f5f2ea1f;transform:scale(1.06)}.p-hero .play-label{letter-spacing:.08em;text-transform:uppercase;color:var(--paper);font-family:Archivo,sans-serif;font-size:11px;font-weight:500}.p-hero .play-label .zh{letter-spacing:.02em;text-transform:none;margin-bottom:4px;font-family:Noto Serif TC,serif;font-size:14px;font-weight:700;display:block}.p-info{border-bottom:1px solid var(--line);grid-template-columns:1.1fr .9fr;gap:60px;padding:52px 0 40px;display:grid}.p-info h1{font-family:Noto Serif TC,serif;font-size:clamp(26px,3.2vw,40px);font-weight:900;line-height:1.3}.p-info .client-line{color:var(--ink-soft);letter-spacing:.02em;margin-top:10px;font-family:Archivo,sans-serif;font-size:13.5px;font-weight:400}.p-info .kw{letter-spacing:.04em;margin-top:26px;font-family:Archivo,sans-serif;font-size:12px;font-weight:600}.p-info .kw span{color:var(--ink-soft);font-weight:400}.p-info .desc{max-width:520px;margin-top:16px;font-family:Noto Serif TC,serif;font-size:15px;font-weight:300;line-height:2.05}.p-info .side{border-left:1px solid var(--line);padding-left:40px}.p-info .side .row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:16px 0;display:flex}.p-info .side .row:first-child{padding-top:0}.p-info .side .label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-family:Archivo,sans-serif;font-size:10.5px}.p-info .side .val{text-align:right;font-family:Noto Serif TC,serif;font-size:13.5px;font-weight:700}.p-gallery{padding:52px 0 90px}.p-gallery .section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:22px;font-family:Archivo,sans-serif;font-size:11px}.gal-grid{background:var(--line-strong);border:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.gal-grid.is-vertical{grid-template-columns:repeat(6,1fr)}.gal-cell{aspect-ratio:16/9;background:var(--paper);position:relative;overflow:hidden}.gal-grid.is-vertical .gal-cell{aspect-ratio:9/16}.gal-cell .ph{position:absolute;inset:0}.gal-cell .num{color:#f5f2ead9;font-family:Fraunces,serif;font-size:13px;font-style:italic;font-weight:600;position:absolute;bottom:10px;left:12px}.g1{background:linear-gradient(135deg,#2c3a44 0%,#161c20 100%)}.g2{background:linear-gradient(135deg,#3c3630 0%,#221f1b 100%)}.g3{background:linear-gradient(135deg,#333d3a 0%,#181c1b 100%)}.g4{background:linear-gradient(135deg,#453a3a 0%,#201a1a 100%)}.g5{background:linear-gradient(135deg,#2f3540 0%,#15181d 100%)}.g6{background:linear-gradient(135deg,#4a4038 0%,#241f1a 100%)}.p-next{border-top:1px solid var(--line-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:44px 0 60px;display:flex}.p-next a{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--line-strong);padding-bottom:3px;font-family:Archivo,sans-serif;font-size:11.5px;transition:color .2s,border-color .2s}.p-next a:hover{color:var(--accent);border-color:var(--accent)}.p-next .next-name{color:var(--ink);margin-top:8px;font-family:Noto Serif TC,serif;font-size:20px;font-weight:700;display:block}@media (max-width:900px){.p-info{grid-template-columns:1fr;gap:28px}.p-info .side{border-left:none;border-top:1px solid var(--line);padding-top:24px;padding-left:0}.gal-grid{grid-template-columns:repeat(2,1fr)}.gal-grid.is-vertical{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.gal-grid{grid-template-columns:1fr}.gal-grid.is-vertical{grid-template-columns:repeat(2,1fr)}.p-hero .tag{top:calc(env(safe-area-inset-top) + 62px);right:var(--edge-r);padding:5px 11px;font-size:9.5px}.p-hero .play-wrap{left:var(--edge-l);gap:10px;bottom:14px}.p-hero .play-btn{width:44px;height:44px}.p-hero .play-btn:after{border-top-width:6px;border-bottom-width:6px;border-left-width:10px;margin-left:3px}.p-hero .play-label{font-size:9.5px}.p-hero .play-label .zh{margin-bottom:2px;font-size:12px}.p-hero.is-vertical{height:min(70vh,620px)}.p-hero.is-vertical .tag{right:16px}.p-hero.is-vertical .play-wrap{left:16px}}