:root{--ink:#12221e;--ink-soft:#43514c;--paper:#f7f5ef;--paper-deep:#eeece5;--white:#fffefa;--line:#d9d8d0;--lime:#d7ff62;--mint:#d6eee6;--sand:#eadfc9;--blue:#dce8f4;--violet:#e5e0f3;--dark:#132823;--focus:#0068ff;--shell:1180px;--radius:24px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65;text-rendering:optimizeLegibility}body:before{position:fixed;z-index:-1;inset:0;background-image:radial-gradient(rgba(18,34,30,.055) .7px,transparent 0);background-size:6px 6px;content:"";pointer-events:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{border-radius:4px;outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.12}.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 16px;transform:translateY(-160%);background:var(--lime);color:var(--ink);font-weight:800}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:relative;z-index:20;border-bottom:1px solid rgba(18,34,30,.12);background:hsla(45,33%,95%,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{display:grid;min-height:78px;align-items:center;grid-template-columns:1fr auto 1fr}.wordmark{display:inline-flex;width:max-content;align-items:center;gap:11px;font-size:.92rem;font-weight:800}.wordmark>span:first-child{display:grid;width:39px;height:39px;place-items:center;border-radius:50%;background:var(--ink);color:var(--lime);font-size:.82rem;letter-spacing:-.02em}.desktop-nav{display:flex;align-items:center;gap:32px;color:var(--ink-soft);font-size:.9rem;font-weight:700}.desktop-nav a,.footer-links a{transition:color .18s ease}.desktop-nav a:hover,.footer-links a:hover{color:#668c00}.header-contact{display:inline-flex;justify-self:end;align-items:center;gap:8px;border-bottom:1px solid var(--ink);font-size:.9rem;font-weight:800}.hero{display:grid;min-height:680px;align-items:center;grid-gap:7vw;gap:7vw;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);padding-block:76px 88px}.hero-status{display:flex;align-items:center;gap:10px;margin-bottom:34px;color:var(--ink-soft);font-size:.82rem;font-weight:750;letter-spacing:.08em}.hero-status span{width:9px;height:9px;border-radius:50%;background:#6f9e00;box-shadow:0 0 0 5px rgba(111,158,0,.15)}.hero h1{max-width:820px;margin-bottom:30px;font-size:clamp(3.4rem,6vw,5.2rem);font-weight:850;letter-spacing:-.075em}.hero h1 span{position:relative;z-index:0;display:inline-block}.hero h1 span:after{position:absolute;z-index:-1;right:-1%;bottom:7%;left:-1%;height:23%;background:var(--lime);content:"";transform:rotate(-1deg)}.hero-intro{max-width:630px;margin-bottom:34px;color:var(--ink-soft);font-size:clamp(1.04rem,1.6vw,1.24rem);line-height:1.75}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:12px;padding:0 22px;border-radius:999px;font-size:.92rem;font-weight:800;transition:transform .18s ease,background-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--white)}.button-primary:hover{background:#28433b}.text-link{display:inline-flex;width:max-content;align-items:center;gap:8px;border-bottom:1px solid;font-weight:800}.hero-principles{position:relative;isolation:isolate;width:100%;max-width:410px;margin-left:auto;padding:24px;overflow:hidden;border:1px solid var(--ink);border-radius:24px;background:var(--dark);color:var(--white);box-shadow:10px 10px 0 var(--lime)}.hero-principles:before{position:absolute;z-index:-1;top:40%;left:-36%;width:120%;aspect-ratio:1;border:1px solid rgba(215,255,98,.24);border-radius:50%;box-shadow:0 0 0 38px rgba(215,255,98,.035),0 0 0 76px rgba(215,255,98,.025);content:""}.principles-meta{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid hsla(0,0%,100%,.22);color:#c2cec9;font-size:.65rem;font-weight:800;letter-spacing:.12em}.principles-title{position:relative;z-index:1;margin:46px 0 88px;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:900;letter-spacing:-.07em;line-height:.98}.principles-title span{display:inline-block;margin-block:5px;padding:2px 7px 5px;background:var(--lime);color:var(--ink);transform:translateX(-7px)}.principles-orbit{position:absolute;top:32%;right:-27px;width:150px;height:150px;border:1px solid hsla(0,0%,100%,.25);border-radius:50%}.principles-orbit:after,.principles-orbit:before{position:absolute;background:hsla(0,0%,100%,.25);content:""}.principles-orbit:before{top:50%;right:-24px;left:-24px;height:1px}.principles-orbit:after{top:-24px;bottom:-24px;left:50%;width:1px}.principles-orbit span{position:absolute;top:calc(50% - 6px);left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 7px rgba(215,255,98,.12)}.principles-list{position:relative;z-index:1;margin:0;border-top:1px solid hsla(0,0%,100%,.22)}.principles-list div{display:grid;grid-gap:16px;gap:16px;grid-template-columns:30px 1fr;padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.13)}.principles-list dt{color:var(--lime);font-size:.65rem;font-weight:800}.principles-list dd{margin:0;color:#d5dedb;font-size:.77rem;font-weight:700}.proof-strip{border-block:1px solid var(--line);background:rgba(255,254,250,.6)}.proof-grid{display:grid;min-height:116px;align-items:center;grid-gap:32px;gap:32px;grid-template-columns:repeat(3,auto) 1fr}.proof-grid>div{display:flex;align-items:baseline;gap:9px}.proof-grid strong{font-size:1.8rem;letter-spacing:-.06em}.proof-grid span{color:var(--ink-soft);font-size:.8rem;font-weight:700}.proof-grid>p{margin:0;color:#65716d;font-size:.69rem;font-weight:750;letter-spacing:.1em;text-align:right;text-transform:uppercase}.section{padding-block:120px}.section+.section{padding-top:30px}.section-heading{margin-bottom:48px}.section-heading h2{max-width:760px;margin-bottom:0;font-size:clamp(2.25rem,4.5vw,4rem)}.section-kicker{margin-bottom:18px;color:#5c6963;font-size:.7rem;font-weight:850;letter-spacing:.17em}.section-kicker.light{color:#b9c7c2}.split-heading{display:grid;align-items:end;grid-gap:48px;gap:48px;grid-template-columns:1.3fr .7fr}.split-heading>p{max-width:470px;margin:0;color:var(--ink-soft)}.split-heading>.text-link{justify-self:end}.expertise-grid{display:grid;border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr)}.expertise-card{min-height:310px;padding:32px 28px 28px 0;border-bottom:1px solid var(--line)}.expertise-card+.expertise-card{padding-left:28px;border-left:1px solid var(--line)}.expertise-card>span{display:block;margin-bottom:66px;color:#5c6963;font-size:.75rem;font-weight:800}.expertise-card h3{margin-bottom:17px;font-size:1.55rem}.expertise-card p{margin:0;color:var(--ink-soft)}.project-section{padding-bottom:136px}.project-grid{display:grid;grid-gap:34px;gap:34px;grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{overflow:hidden;border:1px solid rgba(18,34,30,.18);border-radius:var(--radius);background:var(--white);box-shadow:0 22px 60px rgba(18,34,30,.06)}.project-visual{display:block;padding:30px 30px 0;overflow:hidden}.project-visual img{width:100%;aspect-ratio:1.52;border:1px solid rgba(18,34,30,.16);border-radius:14px 14px 0 0;object-fit:cover;object-position:top;box-shadow:0 16px 34px rgba(18,34,30,.11);transition:transform .28s ease}.project-visual:hover img{transform:translateY(-5px)}.project-card-mint .project-visual{background:var(--mint)}.project-card-sand .project-visual{background:var(--sand)}.project-card-blue .project-visual{background:var(--blue)}.project-card-violet .project-visual{background:var(--violet)}.project-copy{padding:29px 30px 30px}.project-eyebrow{margin-bottom:12px;color:#6b7973;font-size:.67rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.project-copy h3{margin-bottom:14px;font-size:clamp(1.45rem,2.4vw,2rem)}.project-copy>p:not(.project-eyebrow){min-height:83px;margin-bottom:28px;color:var(--ink-soft)}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--line);font-size:.77rem;font-weight:700}.project-card-footer>span{color:#5c6963}.project-card-footer a{white-space:nowrap}.section-more{display:flex;justify-content:center;padding-top:48px}.consulting-section{position:relative;overflow:hidden;padding-block:122px;background:var(--dark);color:var(--white)}.consulting-section:after{position:absolute;right:-160px;bottom:-210px;width:530px;height:530px;border:1px solid rgba(215,255,98,.3);border-radius:50%;box-shadow:0 0 0 80px rgba(215,255,98,.035),0 0 0 160px rgba(215,255,98,.025);content:""}.consulting-grid{position:relative;z-index:1;display:grid;grid-gap:10vw;gap:10vw;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.consulting-intro h2{max-width:590px;margin-bottom:26px;font-size:clamp(2.5rem,5vw,4.5rem)}.consulting-intro>p:not(.section-kicker){max-width:570px;margin-bottom:36px;color:#c7d2ce;font-size:1.05rem}.button-light{background:var(--lime);color:var(--ink)}.button-light:hover{background:#e5ff97}.consulting-steps{margin:0;padding:0;list-style:none}.consulting-steps li{display:grid;grid-gap:22px;gap:22px;grid-template-columns:42px 1fr;padding:28px 0;border-top:1px solid hsla(0,0%,100%,.18)}.consulting-steps li:last-child{border-bottom:1px solid hsla(0,0%,100%,.18)}.consulting-steps li>span{color:var(--lime);font-size:.72rem;font-weight:800}.consulting-steps h3{margin-bottom:9px;font-size:1.45rem}.consulting-steps p{margin:0;color:#b9c7c2}.experience-list{border-top:1px solid var(--ink)}.experience-list article{display:grid;grid-gap:38px;gap:38px;grid-template-columns:150px 1fr 1.25fr;padding:31px 0;border-bottom:1px solid var(--line)}.experience-list p{margin-bottom:0}.experience-period{color:#5c6963;font-size:.78rem;font-weight:800}.experience-list h3{margin-bottom:7px;font-size:1.18rem}.experience-company,.experience-description{color:var(--ink-soft)}.experience-company{font-size:.88rem}.experience-description{font-size:.94rem}.faq-section{padding-bottom:140px}.faq-list{border-top:1px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;min-height:78px;cursor:pointer;align-items:center;justify-content:space-between;gap:28px;font-size:1.08rem;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:1.6rem;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:760px;margin:-3px 0 26px;color:var(--ink-soft)}.site-footer{padding-block:100px 26px;background:#0c1b17;color:var(--white)}.footer-grid{display:grid;grid-gap:9vw;gap:9vw;grid-template-columns:1.15fr .85fr}.footer-grid h2{margin-bottom:0;font-size:clamp(2.5rem,5vw,4.7rem)}.footer-contact{align-self:end}.footer-email{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid hsla(0,0%,100%,.7);font-size:clamp(1rem,2vw,1.35rem);font-weight:800}.footer-contact>p{margin:16px 0 30px;color:#acbbb5}.footer-links{display:flex;flex-wrap:wrap;gap:14px 25px;font-size:.84rem;font-weight:800}.footer-bottom{display:flex;justify-content:space-between;margin-top:92px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.15);color:#899a93;font-size:.72rem}.footer-bottom p{margin:0}.page-hero{padding-block:74px 74px}.breadcrumbs{margin-bottom:44px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;color:#6d7974;font-size:.78rem;font-weight:700;list-style:none}.breadcrumbs li+li:before{margin-right:9px;content:"/"}.page-hero h1{max-width:910px;margin-bottom:24px;font-size:clamp(3rem,7vw,6rem)}.page-hero>p:not(.section-kicker){max-width:700px;margin-bottom:0;color:var(--ink-soft);font-size:1.15rem}.projects-page{padding-bottom:135px}.project-detail-hero{padding-bottom:36px}.project-detail-head{display:grid;align-items:end;grid-gap:50px;gap:50px;grid-template-columns:1.3fr .7fr}.project-detail-head h1{max-width:870px;margin-bottom:24px;font-size:clamp(3rem,7vw,6rem)}.project-detail-head .lead{max-width:740px;margin-bottom:0;color:var(--ink-soft);font-size:1.12rem}.project-live-link{justify-self:end;margin-bottom:8px}.project-detail-visual{padding-block:42px 80px}.project-detail-frame{padding:clamp(20px,4vw,52px) clamp(20px,4vw,52px) 0;border-radius:30px}.project-detail-frame-mint{background:var(--mint)}.project-detail-frame-sand{background:var(--sand)}.project-detail-frame-blue{background:var(--blue)}.project-detail-frame-violet{background:var(--violet)}.project-detail-frame img{width:100%;max-height:720px;border:1px solid rgba(18,34,30,.17);border-radius:15px 15px 0 0;object-fit:cover;object-position:top;box-shadow:0 30px 55px rgba(18,34,30,.13)}.fact-grid{display:grid;margin:0;border-block:1px solid var(--ink);grid-template-columns:repeat(3,1fr)}.fact-grid div{padding:31px 24px 31px 0}.fact-grid div+div{padding-left:24px;border-left:1px solid var(--line)}.fact-grid dt{font-size:clamp(1.55rem,3vw,2.3rem);font-weight:850;letter-spacing:-.055em}.fact-grid dd{margin:4px 0 0;color:var(--ink-soft);font-size:.8rem;font-weight:700}.case-body{display:grid;grid-gap:60px 9vw;gap:60px 9vw;grid-template-columns:.7fr 1.3fr;padding-block:100px 130px}.case-section h2{margin-bottom:20px;font-size:clamp(2rem,4vw,3rem)}.case-section>p{color:var(--ink-soft);font-size:1.02rem}.case-section-wide{grid-column:1/-1;padding-top:56px;border-top:1px solid var(--ink)}.approach-list{display:grid;margin:0;padding:0;counter-reset:approach;grid-gap:0;gap:0;list-style:none}.approach-list li{display:grid;grid-gap:20px;gap:20px;grid-template-columns:42px 1fr;padding:22px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);counter-increment:approach}.approach-list li:before{color:#6e7b76;content:"0" counter(approach);font-size:.72rem;font-weight:800}.stack-list{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 0;padding:0;list-style:none}.stack-list li{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,254,250,.7);font-size:.75rem;font-weight:750}.next-project{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:46px;border-top:1px solid var(--ink)}.next-project p{margin:0;color:#6d7974;font-size:.74rem;font-weight:800;letter-spacing:.12em}.next-project a{font-size:clamp(1.25rem,3vw,2rem);font-weight:850;letter-spacing:-.04em}.resume-hero{display:grid;align-items:end;grid-gap:50px;gap:50px;grid-template-columns:1.3fr .7fr}.resume-hero h1{font-size:clamp(3rem,6vw,5rem)}.resume-actions{display:flex;justify-self:end;align-items:center;gap:24px}.resume-layout{display:grid;grid-gap:9vw;gap:9vw;grid-template-columns:.62fr 1.38fr;padding-bottom:130px}.resume-sidebar{align-self:start;padding:27px;border:1px solid var(--line);border-radius:20px;background:rgba(255,254,250,.65)}.resume-sidebar h2{margin-bottom:16px;font-size:1.1rem}.resume-sidebar section+section{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}.resume-contact-list,.resume-link-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;font-size:.86rem;list-style:none}.skill-group+.skill-group{margin-top:20px}.skill-group h3{margin-bottom:8px;color:#6c7974;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.skill-group p{margin:0;font-size:.82rem}.resume-main>section+section{margin-top:74px}.resume-main h2{margin-bottom:26px;padding-bottom:16px;border-bottom:1px solid var(--ink);font-size:2rem}.resume-summary{color:var(--ink-soft);font-size:1.07rem}.resume-entry{display:grid;grid-gap:14px 28px;gap:14px 28px;grid-template-columns:150px 1fr;padding:29px 0;border-bottom:1px solid var(--line)}.resume-entry:first-of-type{padding-top:0}.resume-entry-period{color:#6d7974;font-size:.76rem;font-weight:800}.resume-entry h3{margin-bottom:6px;font-size:1.2rem}.resume-entry-company{margin-bottom:12px;color:#6c7974;font-size:.87rem;font-weight:700}.resume-entry ul{margin:0;padding-left:18px;color:var(--ink-soft)}.resume-entry li+li{margin-top:7px}.education-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,1fr)}.education-grid article{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,254,250,.6)}.education-grid h3{margin-bottom:7px;font-size:1.05rem}.education-grid p{margin:0;color:var(--ink-soft);font-size:.84rem}@media (max-width:980px){.hero{gap:40px;grid-template-columns:1.15fr .85fr}.hero h1{font-size:clamp(3.4rem,8vw,5rem)}.proof-grid{grid-template-columns:repeat(3,1fr)}.proof-grid>div{flex-direction:column;gap:0}.proof-grid>p{display:none}.project-card-footer{align-items:flex-start;flex-direction:column}.experience-list article{grid-template-columns:120px 1fr}.experience-description{grid-column:2}.project-detail-head,.resume-hero{grid-template-columns:1fr}.project-live-link,.resume-actions{justify-self:start}.resume-layout{gap:48px;grid-template-columns:.72fr 1.28fr}}@media (max-width:760px){.shell{width:min(calc(100% - 32px),var(--shell))}.header-inner{min-height:68px;grid-template-columns:1fr auto}.desktop-nav,.wordmark-name{display:none}.header-contact{grid-column:2}.hero{min-height:auto;gap:62px;grid-template-columns:1fr;padding-block:58px 78px}.hero h1{font-size:clamp(2.7rem,11vw,3.2rem)}.hero-status{margin-bottom:27px;font-size:.7rem;letter-spacing:.04em}.hero-intro{font-size:1rem}.hero-principles{width:94%;max-width:390px;margin:0 auto}.proof-grid{min-height:102px;gap:15px}.proof-grid strong{font-size:1.42rem}.proof-grid span{max-width:100px;font-size:.64rem;line-height:1.35}.section{padding-block:84px}.section+.section{padding-top:10px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(2.15rem,10vw,3.2rem)}.case-body,.consulting-grid,.footer-grid,.resume-layout,.split-heading{gap:34px;grid-template-columns:1fr}.split-heading>.text-link{justify-self:start}.expertise-grid{grid-template-columns:1fr}.expertise-card,.expertise-card+.expertise-card{min-height:0;padding:27px 0;border-left:0}.expertise-card>span{margin-bottom:32px}.project-grid{grid-template-columns:1fr}.project-visual{padding:18px 18px 0}.project-copy{padding:24px 22px}.project-copy>p:not(.project-eyebrow){min-height:0}.consulting-section{padding-block:84px}.consulting-grid{gap:68px}.experience-list article{gap:11px;grid-template-columns:1fr;padding:25px 0}.experience-description{grid-column:1}.faq-section{padding-bottom:100px}.site-footer{padding-top:82px}.footer-grid{gap:54px}.footer-bottom{gap:10px;flex-direction:column;margin-top:70px}.page-hero{padding-block:50px 58px}.breadcrumbs{margin-bottom:32px}.page-hero h1,.project-detail-head h1,.resume-hero h1{font-size:clamp(2.75rem,13vw,4.1rem)}.project-detail-visual{padding-block:30px 61px}.fact-grid{grid-template-columns:1fr}.fact-grid div,.fact-grid div+div{padding:18px 0;border-left:0}.fact-grid div+div{border-top:1px solid var(--line)}.case-body{padding-block:74px 90px}.case-section-wide{grid-column:auto;padding-top:36px}.next-project,.resume-actions{align-items:flex-start;flex-direction:column}.resume-layout{padding-bottom:96px}.resume-sidebar{order:2}.education-grid,.resume-entry{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{.resume-actions,.site-footer,.site-header,.skip-link{display:none}body{background:#fff}body:before{display:none}.resume-layout{gap:32px;grid-template-columns:.65fr 1.35fr}}