:root{--teal:#00aeae;--orange:#ff8000;--ink:#172426;--muted:#687779;--paper:#fff;--paper-alt:#fcfcfc;--line:#dfe5e3;--card:#fff;--max:1180px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:8px 12px;z-index:20}.site-header{position:sticky;top:0;z-index:10;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800}.brand span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand small{font-size:.69rem;color:var(--muted);letter-spacing:.09em;text-transform:uppercase}.site-header nav{display:flex;gap:22px;font-size:.82rem;font-weight:700}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--teal)}.hero{padding:96px 0 88px}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:72px;align-items:center}.eyebrow{font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,6.1vw,5.5rem);line-height:1.03;letter-spacing:-.052em;max-width:10.4ch;margin-bottom:28px}h2{font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.035em}h3{font-size:1.15rem;line-height:1.35}.hero-role{font-size:.9rem;font-weight:800;margin-bottom:20px}.lede{font-size:1.12rem;color:#435355;max-width:720px}.pov{margin:34px 0 28px;padding-left:18px;border-left:4px solid var(--orange);font-weight:800;max-width:610px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--ink);font-size:.84rem;font-weight:800;transition:transform .18s ease,background .18s ease,color .18s ease}.button.primary{background:var(--ink);color:#fff}.button:hover,.button:focus-visible{transform:translateY(-1px)}.home-hero{background:#fff}.hero-portrait{height:610px;margin:0;border-radius:38px;background:var(--paper-alt);position:relative;overflow:hidden;border:1px solid #e8ecea}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.hero-portrait:after{content:"";position:absolute;right:0;bottom:0;width:72px;height:7px;background:var(--teal)}.hero-portrait figcaption{position:absolute;left:28px;bottom:24px;background:#ffffffeb;padding:10px 14px;border-radius:999px;font-size:.7rem;font-weight:800;box-shadow:0 6px 24px #1523260f}.section{padding:88px 0;border-top:1px solid #eef1f0}.section-alt{background:var(--paper-alt)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-head p{max-width:560px;color:var(--muted)}.summary-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}.summary-quote{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2rem,3.2vw,2.65rem);line-height:1.25;letter-spacing:-.02em}.summary-copy .lede{font-size:1.06rem;color:#4f5e60}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.problem-card,.project-card,.career-item,.focus-panel,.insight-intro,.insight-themes{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.problem-card{padding:28px 24px 30px;min-height:230px}.problem-card .num{font-size:.72rem;color:var(--orange);font-weight:900}.problem-card h3{font-size:1.18rem;margin:46px 0 12px}.problem-card p{color:var(--muted);font-size:.88rem}.project-grid{display:grid}.featured-large{grid-template-columns:1.08fr .92fr;gap:22px}.featured-standard{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.project-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 18px 50px #17242614}.project-visual{position:relative;background:var(--paper-alt);overflow:hidden}.featured-large .project-visual{aspect-ratio:16/10}.featured-standard .project-visual{aspect-ratio:4/3}.project-visual.real-cover img{width:100%;height:100%;object-fit:cover}.project-body{padding:26px}.featured-standard .project-body{padding:20px}.project-body h3{font-size:1.5rem;margin-bottom:10px}.featured-standard .project-body h3{font-size:1.08rem}.project-body p{color:var(--muted);font-size:.92rem;margin-bottom:18px}.featured-standard .project-body p{font-size:.83rem}.project-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;font-size:.68rem;color:var(--teal);font-weight:800;letter-spacing:.05em;text-transform:uppercase}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:.7rem;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:#586667;background:#fff}.career-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.career-item{padding:30px 24px;border:0;border-right:1px solid var(--line);border-radius:0;min-height:180px}.career-item:last-child{border-right:0}.career-item strong{display:block;color:var(--teal);font-size:.82rem}.career-item h3{font-size:1.18rem;margin:42px 0 7px}.career-item small{display:block;color:var(--muted)}.focus-panel{padding:48px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center;background:var(--ink);color:#fff;border-radius:34px}.focus-panel .eyebrow{color:#72d5ce}.focus-panel h2{font-size:clamp(2.2rem,4vw,2.9rem);margin-bottom:0}.focus-panel>p{color:#c8d2d1;font-size:1.06rem;margin-bottom:0}.insights-preview{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.insight-intro,.insight-themes{padding:28px}.insight-intro{min-height:240px;display:flex;flex-direction:column;justify-content:center}.insight-intro h3{font-family:Georgia,"Noto Serif TC",serif;font-size:1.9rem;margin-bottom:14px}.insight-intro>p:last-child,.insight-themes>p{color:var(--muted)}.insight-themes{background:transparent;border-style:dashed;display:flex;flex-direction:column;justify-content:center}.insight-themes>p{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.contact-grid h2{font-size:clamp(2.8rem,5vw,3.65rem);margin-bottom:18px}.contact-grid p{max-width:720px;color:var(--muted)}.contact-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.site-footer{padding:48px 0;border-top:1px solid var(--line);margin-top:0;background:#fff}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{color:var(--muted);font-size:.9rem}.footer-links{display:flex;gap:18px}.page-hero{padding:80px 0 42px}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 36px}.filter{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.78rem;background:#fff}.work-section{padding:32px 0 54px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.work-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.compact-card{padding:22px;border-top:1px solid var(--line)}.archive{border-top:1px solid var(--line);padding:22px 0}.content-narrow{max-width:820px}.principles{display:grid;gap:14px}.principle{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.principle strong{color:var(--teal)}@media(max-width:1050px){.featured-standard{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.site-header nav{display:none}.hero{padding:46px 0 66px}.hero-grid,.summary-grid,.focus-panel,.insights-preview,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:34px}.hero-portrait{height:430px;order:-1}.problem-grid,.career-list{grid-template-columns:repeat(2,1fr)}.featured-large{grid-template-columns:1fr}.focus-panel{gap:20px}.career-item:nth-child(2){border-right:0}.career-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-actions{justify-content:flex-start}.work-grid{grid-template-columns:1fr}.work-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{width:min(calc(100% - 28px),var(--max))}.nav-wrap{min-height:68px}.brand small{display:none}.hero-grid{gap:30px}.hero-portrait{height:330px;border-radius:26px}.hero-portrait figcaption{left:18px;bottom:16px}.hero h1{font-size:2.65rem;max-width:11ch}.hero-role{font-size:.76rem}.lede{font-size:1rem}.actions{display:grid}.button{width:100%;text-align:center}.section{padding:60px 0}.summary-grid{gap:28px}.summary-quote{font-size:1.95rem}.section-head{display:block}.section-head h2{font-size:2.25rem}.section-head>.button{margin-top:18px;width:auto}.problem-grid,.featured-standard,.career-list,.work-list{grid-template-columns:1fr}.problem-card{min-height:0}.problem-card h3{margin-top:24px}.featured-large .project-visual{aspect-ratio:16/10}.featured-standard .project-visual{aspect-ratio:4/3}.career-item{border-right:0!important;border-bottom:1px solid var(--line)}.career-item:last-child{border-bottom:0}.focus-panel{padding:28px}.focus-panel h2{font-size:2.2rem}.insight-intro h3{font-size:1.6rem}.contact-grid h2{font-size:2.65rem}.contact-actions{display:grid}.footer-grid{display:block}.footer-links{margin-top:18px}.principle{grid-template-columns:1fr;gap:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.button{transition:none}}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;min-width:68px;min-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:.76rem;font-weight:800}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary{border-color:var(--ink)}@media(max-width:900px){.desktop-nav{display:none!important}.mobile-nav{display:block}.mobile-nav nav{display:grid!important;position:absolute;right:0;top:52px;width:min(280px,calc(100vw - 28px));padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #17242624}.mobile-nav nav a{display:block;padding:12px 14px;border-radius:12px;font-size:.86rem;font-weight:800}.mobile-nav nav a:hover,.mobile-nav nav a:focus-visible{background:var(--paper-alt);color:var(--teal)}}@media(max-width:600px){.mobile-nav summary{min-width:62px;min-height:40px}.mobile-nav nav{top:48px}}