:root{--ink:#26231e;--ink-soft:#565046;--paper:#f4f0e7;--paper-deep:#ebe4d7;--surface:#fffdf8;--sage:#dce0d3;--gold:#8a7349;--gold-deep:#695538;--gold-wash:#8a73491c;--line:#26231e21;--muted:#26231e99;--scroll-progress:0%;--header-height:86px;--radius:28px;--display-sentence:clamp(2.55rem, 3.8vw, 4.25rem);--display-name:clamp(2.4rem, 3.4vw, 3.6rem);--display-tracking:-.02em;--display-leading:1.22;--display-weight:600}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow-x:clip}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{color:var(--ink);background:#cfc0a2}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.site-root{background:var(--paper);min-height:100vh}.container-wide{width:min(100% - 80px,1420px);margin-inline:auto}.skip-link{z-index:110;background:var(--ink);color:var(--surface);border-radius:999px;padding:11px 17px;font-size:.82rem;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.progress-track{z-index:100;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.progress-track span{width:var(--scroll-progress);background:var(--gold);height:100%;display:block}.site-header{z-index:90;-webkit-backdrop-filter:blur(16px);background:#f4f0e7d1;border-bottom:1px solid #0000;transition:border-color .25s,background-color .25s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-color:var(--line);background:#fffdf8e6}.nav-inner{width:min(100% - 80px,1420px);min-height:var(--header-height);grid-template-columns:1fr auto 1fr;align-items:center;margin-inline:auto;display:grid}.brand{justify-self:start;align-items:center;gap:13px;display:inline-flex}.brand-avatar{background:url(/brand-avatar.png) 50% 24%/118% no-repeat;border:1px solid #69553859;border-radius:50%;flex:0 0 44px;width:44px;height:44px;box-shadow:0 5px 16px #3a31241a}.brand-copy{flex-direction:column;gap:1px;display:flex}.brand-copy strong{letter-spacing:.05em;font-family:Noto Serif SC,serif;font-size:1.02rem;font-weight:600}.brand-copy small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font:500 .57rem/1.2 Manrope,sans-serif}.desktop-nav{align-items:center;gap:clamp(26px,3.2vw,54px);display:flex}.desktop-nav a{color:var(--muted);letter-spacing:.04em;font-size:.91rem;font-weight:500;transition:color .2s;position:relative}.desktop-nav a:after{content:"";background:var(--gold);border-radius:9px;height:2px;transition:transform .25s;position:absolute;bottom:-11px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover,.desktop-nav a.is-active,.desktop-nav a[aria-current=location]{color:var(--ink)}.desktop-nav a.is-active:after,.desktop-nav a[aria-current=location]:after{transform:scaleX(1)}.nav-cta{min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fffdf8b3;border:1px solid #69553833;border-radius:999px;justify-self:end;align-items:center;gap:10px;padding:0 17px;font-size:.91rem;font-weight:500;transition:border-color .2s,background-color .2s,transform .2s;display:inline-flex}.nav-cta:hover{background:var(--surface);border-color:#6955386b;transform:translateY(-1px)}.nav-cta i,.hero-status i{background:#6f8c67;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #6f8c671f}.eyebrow{color:var(--gold-deep);letter-spacing:.13em;text-transform:uppercase;margin:0;font:600 .75rem/1.45 Manrope,Noto Sans SC,sans-serif}.hero-section{min-height:100svh;scroll-margin-top:var(--header-height);background:radial-gradient(circle at 85% 14%, #dce0d3d9, transparent 27%), radial-gradient(circle at 12% 80%, #dcd2bf73, transparent 24%), var(--paper);position:relative;overflow:hidden}.hero-section:before{content:"";aspect-ratio:1;filter:blur(1px);background:#fffdf854;border-radius:50%;width:min(28vw,430px);position:absolute;top:13%;right:7%}.hero-inner{z-index:1;padding:calc(var(--header-height) + 58px) 0 34px;position:relative}.hero-main{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center;gap:clamp(40px,5vw,72px);min-height:min(650px,100svh - 250px);display:grid}.hero-copy{max-width:610px;padding:28px 0}.hero-main>.intro:last-child{justify-self:end;width:100%;max-width:600px}.hero-name{letter-spacing:.08em;flex-wrap:wrap;align-items:baseline;gap:13px;margin:27px 0 22px;font-family:Noto Serif SC,serif;font-size:clamp(1.4rem,1.7vw,1.75rem);font-weight:600;display:flex}.hero-name span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font:500 .67rem/1 Manrope,sans-serif}.hero-copy h1{font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(2.75rem,4.6vw,4.85rem);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-wrap:balance;margin:0;line-height:1.2}.hero-summary{max-width:32rem;color:var(--ink-soft);margin:24px 0 0;font-size:clamp(1rem,1.1vw,1.1rem);line-height:1.9}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:28px;min-height:52px;padding:0 22px;font-size:.9rem;font-weight:500;transition:transform .2s,background-color .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:var(--surface);box-shadow:0 10px 28px #26231e21}.button-secondary{border-color:var(--line);background:#fffdf880}.hero-status{color:var(--muted);letter-spacing:.05em;align-items:center;gap:11px;margin:28px 0 0;font-size:.82rem;display:inline-flex}.radar-card{-webkit-backdrop-filter:blur(14px);background:#fffdf8d1;border-radius:28px;margin:0;padding:clamp(18px,1.8vw,28px);position:relative;overflow:hidden;box-shadow:0 18px 48px #463c2c14,inset 0 0 0 1px #ffffffbf}.radar-card:after{content:"";pointer-events:none;background:#dce0d35c;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-90px;right:-70px}.radar-heading{z-index:2;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:relative}.radar-heading span{color:var(--gold-deep);letter-spacing:.15em;text-transform:uppercase;font:600 .64rem/1 Manrope,sans-serif}.radar-heading h2{letter-spacing:-.02em;margin:7px 0 0;font-family:Noto Serif SC,serif;font-size:clamp(1.45rem,1.9vw,2rem);font-weight:500}.radar-visual{z-index:1;max-width:480px;margin:4px auto -4px;position:relative}.radar-chart{transform-origin:50%;width:100%;height:auto;display:block;overflow:visible;transform:scale(.94)}.radar-grid polygon,.radar-grid line{fill:none;stroke:#26231e21;stroke-width:1px}.radar-grid polygon:last-of-type{stroke:#6955384d}.radar-area{fill:#8a734938;transform-origin:260px 205px;animation:1.1s cubic-bezier(.22,1,.36,1) .25s both radar-open}.radar-stroke{fill:none;stroke:var(--gold-deep);stroke-width:2.5px;stroke-linejoin:round;stroke-dasharray:820;stroke-dashoffset:820px;animation:1.4s cubic-bezier(.22,1,.36,1) .25s forwards radar-draw}.radar-axis{opacity:1;transition:opacity .2s}.radar-axis-line{stroke:var(--gold);stroke-width:1.8px;opacity:0;transition:opacity .2s,stroke-width .2s}.radar-point{fill:var(--surface);stroke:var(--gold-deep);stroke-width:2.5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:.35s 1.25s forwards radar-dot}.radar-pulse-ring{fill:none;stroke:var(--gold);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none}.radar-axis-label{fill:var(--ink-soft);letter-spacing:.04em;cursor:pointer;font:500 14px/1 Noto Sans SC,sans-serif;transition:fill .2s}.radar-axis-label .radar-score{fill:var(--gold-deep);baseline-shift:3px;font:600 11px/1 Manrope,sans-serif}.radar-axis-target{fill:#0000;cursor:pointer;outline:none}.radar-axis[data-dimmed]{opacity:.46}.radar-axis[data-active] .radar-axis-line{stroke:var(--gold-deep);stroke-width:2.6px;opacity:.92}.radar-axis[data-active] .radar-point{fill:var(--gold-deep);stroke:var(--surface);stroke-width:3px}.radar-axis[data-active] .radar-axis-label{fill:var(--ink);font-weight:600}.radar-axis[data-active] .radar-score{fill:var(--gold-deep)}.radar-axis-target:focus-visible{fill:#8a73491f;stroke:var(--gold-deep);stroke-width:1.5px}.radar-axis[data-pulsing] .radar-pulse-ring{animation:.54s ease-out radar-capability-pulse}.radar-seal{background:var(--surface);width:45px;height:45px;color:var(--gold-deep);letter-spacing:.12em;border-radius:50%;place-items:center;font:600 .65rem/1 Manrope,sans-serif;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #332c221f}.radar-accessible-list{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.radar-note{z-index:2;color:var(--muted);text-align:center;margin:2px 0 0;font-size:.64rem;position:relative}@keyframes radar-open{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}@keyframes radar-draw{to{stroke-dashoffset:0}}@keyframes radar-dot{to{opacity:1}}@keyframes radar-capability-pulse{0%{opacity:0;transform:scale(.75)}42%{opacity:.9}to{opacity:0;transform:scale(2.4)}}.hero-proof{background:#fffdf894;border-radius:22px;grid-template-columns:1.15fr repeat(4,1fr);gap:8px;margin-top:26px;padding:8px;display:grid;box-shadow:inset 0 0 0 1px #26231e0f}.proof-intro,.proof-item{border-radius:16px;min-height:94px;padding:16px 18px}.proof-intro{background:var(--ink);color:var(--surface);flex-direction:column;justify-content:center;display:flex}.proof-intro span{letter-spacing:.08em;font-family:Noto Serif SC,serif;font-size:1.2rem;font-weight:600}.proof-intro p{color:#fffdf88c;letter-spacing:.08em;margin:2px 0 0;font-size:.7rem}.proof-item{background:#fffdf899;flex-direction:column;justify-content:center;display:flex}.proof-item strong{letter-spacing:-.06em;font:500 clamp(1.75rem,2.4vw,2.5rem)/1 Manrope,sans-serif}.proof-item span{color:var(--muted);margin-top:7px;font-size:.72rem;line-height:1.4}.section-shell{scroll-margin-top:var(--header-height);padding:clamp(88px,9vw,140px) 0}.flagship-section{background:var(--surface);padding-top:clamp(48px,5vw,72px)}.flagship-section .hupai-evidence{margin-top:0}.section-heading{grid-template-columns:2.5fr 5.5fr 4fr;align-items:end;gap:clamp(30px,4vw,70px);display:grid}.section-date{color:var(--muted);letter-spacing:.08em;margin:32px 0 0;font:500 .78rem/1 Manrope,sans-serif}.section-title-block>p{color:var(--muted);letter-spacing:.05em;margin:0 0 10px;font-size:.88rem}.section-title-block h2{font-family:Noto Serif SC,serif;font-size:clamp(2.6rem,3.6vw,3.75rem);font-weight:var(--display-weight);letter-spacing:.06em;margin:0;line-height:1.08}.section-summary{color:var(--ink-soft);margin:0;font-size:.98rem;line-height:1.9}.case-progress{grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(80px,7vw,110px) 0 22px;padding:0;list-style:none;display:grid;position:relative}.case-progress:before,.case-progress:after{content:"";height:1px;position:absolute;top:15px;left:16.667%}.case-progress:before{background:var(--line);right:16.667%}.case-progress:after{background:var(--gold-deep);transition:right .38s cubic-bezier(.22,1,.36,1)}.case-progress[data-active-step="0"]:after{right:83.333%}.case-progress[data-active-step="1"]:after{right:50%}.case-progress[data-active-step="2"]:after{right:16.667%}.case-progress li{z-index:1;color:var(--muted);justify-items:center;gap:9px;display:grid;position:relative}.case-progress li>span{border:1px solid var(--line);background:var(--surface);letter-spacing:.06em;border-radius:50%;place-items:center;width:31px;height:31px;font:600 .64rem/1 Manrope,sans-serif;transition:border-color .28s,background-color .28s,color .28s,box-shadow .28s;display:grid}.case-progress li>p{letter-spacing:.08em;margin:0;font-size:.73rem;font-weight:600;transition:color .28s}.case-progress li.is-reached>span{color:var(--gold-deep);border-color:#6955386b}.case-progress li.is-active{color:var(--ink)}.case-progress li.is-active>span{border-color:var(--gold-deep);background:var(--gold-deep);color:var(--surface);box-shadow:0 5px 14px #6955382e}.case-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:0;display:grid}.case-card{border-radius:var(--radius);background:var(--paper);flex-direction:column;min-height:470px;padding:clamp(25px,2.7vw,40px);transition:transform .28s,box-shadow .28s;display:flex}.case-card:nth-child(2){background:var(--sage)}.case-card:nth-child(3){background:var(--paper-deep)}.case-card-top{color:var(--gold-deep);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font:600 .72rem/1 Manrope,Noto Sans SC,sans-serif;display:flex}.case-card-top p{margin:0}.case-card h3{letter-spacing:-.045em;max-width:11em;min-height:4.05em;margin:clamp(42px,3vw,54px) 0 28px;font-family:Noto Serif SC,serif;font-size:clamp(2rem,2.8vw,3.1rem);font-weight:500;line-height:1.35}.case-copy{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.9}.case-tags{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.case-tags span{color:var(--muted);background:#fffdf885;border-radius:999px;padding:6px 11px;font-size:.72rem}.hupai-evidence{margin-top:clamp(52px,6vw,88px)}.hupai-evidence a{min-height:44px}.hupai-evidence-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.hupai-evidence-heading h3{letter-spacing:-.025em;margin:11px 0 0;font-family:Noto Serif SC,serif;font-size:clamp(2rem,3vw,2.9rem);font-weight:500;line-height:1.18}.account-tabs{border:1px solid var(--line);background:#dce0d34d;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(100%,470px);padding:4px;display:grid}.account-tab{min-width:0;min-height:58px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;gap:3px;padding:9px 13px;transition:background-color .2s,color .2s,box-shadow .2s;display:flex}.account-tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 4px 14px #3b322514}.account-tab:hover{color:var(--ink)}.account-tab:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px}.account-tab strong{text-overflow:ellipsis;white-space:nowrap;font-family:Noto Serif SC,serif;font-size:.94rem;font-weight:600;line-height:1.25;overflow:hidden}.account-tab span{letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font:600 .64rem/1.25 Manrope,Noto Sans SC,sans-serif;overflow:hidden}.hupai-account-evidence{border:1px solid var(--line);background:#fffdf8b8;border-radius:20px;grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,.82fr)) minmax(0,1.45fr);gap:0;margin-top:26px;display:grid;overflow:hidden}.hupai-account-evidence>*{flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:86px;padding:17px 18px;display:flex}.hupai-account-evidence>*+*{border-left:1px solid var(--line)}.hupai-account-evidence span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font:600 .75rem/1.25 Manrope,Noto Sans SC,sans-serif}.hupai-account-evidence strong{letter-spacing:.01em;font-family:Noto Serif SC,serif;font-size:clamp(.98rem,1.15vw,1.22rem);font-weight:600;line-height:1.45}.hupai-account-evidence a{background:#dce0d375;min-height:44px;transition:background-color .2s}.hupai-account-evidence a:hover{background:var(--sage)}.account-results{border:1px solid var(--line);background:#dce0d347;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;display:grid;overflow:hidden}.account-results>div{flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:82px;padding:15px 17px;display:flex}.account-results>div+div{border-left:1px solid var(--line)}.account-results strong{color:var(--gold-deep);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font:600 clamp(1.28rem,1.9vw,1.8rem)/1 Manrope,sans-serif}.account-results span{color:var(--muted);letter-spacing:.04em;font:600 .7rem/1.42 Manrope,Noto Sans SC,sans-serif}.hupai-work-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:clamp(10px,1vw,16px);margin-top:22px;display:grid}.hupai-work-card,.personal-work-card{z-index:0;border:1px solid var(--line);background:var(--paper);transform-origin:50%;border-radius:24px;flex-direction:column;min-width:0;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .2s;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.hupai-work-card:hover,.hupai-work-card:focus-within,.personal-work-card:hover,.personal-work-card:focus-within{z-index:2;border-color:#69553847;transform:translateY(-4px)scale(1.01);box-shadow:0 14px 34px #3b32251a}}.hupai-work-card:active,.personal-work-card:active{border-color:#6955383d;transition-duration:.1s;transform:translateY(-1px)scale(1.005);box-shadow:0 6px 16px #3b322514}@media (hover:none),(pointer:coarse){.hupai-work-card:hover,.hupai-work-card:focus-within,.personal-work-card:hover,.personal-work-card:focus-within{z-index:0;border-color:var(--line);box-shadow:none;transform:none}.hupai-work-card:active,.personal-work-card:active{z-index:1;border-color:#6955383d;transform:translateY(-1px)scale(1.005);box-shadow:0 6px 16px #3b322514}}.hupai-work-card:nth-child(3n+2){background:#dce0d385}.hupai-work-card:nth-child(3n){background:var(--paper-deep)}.hupai-work-image-link{aspect-ratio:3/4;background:var(--paper-deep);width:100%;display:block;position:relative;overflow:hidden}.hupai-work-image-link img{object-fit:contain;width:100%;height:100%;transition:transform .28s;display:block}.hupai-work-image-link:hover img{transform:none}.hupai-work-image-link:focus-visible{outline:2px solid var(--gold-deep);outline-offset:-6px}.hupai-work-format-tag{z-index:1;color:var(--surface);letter-spacing:.06em;background:#26231ea8;border:1px solid #fffdf8a6;border-radius:999px;padding:4px 6px;font:600 .61rem/1 Manrope,Noto Sans SC,sans-serif;position:absolute;top:9px;left:9px}.hupai-work-content{flex-direction:column;flex:1;padding:clamp(14px,1.2vw,18px);display:flex}.hupai-work-content>p{color:var(--ink-soft);margin:0;font-size:.76rem;line-height:1.58}.hupai-work-content>p:first-child{color:var(--gold-deep);letter-spacing:.08em;text-transform:uppercase;font:600 .66rem/1.35 Manrope,Noto Sans SC,sans-serif}.hupai-work-content h4{letter-spacing:-.025em;margin:9px 0 8px;font-family:Noto Serif SC,serif;font-size:clamp(1.1rem,1.4vw,1.35rem);font-weight:500;line-height:1.3}.hupai-work-content>p:nth-of-type(2){font-size:.7rem}.hupai-work-content>p:nth-of-type(3){color:var(--ink-soft);margin-top:7px;font-size:.76rem}.hupai-work-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;margin:13px 0 6px;padding-top:11px;display:grid}.hupai-work-metrics div{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;min-width:0;min-height:0;display:flex}.hupai-work-metrics dt{color:var(--muted);letter-spacing:.04em;justify-content:flex-start;align-items:center;gap:4px;font-size:.65rem;font-weight:500;line-height:1.2;display:flex}.hupai-work-metric-icon{object-fit:contain;opacity:.7;flex:0 0 14px;width:14px;height:14px;display:block;translate:0 .5px}.hupai-work-metrics dd{color:var(--ink);letter-spacing:-.03em;text-align:left;font-variant-numeric:tabular-nums;margin:0;padding-left:0;font:600 .98rem/1.1 Manrope,sans-serif}.hupai-work-content>a{width:fit-content;min-height:44px;color:var(--gold-deep);align-items:center;margin-top:auto;padding-top:10px;font-size:.76rem;font-weight:600;display:inline-flex}.hupai-work-content>a:after,.personal-work-content>a:after{content:"↗";margin-left:7px;font-size:1rem;transition:transform .2s;display:inline-block}.hupai-work-content>a:hover:after,.hupai-work-content>a:focus-visible:after,.personal-work-content>a:hover:after,.personal-work-content>a:focus-visible:after{transform:translate(2px)}.personal-work-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:clamp(10px,1vw,16px);margin-top:22px;display:grid}.personal-work-card:nth-child(3n+2){background:#dce0d385}.personal-work-card:nth-child(3n){background:var(--paper-deep)}.personal-work-image{aspect-ratio:4/5;background:var(--paper-deep);width:100%;display:block;position:relative;overflow:hidden}.personal-work-image img{object-fit:cover;width:100%;height:100%;display:block}.personal-work-image:focus-visible{outline:2px solid var(--gold-deep);outline-offset:-6px}.personal-work-format-tag{z-index:1;color:var(--surface);letter-spacing:.06em;background:#26231ea8;border:1px solid #fffdf8a6;border-radius:999px;padding:4px 6px;font:600 .61rem/1 Manrope,Noto Sans SC,sans-serif;position:absolute;top:9px;left:9px}.personal-work-content{flex-direction:column;flex:1;padding:clamp(14px,1.2vw,18px);display:flex}.personal-work-content>p{color:var(--ink-soft);margin:0;font-size:.76rem;line-height:1.58}.personal-work-content>p:first-child{color:var(--gold-deep);letter-spacing:.08em;text-transform:uppercase;font:600 .66rem/1.35 Manrope,Noto Sans SC,sans-serif}.personal-work-content h4{letter-spacing:-.025em;margin:9px 0 8px;font-family:Noto Serif SC,serif;font-size:clamp(1.1rem,1.4vw,1.35rem);font-weight:500;line-height:1.3}.personal-work-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 6px;padding-top:11px;display:grid}.personal-work-metrics div{flex-direction:column;gap:4px;min-width:0;display:flex}.personal-work-metrics dt{color:var(--muted);letter-spacing:.04em;justify-content:flex-start;align-items:center;gap:4px;font-size:.65rem;font-weight:500;line-height:1.2;display:flex}.personal-work-metric-icon{width:14px;height:14px;color:var(--gold-deep);object-fit:contain;opacity:.7;flex:0 0 14px;display:block;translate:0 .5px}.personal-work-metrics dd{color:var(--ink);letter-spacing:-.03em;text-align:left;font-variant-numeric:tabular-nums;margin:0;font:600 .98rem/1.1 Manrope,sans-serif}.personal-work-content>a{width:fit-content;min-height:44px;color:var(--gold-deep);align-items:center;margin:auto 0 0;padding-top:10px;font-size:.76rem;font-weight:600;line-height:1.4;display:inline-flex}.method-section{background:var(--paper-deep)}.method-layout{grid-template-columns:4.5fr 7.5fr;gap:clamp(48px,6vw,96px);display:grid}.method-heading{top:calc(var(--header-height) + 50px);align-self:start;position:sticky}.method-heading h2{max-width:8.5em;font-family:Noto Serif SC,serif;font-size:var(--display-sentence);font-weight:var(--display-weight);line-height:var(--display-leading);letter-spacing:var(--display-tracking);margin:34px 0 24px}.method-heading>p:last-child{max-width:28rem;color:var(--ink-soft);margin:0;font-size:.96rem;line-height:1.9}.process-list{isolation:isolate;gap:10px;margin:0;padding:0;list-style:none;display:grid}.process-list li{z-index:0;transform-origin:50%;background:#fffdf8b8;border:1px solid #0000;border-radius:22px;grid-template-columns:54px 1fr auto;align-items:center;gap:22px;min-height:138px;padding:26px 28px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .2s,background-color .2s;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.process-list li:hover{z-index:2;background:#fffdf8eb;border-color:#69553847;transform:translateY(-4px)scale(1.01);box-shadow:0 14px 34px #3b32251a}}.process-list li:active{z-index:1;border-color:#6955383d;transition-duration:.1s;transform:translateY(-1px)scale(1.005);box-shadow:0 6px 16px #3b322514}@media (hover:none),(pointer:coarse){.process-list li:hover{z-index:0;box-shadow:none;background:#fffdf8b8;border-color:#0000;transform:none}}.process-list li>span{color:var(--gold-deep);font:600 .75rem/1 Manrope,sans-serif}.process-list h3{margin:0;font-family:Noto Serif SC,serif;font-size:clamp(1.45rem,2vw,2rem);font-weight:500}.process-list p{color:var(--muted);margin:7px 0 0;font-size:.85rem}.process-list i{color:var(--gold);font-size:1.2rem;font-style:normal}.experience-section{background:var(--surface)}.experience-heading{grid-template-columns:8fr 4fr;align-items:end;gap:70px;display:grid}.experience-heading h2{max-width:8.5em;font-family:Noto Serif SC,serif;font-size:var(--display-sentence);font-weight:var(--display-weight);line-height:var(--display-leading);letter-spacing:var(--display-tracking);margin:30px 0 0}.experience-heading>p{max-width:29rem;color:var(--ink-soft);margin:0;line-height:1.9}.experience-list{margin-top:clamp(48px,5vw,72px)}.experience-list article{border-radius:20px;grid-template-columns:1.5fr 2.5fr 4fr 3fr;align-items:start;gap:clamp(22px,3vw,48px);padding:28px 22px;transition:background-color .25s;display:grid}.experience-list article+article{margin-top:4px}.experience-list article:hover{background:var(--paper)}.experience-list time{color:var(--gold-deep);letter-spacing:.04em;font:600 .72rem/1.5 Manrope,sans-serif}.experience-company span{color:var(--muted);font-size:.72rem}.experience-company h3{margin:7px 0 0;font-family:Noto Serif SC,serif;font-size:clamp(1.25rem,1.6vw,1.65rem);font-weight:600;line-height:1.45}.experience-list article>p{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.85}.experience-list article>strong{color:var(--ink);font-size:.78rem;font-weight:500;line-height:1.75}.about-section{background:radial-gradient(circle at 12% 20%, #dce0d380, transparent 42%), radial-gradient(circle at 88% 70%, #8a73490e, transparent 36%), var(--paper)}.about-layout{grid-template-columns:3fr 5fr 4fr;align-items:start;gap:clamp(40px,6vw,90px);display:grid}.about-heading h2{font-family:Noto Serif SC,serif;font-size:clamp(2.2rem,3vw,3.2rem);font-weight:var(--display-weight);letter-spacing:.03em;margin:24px 0 0;line-height:1.12}.block-label{color:var(--gold-deep);letter-spacing:.11em;text-transform:uppercase;margin:0 0 26px;font:600 .73rem/1 Manrope,Noto Sans SC,sans-serif}.skill-list{flex-wrap:wrap;gap:9px;display:flex}.skill-list span{background:#fffdf8e0;border:1px solid #26231e0f;border-radius:999px;padding:10px 15px;font-size:.84rem}.education-block h3{margin:0;font-family:Noto Serif SC,serif;font-size:clamp(1.55rem,2vw,2.1rem);font-weight:600}.education-block>p{color:var(--ink-soft);margin:13px 0 0;font-size:.9rem}.education-block small{color:var(--muted);margin-top:28px;font-size:.76rem;display:block}.site-footer{background:var(--paper-deep);box-shadow:inset 0 1px 0 var(--line);padding:clamp(90px,10vw,150px) 0 30px}.footer-layout{grid-template-columns:7fr 5fr;gap:80px;display:grid}.site-footer h2{max-width:9em;font-family:Noto Serif SC,serif;font-size:clamp(2.7rem,4vw,4.5rem);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);margin:28px 0 0;line-height:1.2}.footer-contact{flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:16px;display:flex}.footer-contact p{color:var(--muted);margin:0 0 34px;font-size:.9rem}.footer-contact a{background:#fffdf8b8;border:1px solid #26231e0d;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;font-size:.9rem;transition:background-color .2s;display:flex}.footer-contact a+a{margin-top:8px}.footer-contact a:hover{background:var(--surface)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;grid-template-columns:1fr auto auto;align-items:center;gap:40px;margin-top:80px;padding-top:25px;font-size:.75rem;display:grid}.footer-bottom strong{color:var(--ink);letter-spacing:.08em;font-family:Noto Serif SC,serif;font-size:1rem}[data-reveal]{opacity:0;transition:opacity .7s ease var(--delay,0s), transform .7s cubic-bezier(.22, 1, .36, 1) var(--delay,0s);transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.case-list .case-card{outline-offset:-1px;outline:1px solid #0000;transition:opacity .34s,transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s,outline-color .34s}.case-list .case-card:not(.is-active){opacity:.74;box-shadow:none;transform:translateY(4px)scale(.988)}.case-list .case-card.is-active{z-index:1;opacity:1;outline-color:#69553833;transform:translateY(-7px)scale(1.012);box-shadow:0 22px 52px #3b32251c}.case-card:focus-visible{outline:2px solid var(--gold-deep);outline-offset:4px}.intro{opacity:0;transform:translateY(16px)}.site-root[data-ready=true] .intro{animation:intro-in .8s cubic-bezier(.22, 1, .36, 1) var(--delay,0s) forwards}@keyframes intro-in{to{opacity:1;transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.contact-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(2px)saturate(.96);background:#2e2a231a;place-items:stretch stretch;animation:.18s both contact-backdrop-in;display:grid;position:fixed;inset:0;overflow:hidden}.contact-modal-shell{outline:none;width:100%;height:100svh;min-height:520px;position:relative}.contact-modal-stage{box-shadow:none;background:0 0;position:absolute;inset:0;overflow:hidden}.contact-modal-stage:before,.contact-modal-stage:after{content:"";z-index:0;pointer-events:none;border:1px solid #8a73491f;border-radius:50%;position:absolute}.contact-modal-stage:before{aspect-ratio:1;opacity:.45;width:35%;top:14%;right:-12%}.contact-modal-stage:after{display:none}.contact-modal-close{top:max(22px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));z-index:8;width:48px;height:48px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8d1;border:1px solid #26231e21;border-radius:50%;position:absolute;box-shadow:0 10px 30px #26231e14}.contact-modal-close span{background:currentColor;width:19px;height:1px;position:absolute;top:23px;left:14px}.contact-modal-close span:first-child{transform:rotate(45deg)}.contact-modal-close span:last-child{transform:rotate(-45deg)}.contact-modal-close:hover{background:var(--surface)}.contact-scene-layer{z-index:1;opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.contact-scene-layer.is-ready{opacity:1;pointer-events:auto}.contact-badge-canvas{z-index:1;touch-action:none;position:absolute;inset:0}.contact-badge-canvas canvas{touch-action:none;display:block}.badge-drag-hint{left:var(--contact-card-x);z-index:2;color:#ffffffad;letter-spacing:.08em;text-shadow:0 1px 10px #00000073;pointer-events:none;margin:0;font-size:.72rem;transition:opacity .28s,transform .28s;position:absolute;bottom:100px;transform:translate(-50%)}.badge-drag-hint.is-hidden{opacity:0;transform:translate(-50%,5px)}.contact-modal-controls{right:auto;bottom:max(28px, env(safe-area-inset-bottom));left:var(--contact-card-x);z-index:7;pointer-events:none;flex-direction:column;align-items:center;width:min(320px,100vw - 24px);display:flex;position:absolute;transform:translate(-50%)}.contact-modal-controls p{color:#ffffffa8;letter-spacing:.04em;text-shadow:0 1px 10px #0000006b;margin:10px 0 0;font-size:.68rem}.badge-flip-button{color:#fff;cursor:pointer;pointer-events:auto;background:#080808f0;border:1px solid #ffffff3d;border-radius:999px;justify-content:space-between;align-items:center;gap:25px;min-width:188px;min-height:50px;padding:0 21px;font:500 .82rem/1 Noto Sans SC,sans-serif;transition:background-color .2s,transform .2s;display:inline-flex;box-shadow:0 12px 30px #00000042}.badge-flip-button:hover{background:#181818;transform:translateY(-1px)}.badge-flip-button[aria-pressed=true]{background:#202020;border-color:#ffffff6b}.badge-flip-button:disabled{cursor:wait;opacity:.56;transform:none}.badge-flip-button i{color:#fff;font-size:1rem;font-style:normal}.badge-loading{top:50%;left:var(--contact-card-x);z-index:2;color:#ffffffb8;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%,-50%)}.badge-loading span{background:#d1b681;border-radius:50%;width:8px;height:8px;animation:1.15s ease-in-out infinite badge-loading-pulse;box-shadow:0 0 0 5px #d1b68126}.badge-loading p{color:#ffffffbd;letter-spacing:.1em;white-space:nowrap;margin:0;font-size:.72rem}.static-badge-scene{z-index:1;perspective:1400px;pointer-events:none;position:absolute;inset:0}.static-lanyard{top:var(--contact-anchor-y);left:var(--contact-card-x);width:max(56px, calc(var(--contact-anchor-x) - var(--contact-card-x) + 28px));pointer-events:none;height:clamp(156px,22svh,210px);position:absolute}.static-lanyard i,.static-lanyard b,.static-lanyard u{background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 6px),#050505;text-decoration:none;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.static-lanyard i{transform-origin:top;width:56px;height:35%;animation:.38s cubic-bezier(.2,.78,.2,1) both static-lanyard-drop;top:0;right:0}.static-lanyard b{transform-origin:100%;height:56px;animation:.26s ease-out .34s both static-lanyard-width;top:calc(35% - 28px);left:0;right:0}.static-lanyard u{transform-origin:top;width:56px;animation:.4s cubic-bezier(.2,.78,.2,1) .56s both static-lanyard-drop;top:35%;bottom:0;left:0}.static-lanyard em{color:#f3f0e8;letter-spacing:.09em;text-align:center;text-orientation:mixed;white-space:nowrap;writing-mode:vertical-rl;font:600 .46rem/1 Manrope,sans-serif;display:block;position:absolute;inset:8px 0;overflow:hidden}.static-lanyard span{background:#151515;border:4px solid #9a9a9a;border-radius:4px;width:22px;height:22px;position:absolute;bottom:-11px;left:28px;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff59,0 3px 9px #0000003d}.static-clip{top:calc(var(--contact-anchor-y) + clamp(172px, 22svh, 226px));left:var(--contact-card-x);z-index:2;pointer-events:auto;background:linear-gradient(105deg,#424242,#c5c5c5 44%,#5b5b5b 68%,#1d1d1d);border-radius:5px;width:34px;height:45px;animation:1.1s cubic-bezier(.2,.8,.2,1) .3s both static-hardware-turn;position:absolute;transform:translate(-50%);box-shadow:0 8px 18px #00000038,inset 0 1px #ffffff70}.static-clip i{border:4px solid #777;border-radius:4px;width:20px;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.static-clip b{background:#ffffff85;border-radius:999px;width:24px;height:2px;position:absolute;top:9px;right:5px}.static-badge{top:calc(var(--contact-anchor-y) + clamp(196px, 22svh, 250px));left:var(--contact-card-x);aspect-ratio:2.6/3.7;width:min(28vw,330px,48vh);max-width:calc(100vw - 32px);transform-style:preserve-3d;filter:drop-shadow(0 24px 34px #00000047);pointer-events:auto;transition:transform .72s cubic-bezier(.2,.8,.2,1);animation:1.15s cubic-bezier(.18,.76,.24,1) both static-badge-drop;position:absolute;transform:translate(-50%)}.static-badge.is-flipped{transform:translate(-50%)}.badge-face{backface-visibility:hidden;background:#050505;border:1px solid #ffffff2e;border-radius:12px;padding:24px 22px 20px;transition:opacity .16s,visibility .16s,transform .72s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;overflow:hidden}.static-badge:not(.is-flipped) .badge-back{visibility:hidden;opacity:0}.static-badge.is-flipped .badge-front{visibility:hidden;opacity:0;transform:rotateY(-180deg)}.static-badge.is-flipped .badge-back{visibility:visible;opacity:1;transform:rotateY(0)}.badge-front{flex-direction:column;padding:20px 20px 17px;display:flex}.badge-front:before{content:"";opacity:.52;background:repeating-linear-gradient(45deg,#0000 0 25px,#ffffff17 25px 26px,#0000 26px 43px),repeating-linear-gradient(-45deg,#0000 0 25px,#ffffff17 25px 26px,#0000 26px 43px);position:absolute;inset:34% -18% 16%}.badge-front-head{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.badge-edition{color:#8d8d8d;letter-spacing:.11em;font:600 .55rem/1 Manrope,sans-serif}.badge-identity{z-index:1;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:14px;margin-top:14px;display:grid;position:relative}.badge-avatar{aspect-ratio:3/4;object-fit:cover;object-position:center 18%;filter:saturate(.82)contrast(1.05);background:#111;border:3px solid #1c1c1c;border-radius:12px;width:100%;display:block}.badge-identity-copy{min-width:0}.badge-role{color:#d1b681;letter-spacing:.02em;margin:0;font-size:.8rem;font-weight:600;line-height:1.32}.badge-name{color:#fff;letter-spacing:.04em;margin:8px 0 0;font-family:Noto Serif SC,serif;font-size:clamp(1.85rem,5vw,2.15rem);font-weight:600;line-height:1.06}.badge-name-en{color:#9a9a9a;letter-spacing:.12em;margin-top:6px;font:500 .61rem/1.2 Manrope,sans-serif;display:block}.badge-region{color:#898989;margin-top:7px;font-size:.66rem;line-height:1.35;display:block}.badge-divider{z-index:1;background:#ffffff24;flex:0 0 1px;height:1px;margin-top:13px;position:relative}.badge-contact-grid{z-index:1;grid-template-columns:1fr;gap:12px;margin-top:13px;padding:0;display:grid;position:relative}.badge-contact-grid a{color:#fff;min-width:0;text-decoration:none}.badge-contact-grid a+a{border-top:0;padding-top:0}.badge-contact-grid small{color:#7a7a7a;letter-spacing:.12em;margin-bottom:5px;font:600 .55rem/1 Manrope,sans-serif;display:block}.badge-contact-grid strong{color:#fff;letter-spacing:-.02em;white-space:nowrap;font:600 1.18rem/1.15 Manrope,sans-serif;display:block}.badge-contact-grid a:last-child strong{color:#f2f2f2;letter-spacing:0;white-space:normal;word-break:break-all;font-size:.8rem;font-weight:600}.badge-section-label{z-index:1;color:#d1b681;letter-spacing:.11em;margin:13px 0 0;font:600 .67rem/1 Noto Sans SC,sans-serif;position:relative}.badge-capabilities{z-index:1;grid-template-columns:repeat(2,1fr);gap:7px 9px;margin-top:9px;display:grid;position:relative}.badge-capabilities span{color:#eee;text-align:center;background:#ffffff1a;border-radius:999px;padding:8px 6px;font-size:.68rem;font-weight:500;line-height:1.2;box-shadow:inset 0 0 0 1px #ffffff1a}.badge-back{flex-direction:column;align-items:center;padding:24px;display:flex;transform:rotateY(180deg)}.badge-back:after{display:none}.badge-back-head{color:#fff;letter-spacing:.12em;justify-content:space-between;align-items:center;width:100%;font:600 .52rem/1 Manrope,sans-serif;display:flex}.badge-back-head i{background:#fff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ffffff1a}.badge-qr-wrap{aspect-ratio:1;background:#fff;border-radius:15px;width:92%;margin-top:31px;padding:5px;overflow:hidden}.badge-qr-wrap img{object-fit:cover;object-position:center 45%;width:100%;height:100%}.badge-back-copy{z-index:1;text-align:center;margin-top:20px;position:relative}.badge-back-copy h3{color:#fff;margin:0;font-family:Noto Sans SC,sans-serif;font-size:1.62rem;font-weight:600}.badge-back-copy p{color:#878787;margin:7px 0 0;font:500 .78rem/1 Manrope,sans-serif}.badge-back>small{z-index:1;color:#878787;margin-top:auto;font-size:.65rem;position:relative}@keyframes contact-backdrop-in{0%{opacity:0}}@keyframes badge-loading-pulse{50%{opacity:.38;transform:scale(.72)}}@keyframes static-lanyard-drop{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes static-lanyard-width{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes static-hardware-turn{0%{opacity:0;transform:translate(-50%)rotateY(-120deg)}to{opacity:1;transform:translate(-50%)rotateY(0)}}@keyframes static-badge-drop{0%{opacity:0;transform:translate(-50%)translateY(-150px)rotate(-7deg)}68%{opacity:1;transform:translate(-50%)translateY(8px)rotate(2.5deg)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(0)}}@media (min-width:901px){.contact-modal-shell{--static-card-width:min(13.8vw, 212px, 28vh);--static-card-height:min(19.63vw, 302px, 39.85vh);--static-card-top:clamp(250px, 40svh, 380px)}.static-lanyard{top:var(--contact-anchor-y);left:var(--contact-card-x);width:max(40px, calc(var(--contact-anchor-x) - var(--contact-card-x) + 20px));height:calc(var(--static-card-top) - var(--contact-anchor-y) - 12px)}.static-lanyard i{width:40px}.static-lanyard b{height:40px;top:calc(35% - 20px)}.static-lanyard u{width:40px}.static-lanyard em{font-size:.38rem;inset:6px 0}.static-lanyard span{border-width:3px;width:16px;height:16px;bottom:-8px;left:20px}.static-clip{top:calc(var(--static-card-top) - 22px);width:28px;height:37px}.static-clip i{border-width:3px;width:17px;height:14px;top:-8px}.static-clip b{width:20px;top:7px;right:4px}.static-badge{top:var(--static-card-top);width:var(--static-card-width);filter:drop-shadow(0 16px 24px #00000038)}.badge-face{border-radius:10px;padding:14px 12px 12px}.badge-front{padding:12px 12px 11px}.badge-edition{letter-spacing:.1em;font-size:.48rem}.badge-identity{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:8px;margin-top:8px}.badge-avatar{border-width:2px;border-radius:8px}.badge-role{font-size:.58rem;line-height:1.28}.badge-name{letter-spacing:.03em;margin-top:4px;font-size:clamp(1.15rem,1.4vw,1.35rem)}.badge-name-en{margin-top:3px;font-size:.5rem}.badge-region{margin-top:4px;font-size:.52rem}.badge-divider{margin-top:8px}.badge-contact-grid{gap:7px;margin-top:8px}.badge-contact-grid small{margin-bottom:3px;font-size:.48rem}.badge-contact-grid strong{font-size:.78rem}.badge-contact-grid a:last-child strong{font-size:.58rem}.badge-section-label{margin-top:8px;font-size:.55rem}.badge-capabilities{gap:5px 6px;margin-top:6px}.badge-capabilities span{padding:5px 4px;font-size:.52rem;line-height:1.15}.badge-back{padding:14px 12px 12px}.badge-back-head{font-size:.46rem}.badge-qr-wrap{border-radius:10px;width:88%;margin-top:14px;padding:4px}.badge-back-copy{margin-top:12px}.badge-back-copy h3{font-size:1.05rem}.badge-back-copy p{font-size:.62rem}.badge-back>small{font-size:.52rem}.contact-modal-shell[data-contact-mode=static] .contact-modal-controls{top:min(calc(100svh - 104px), calc(var(--static-card-top) + var(--static-card-height) + 24px));width:min(240px,100vw - 24px);bottom:auto}.contact-modal-shell[data-contact-mode=static] .badge-flip-button{gap:16px;min-width:168px;min-height:44px;padding:0 16px;font-size:.78rem;box-shadow:0 10px 24px #00000038}.contact-modal-shell[data-contact-mode=static] .contact-modal-controls p{text-align:center;max-width:22em;margin-top:8px;font-size:.64rem}}@media (max-width:1120px){.container-wide,.nav-inner{width:min(100% - 48px,1420px)}.desktop-nav{gap:25px}.hero-main{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:34px}.hero-copy h1{font-size:clamp(2.75rem,4.6vw,4.85rem)}.hero-proof{grid-template-columns:repeat(4,1fr)}.proof-intro{flex-direction:row;grid-column:1/-1;justify-content:space-between;min-height:auto}.section-heading{grid-template-columns:2.5fr 5fr 4.5fr}.experience-list article{grid-template-columns:1.4fr 2.6fr 4fr}.experience-list article>strong{grid-column:2/-1}.hupai-work-grid,.personal-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){:root{--header-height:76px}.container-wide,.nav-inner{width:min(100% - 36px,1420px)}.nav-inner{grid-template-columns:1fr auto}.desktop-nav,.brand-copy small{display:none}.hero-inner{padding-top:calc(var(--header-height) + 42px)}.hero-main{grid-template-columns:1fr;gap:22px;min-height:auto}.hero-main>.intro:last-child{justify-self:center;max-width:660px}.hero-copy{max-width:740px;padding-bottom:10px}.hero-copy h1{font-size:clamp(2.9rem,8.2vw,4.5rem)}.radar-card{max-width:760px}.hero-proof{margin-top:24px}.section-heading{grid-template-columns:1fr 2fr}.section-summary{grid-column:2}.hupai-account-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}.hupai-account-evidence>:nth-child(3),.hupai-account-evidence>:nth-child(4){border-top:1px solid var(--line)}.hupai-account-evidence>:nth-child(3){border-left:0}.hupai-work-grid,.personal-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-list{grid-template-columns:1fr}.case-progress{margin-top:64px}.case-card{min-height:390px}.case-card h3{min-height:0;margin-top:28px}.method-layout{grid-template-columns:1fr;gap:58px}.method-heading{position:static}.experience-heading{grid-template-columns:1fr;gap:30px}.experience-list article{grid-template-columns:1.2fr 2.8fr}.experience-list article>p,.experience-list article>strong{grid-column:2}.about-layout{grid-template-columns:1fr 1.5fr}.about-heading{grid-column:1/-1}.footer-layout{grid-template-columns:1fr;gap:50px}.footer-contact{max-width:580px}}@media (max-width:620px){:root{--header-height:70px}.container-wide,.nav-inner{width:min(100% - 24px,1420px)}.brand{min-height:44px}.brand-avatar{flex-basis:38px;width:38px;height:38px}.brand-copy strong{font-size:.92rem}.nav-cta{min-height:46px;padding-inline:16px;font-size:.84rem}.hero-inner{padding-top:calc(var(--header-height) + 26px);padding-bottom:20px}.hero-main{gap:18px}.hero-copy{padding-top:12px;padding-bottom:4px}.hero-name{margin:18px 0}.hero-copy h1{letter-spacing:-.018em;font-size:clamp(2.45rem,10.8vw,3.15rem);line-height:1.2}.hero-summary{max-width:none;margin-top:20px;font-size:.94rem;line-height:1.85}.hero-actions{gap:8px;margin-top:24px}.button{white-space:nowrap;flex:1 1 0;gap:14px;min-height:50px;padding:0 16px}.hero-status{margin-top:21px}.radar-card{border-radius:22px;padding:20px 16px 16px}.radar-heading{flex-direction:column;align-items:flex-start;gap:8px;padding-inline:2px}.radar-heading h2{font-size:1.72rem}.radar-visual{margin:2px auto -8px}.radar-chart{transform:scale(.94)}.radar-plot{transform-origin:260px 205px;transform:scale(1.28)}.radar-axis-label{display:none}.radar-seal{width:42px;height:42px}.radar-accessible-list{z-index:2;clip:auto;clip-path:none;white-space:normal;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:auto;height:auto;margin:-18px 0 14px;padding:0;list-style:none;display:grid;position:relative;overflow:visible}.radar-accessible-list li{min-width:0}.radar-accessible-list button{width:100%;min-height:44px;color:var(--ink-soft);cursor:pointer;background:#f4f0e794;border:1px solid #26231e0f;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font:500 .72rem/1 Noto Sans SC,sans-serif;transition:background-color .2s,border-color .2s,color .2s;display:flex}.radar-accessible-list button[aria-pressed=true]{color:var(--ink);background:#dce0d3ad;border-color:#6955386b}.radar-accessible-list strong{color:var(--gold-deep);font:600 .7rem/1 Manrope,sans-serif}.radar-note{text-align:left;padding-inline:2px;font-size:.64rem;line-height:1.5}.hero-proof{border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;padding:7px}.proof-intro{border-radius:13px;grid-column:1/-1;min-height:54px;padding:13px 15px}.proof-intro span{font-size:1.08rem}.proof-item{border-radius:13px;min-height:84px;padding:12px 12px 14px}.proof-item strong{font-size:clamp(1.55rem,7vw,1.8rem)}.proof-item span{margin-top:6px;font-size:.69rem;line-height:1.35}.section-shell{padding:78px 0}.flagship-section{padding-top:44px}.section-heading{grid-template-columns:1fr}.section-date{margin-top:15px}.section-title-block,.section-summary{grid-column:1}.section-title-block{margin-top:18px}.section-title-block h2{letter-spacing:.05em;font-size:clamp(2.35rem,9.5vw,3.1rem);line-height:1.1}.section-summary{margin-top:18px;font-size:.92rem;line-height:1.8}.hupai-evidence{margin-top:52px}.hupai-evidence-heading{flex-direction:column;align-items:stretch;gap:18px}.hupai-evidence-heading h3{font-size:clamp(1.85rem,8vw,2.25rem)}.account-tabs{width:100%}.account-tab{min-height:54px;padding:8px 11px}.account-tab strong{font-size:.88rem}.account-tab span{font-size:.59rem}.hupai-account-evidence{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.hupai-account-evidence>*{min-height:74px;padding:14px}.hupai-account-evidence>:nth-child(2){border-left:0}.hupai-account-evidence>:nth-child(3){border-left:1px solid var(--line)}.hupai-account-evidence>:nth-child(4){border-left:0;grid-column:1/-1}.hupai-account-evidence>:nth-child(n+2){border-top:1px solid var(--line)}.hupai-account-evidence>a{grid-column:1/-1;min-height:66px}.account-results{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.account-results>div{min-height:76px;padding:13px 14px}.account-results>div:nth-child(3){border-top:1px solid var(--line);border-left:0}.account-results>div:nth-child(4){border-top:1px solid var(--line)}.account-results strong{font-size:1.35rem}.account-results span{font-size:.66rem}.hupai-work-grid{grid-template-columns:1fr;gap:14px;margin-top:16px}.hupai-work-card{border-radius:20px}.hupai-work-image-link{aspect-ratio:3/4}.hupai-work-content{padding:20px 18px}.hupai-work-content h4{font-size:clamp(1.55rem,7vw,1.95rem)}.personal-work-grid{grid-template-columns:1fr;gap:14px;margin-top:16px}.personal-work-card{border-radius:20px}.personal-work-card:first-child{grid-column:auto}.personal-work-card:first-child .personal-work-image,.personal-work-image{aspect-ratio:4/5}.personal-work-content{padding:20px 18px}.personal-work-content h4{font-size:clamp(1.55rem,7vw,1.95rem)}.case-progress{margin:56px 0 18px}.case-progress li{gap:7px}.case-progress li>p{letter-spacing:.04em;font-size:.66rem}.case-list{gap:12px;margin-top:0}.case-card{border-radius:22px;min-height:0;padding:22px 20px 20px}.case-card h3{max-width:none;margin:20px 0 13px;font-size:clamp(1.6rem,7vw,1.85rem);line-height:1.3}.case-copy{font-size:.88rem;line-height:1.8}.case-tags{margin-top:18px}.method-heading h2,.experience-heading h2,.site-footer h2{letter-spacing:-.015em;font-size:clamp(2rem,8.6vw,2.65rem);line-height:1.24}.method-layout{gap:44px}.process-list li{grid-template-columns:34px 1fr auto;gap:11px;min-height:108px;padding:20px 16px}.process-list p{font-size:.8rem;line-height:1.55}.process-list i{opacity:.58;font-size:1rem}.experience-heading{gap:22px}.experience-list{margin-top:40px}.experience-list article{grid-template-columns:1fr;gap:11px;padding:22px 4px}.experience-list article>p,.experience-list article>strong{grid-column:1}.experience-list article>strong{border-top:1px solid var(--line);margin-top:3px;padding-top:11px;font-size:.84rem;font-weight:600}.about-layout{grid-template-columns:1fr;gap:42px}.about-heading{grid-column:1}.site-footer{padding-top:78px}.footer-layout{gap:40px}.footer-contact p{margin-bottom:22px}.footer-contact a{min-height:56px;padding:15px 17px}.footer-bottom{grid-template-columns:1fr;gap:6px;margin-top:44px}.contact-modal-backdrop{-webkit-backdrop-filter:blur(12px)saturate(.95);background:#26231e7a;place-items:stretch stretch}.contact-modal-shell{width:100%;min-height:460px}.contact-modal-close{top:max(14px, env(safe-area-inset-top));right:auto;left:max(14px, env(safe-area-inset-left));background:var(--surface);width:46px;height:46px;box-shadow:0 12px 32px #26231e33}.contact-modal-close span{top:22px;left:13px}.contact-modal-stage{border-radius:0}.badge-drag-hint{bottom:max(108px, calc(env(safe-area-inset-bottom) + 92px));color:#f4f0e7e0;font-size:.68rem}.contact-modal-controls{bottom:max(28px, calc(env(safe-area-inset-bottom) + 14px));width:min(320px,100vw - 32px)}.badge-flip-button{min-width:min(220px,100%);min-height:52px}.contact-modal-controls p{color:#f4f0e7c7;margin-top:9px;font-size:.64rem}.badge-loading{color:#f4f0e7e6}.badge-loading p{color:#f4f0e7d1}.static-badge-scene{padding:62px 14px 103px}.static-badge{width:min(76vw,320px,46vh);max-width:320px}.badge-face{border-radius:18px;padding:18px}.badge-front{padding:16px}.badge-identity{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:10px;margin-top:12px}.badge-role{font-size:.7rem}.badge-name{margin-top:6px;font-size:1.68rem}.badge-name-en{margin-top:5px;font-size:.54rem}.badge-region{margin-top:5px;font-size:.57rem}.badge-divider{margin-top:10px}.badge-contact-grid{gap:8px;margin-top:10px;padding:0}.badge-contact-grid small{margin-bottom:5px}.badge-contact-grid strong{font-size:1.05rem}.badge-contact-grid a:last-child strong{font-size:.72rem}.badge-section-label{margin-top:10px;font-size:.62rem}.badge-capabilities{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.badge-capabilities span{padding:6px 4px;font-size:.62rem}.badge-qr-wrap{margin-top:18px}.badge-back-copy{margin-top:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.intro,[data-reveal]{opacity:1!important;transform:none!important}.radar-stroke{stroke-dashoffset:0}.radar-point{opacity:1;animation:none!important}.radar-pulse-ring{animation:none!important}.contact-modal-backdrop,.contact-scene-layer,.static-badge,.badge-loading span{transition:none!important;animation:none!important}.hupai-work-image-link:hover img,.hupai-work-card:hover,.hupai-work-card:focus-within,.hupai-work-card:active,.personal-work-card:hover,.personal-work-card:focus-within,.personal-work-card:active,.case-list .case-card,.process-list li:hover,.process-list li:active{transform:none!important}.case-list .case-card:not(.is-active){opacity:.82}.case-progress:after,.case-progress li>span,.case-progress li>p{transition:none!important}.hupai-work-content>a:after,.personal-work-content>a:after{transform:none!important}}