@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{--cream:#f6f1e8;--paper:#fffdf8;--ink:#15201d;--green:#173f35;--mint:#bdebd4;--yellow:#f4cf57;--lilac:#d9cbf0;--coral:#ef9b7e;--line:#1b2421;--muted:#606b67}*{box-sizing:border-box}html{scroll-behavior:smooth}html[data-lang=en] .zh,html:not([data-lang]) .zh,html[data-lang=zh] .en{display:none!important}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1240px,100% - 48px);margin:auto}.new-site{overflow:hidden}.kicker{letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:700}.new-nav{border-bottom:1px solid #15201d38;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;display:grid}.new-logo{letter-spacing:.06em;font-weight:800}.new-logo span{color:#77807d;margin-left:9px;font-weight:500}.new-nav nav{border:1.5px solid var(--line);background:var(--paper);box-shadow:3px 3px 0 var(--line);border-radius:999px;gap:8px;padding:6px;display:flex}.new-nav nav a{border-radius:999px;padding:8px 15px;font-size:12px;font-weight:600}.new-nav nav a:hover{background:var(--mint)}.language-toggle{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;justify-self:end;display:flex;overflow:hidden}.language-toggle button{cursor:pointer;background:0 0;border:0;padding:8px 11px;font-size:10px;font-weight:700}.language-toggle button.active{background:var(--ink);color:#fff}.new-hero{grid-template-columns:minmax(0,1fr) 238px;gap:18px;padding:40px 0 28px;display:grid}.hero-main-card,.hero-profile-card,.proof article,.case-card,.writing-banner,.about-facts>div{border:1.7px solid var(--line);background:var(--paper);box-shadow:4px 4px 0 var(--line);border-radius:22px}.hero-main-card{flex-direction:column;min-height:510px;padding:62px 64px;display:flex}.hero-main-card h1,.new-section-head h2,.about-grid h2,.new-footer h2{letter-spacing:-.045em;max-width:900px;margin:0;font-family:Newsreader,Noto Sans TC,serif;font-size:clamp(55px,6.3vw,91px);font-weight:600;line-height:.93}.hero-main-card .lead{color:var(--muted);max-width:680px;margin:30px 0;font-size:17px;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1.5px solid var(--line);background:var(--paper);box-shadow:2px 2px 0 var(--line);border-radius:999px;padding:12px 18px;font-size:12px;font-weight:700}.pill.dark{background:var(--ink);color:#fff}.hero-tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:36px;display:flex}.hero-tags span{border:1px solid var(--line);background:var(--mint);border-radius:999px;padding:7px 11px;font-size:10px;font-weight:700}.hero-tags span:nth-child(2){background:var(--lilac)}.hero-tags span:nth-child(3){background:var(--yellow)}.hero-profile-card{background:#f2dcd5;flex-direction:column;align-self:start;padding:12px;display:flex}.hero-profile-card img{object-fit:cover;object-position:center 17%;border:1.5px solid var(--line);filter:saturate(.82);border-radius:14px;width:100%;height:255px}.hero-profile-card>div{padding:16px 6px 8px}.hero-profile-card p{color:var(--muted);font-size:9px;line-height:1.6}.hero-profile-card>a{border-top:1px solid;margin-top:10px;padding:12px 6px 4px;font-size:11px;font-weight:700}.proof{grid-template-columns:repeat(4,1fr);gap:14px;padding:0 0 100px;display:grid}.proof article{min-height:132px;padding:24px}.proof article:nth-child(2){background:var(--yellow)}.proof article:nth-child(3){background:var(--mint)}.proof article:nth-child(4){background:var(--lilac)}.proof strong{font-size:35px}.proof p{color:#46514d;margin:18px 0 0;font-size:11px;line-height:1.5}.new-section{padding:100px 0}.new-section-head{grid-template-columns:1.35fr .65fr;align-items:end;gap:70px;margin-bottom:48px;display:grid}.new-section-head>p{color:var(--muted);font-size:14px;line-height:1.8}.case-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.case-card{flex-direction:column;transition:transform .22s;display:flex;overflow:hidden}.case-card:hover{transform:translateY(-5px)}.case-card.po-card{background:#eef6df}.case-card.ej-card{background:#f0e8fa}.case-card.red-card{background:#f7e2dc}.case-visual{border-bottom:1.7px solid var(--line);background:#ddd;height:360px;overflow:hidden}.case-visual>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.case-visual.collage{background:var(--line);grid-template-columns:1fr 1fr;gap:2px;display:grid}.case-visual.collage img{object-fit:cover;object-position:top;width:100%;height:100%}.case-copy{flex-direction:column;min-height:315px;padding:26px;display:flex}.case-copy>span{letter-spacing:.14em;font-size:9px;font-weight:700}.case-copy h3{margin:20px 0 14px;font-family:Newsreader,Noto Sans TC,serif;font-size:31px;line-height:1.04}.case-copy p{color:#53605b;font-size:13px;line-height:1.65}.case-copy b{text-underline-offset:5px;margin-top:auto;font-size:11px;text-decoration:underline}.writing-banner{background:var(--green);color:#fff;justify-content:space-between;align-items:end;margin-top:20px;padding:38px;display:flex}.writing-banner h3{max-width:790px;margin:0;font-family:Newsreader,Noto Sans TC,serif;font-size:clamp(30px,3.5vw,48px);line-height:1.1}.writing-banner>span{border:1px solid #fff;border-radius:999px;padding:12px 16px;font-size:11px;font-weight:700}.about-panel{background:var(--green);color:#fff;padding:110px 0}.about-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.about-grid h2{color:#f9f4e9}.about-copy>p{color:#dce5e0;margin:45px 0;font-size:18px;line-height:1.8}.about-facts{gap:10px;display:grid}.about-facts>div{color:var(--ink);background:#f8f3e9;grid-template-columns:120px 1fr;padding:20px;display:grid;box-shadow:3px 3px #93bea9}.about-facts b{font-size:11px}.about-facts p{margin:0;font-size:12px;line-height:1.65}.new-section-head.compact{grid-template-columns:1fr}.new-timeline{border-top:1.5px solid}.new-timeline article{border-bottom:1px solid #15201d3d;grid-template-columns:190px 1.1fr 1fr;align-items:center;gap:30px;padding:23px 0;display:grid}.new-timeline time,.new-timeline p{color:var(--muted);font-size:11px}.new-timeline strong{font-size:15px}.new-footer{padding:110px 0 35px}.new-footer h2{max-width:1000px;font-size:clamp(55px,7.5vw,105px)}.new-footer>a{border-bottom:1px solid;margin:45px 0 100px;padding-bottom:5px;font-size:16px;display:inline-block}.new-footer>div{border-top:1px solid;justify-content:space-between;padding-top:22px;font-size:10px;display:flex}.collection-page{min-height:100vh;padding-bottom:100px}.collection-topbar{border-bottom:1px solid;justify-content:space-between;align-items:center;height:72px;font-size:11px;display:flex}.collection-hero{padding:90px 0 65px}.collection-hero h1{margin:0;font-family:Newsreader,Noto Sans TC,serif;font-size:clamp(60px,9vw,120px);line-height:.95}.collection-hero>p:last-child{max-width:540px;color:var(--muted);line-height:1.8}.work-grid{grid-template-columns:1fr 1fr;gap:60px 20px;display:grid}.work-card{flex-direction:column;display:flex}.work-meta{border-bottom:1px solid;order:0;margin-bottom:14px;padding-bottom:16px}.work-meta span{letter-spacing:.12em;color:var(--muted);font-size:9px}.work-meta h2{margin:10px 0 0;font-family:Newsreader,Noto Sans TC,serif;font-size:29px}.work-cover{background:#ddd;border:1.5px solid;border-radius:18px;order:1;height:520px;position:relative;overflow:hidden}.work-cover img{object-fit:cover;object-position:top;width:100%;height:100%}.view-mark{background:var(--yellow);border:1.5px solid;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:16px;right:16px}.hket-graphic{background:var(--green);color:#fff;flex-direction:column;justify-content:space-between;height:100%;padding:40px;display:flex}.hket-graphic strong{color:var(--yellow);font-family:Newsreader;font-size:130px}.hket-graphic p{font-size:35px}.social-collection{padding-bottom:0}.social-project{padding-bottom:110px}.social-project-head{grid-template-columns:1fr 1fr;align-items:end;gap:70px;margin-bottom:45px;display:grid}.social-project-head h2{margin:0;font-family:Newsreader,Noto Sans TC,serif;font-size:clamp(42px,5vw,66px);line-height:1}.social-project-head>div:last-child>p{color:var(--muted);font-size:14px;line-height:1.8}.external-links{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.external-links a{background:var(--yellow);border:1.5px solid;border-radius:999px;padding:10px 14px;font-size:11px}.gallery-label{letter-spacing:.13em;text-transform:uppercase;margin:55px 0 16px;font-size:11px}.social-gallery{align-items:start;gap:12px;display:grid}.ig-gallery{grid-template-columns:repeat(5,1fr)}.fb-gallery{grid-template-columns:repeat(4,1fr)}.social-gallery img{width:100%;height:auto}.rednote-band{background:var(--green);color:#fff;padding:100px 0}.rednote-band .social-project-head p{color:#d8e2dd!important}.rednote-gallery{grid-template-columns:1.15fr repeat(3,1fr);align-items:start;gap:14px;display:grid}.rednote-gallery figure{margin:0}.rednote-gallery img{width:100%}.rednote-gallery figcaption{margin-top:11px;font-size:13px;font-weight:600;line-height:1.5}.poad-showcase{grid-template-columns:.75fr 1.25fr;gap:16px;display:grid}.poad-showcase img{width:100%;display:block}.poad-stack{background:#fff;border:1.5px solid;border-radius:18px;overflow:hidden}.poad-stack img+img{margin-top:-2px}.reader-body{background:#d9d8d3}.reader-topbar{z-index:10;background:#f6f1e8f2;border-bottom:1px solid;justify-content:space-between;align-items:center;height:66px;padding:0 26px;font-size:10px;display:flex;position:sticky;top:0}.reader-stage{min-height:calc(100vh - 66px);padding:28px}.paper-view{background:#fff;width:min(1100px,100%);margin:auto;display:block}.pdf-view{background:#fff;border:0;width:100%;height:calc(100vh - 122px)}.article-paper{background:#fff;width:min(820px,100%);margin:auto;padding:70px 80px}.article-paper h1{font-family:Newsreader,Noto Sans TC,serif;font-size:48px;line-height:1.2}.article-paper p{font-family:Noto Sans TC;font-size:16px;line-height:2}.article-publication,.article-byline{color:var(--muted);font-size:11px}@media (width<=900px){.new-nav{grid-template-columns:1fr auto}.new-nav nav{display:none}.new-hero{grid-template-columns:1fr}.hero-profile-card{grid-template-columns:150px 1fr;gap:12px;display:grid}.hero-profile-card img{grid-row:1/3;height:190px}.proof{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr}.case-card{grid-template-columns:1fr 1fr;display:grid}.case-visual{border-bottom:0;border-right:1.5px solid;height:430px}.about-grid,.new-section-head,.social-project-head{grid-template-columns:1fr;gap:35px}.ig-gallery,.fb-gallery{grid-template-columns:repeat(2,1fr)}.rednote-gallery{grid-template-columns:1fr 1fr}.poad-showcase{grid-template-columns:1fr}.new-timeline article{grid-template-columns:150px 1fr}.new-timeline p{grid-column:2}.work-grid{grid-template-columns:1fr}}@media (width<=600px){.shell{width:min(100% - 24px,1240px)}.new-nav{height:66px}.new-logo span{display:none}.hero-main-card{min-height:560px;padding:38px 24px}.hero-main-card h1{font-size:48px;line-height:.98}.new-hero{padding-top:18px}.hero-profile-card{grid-template-columns:110px 1fr}.hero-profile-card img{height:150px}.proof{grid-template-columns:1fr 1fr;padding-bottom:70px}.proof article{padding:18px}.new-section{padding:75px 0}.case-card{display:flex}.case-visual{border-bottom:1.5px solid;border-right:0;height:420px}.writing-banner{padding:28px;display:block}.writing-banner>span{margin-top:28px;display:inline-block}.about-panel{padding:80px 0}.about-facts>div{grid-template-columns:1fr;gap:10px}.new-timeline article{grid-template-columns:1fr;gap:7px}.new-timeline p{grid-column:1}.new-footer{padding-top:80px}.new-footer>a{margin-bottom:80px}.collection-hero{padding-top:65px}.ig-gallery,.fb-gallery,.rednote-gallery{grid-template-columns:1fr}.work-cover{height:380px}.article-paper{padding:40px 22px}.article-paper h1{font-size:36px}.reader-stage{padding:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-card{transition:none}}.poad-showcase{grid-template-columns:1fr 1fr;align-items:start;gap:18px}.poad-case{margin:0}.poad-media{border:1.5px solid var(--line);background:#fff;border-radius:18px;height:680px;overflow:hidden}.poad-media>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.poad-media.poad-stack{flex-direction:column;display:flex}.poad-media.poad-stack img{object-fit:contain;flex:none;width:100%;height:auto;display:block}.poad-media.poad-stack img+img{margin-top:-2px}.poad-case figcaption{margin-top:12px;font-size:11px;font-weight:700}@media (width<=900px){.poad-media{height:720px}}@media (width<=600px){.poad-media{height:590px}}.kicker{letter-spacing:.13em;font-size:14px}.new-nav nav a{font-size:14px}.language-toggle button{font-size:13px}.hero-main-card{padding:58px 62px}.hero-main-card h1{letter-spacing:-.035em;font-size:clamp(46px,4.2vw,68px);line-height:1.04}.hero-main-card .lead{max-width:720px;font-size:18px}.pill{font-size:14px}.hero-tags span{font-size:13px}.hero-profile-card strong{font-size:16px}.hero-profile-card p{font-size:13px}.hero-profile-card>a{font-size:14px}.hero-profile-card .profile-location{margin:12px 0 2px}.hero-profile-card .profile-languages{margin:0}.hero-profile-card .profile-links{border-top:1px solid;justify-content:space-between;gap:14px;margin-top:10px;padding:12px 6px 4px;display:flex}.hero-profile-card .profile-links a{font-size:14px;font-weight:700}.proof article{min-height:145px}.proof p{font-size:15px;line-height:1.55}.new-section-head h2,.about-grid h2{font-size:clamp(40px,4vw,58px);line-height:1.08}.new-section-head>p{font-size:16px}.case-copy>span{letter-spacing:.12em;font-size:13px}.case-copy h3{line-height:1.12}.case-copy p{font-size:15px}.case-copy b,.writing-banner>span,.about-facts b,.about-facts p,.new-timeline time,.new-timeline p{font-size:14px}.new-footer h2{font-size:clamp(48px,6vw,82px)}.new-footer>div{font-size:13px}.collection-topbar{font-size:14px}.collection-hero h1{font-size:clamp(52px,6vw,88px);line-height:1.02}.collection-hero>p:last-child{max-width:600px;font-size:17px}.work-meta span{font-size:13px}.social-project-head h2{font-size:clamp(38px,4vw,56px);line-height:1.08}.social-project-head>div:last-child>p{font-size:16px}.external-links a{padding:11px 16px;font-size:15px}.gallery-label{letter-spacing:.1em;margin:60px 0 22px;font-size:17px;font-weight:700}.rednote-gallery{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px}.rednote-gallery figure{flex-direction:column;min-width:0;display:flex}.rednote-gallery img{aspect-ratio:3/4;object-fit:contain;object-position:center;background:#fff;border-radius:12px;width:100%}.rednote-gallery figcaption{min-height:46px;margin-top:14px;font-size:15px;line-height:1.5}.reader-topbar{font-size:14px}.article-paper h1{font-size:44px;line-height:1.25}.article-paper p{font-size:17px}.article-publication,.article-byline{font-size:14px}@media (width<=900px){.rednote-gallery{grid-template-columns:1fr 1fr}}@media (width<=600px){.hero-main-card{padding:36px 24px}.hero-main-card h1{font-size:42px;line-height:1.06}.rednote-gallery{grid-template-columns:1fr}.rednote-gallery img{aspect-ratio:auto;object-fit:contain;max-height:none}.gallery-label{font-size:16px}}