/* Refinement of the supplied Gemini design: the original type, card system and motion remain. */
:root{--paper:#fff;--surface:#fff;--bone:#fff;--linen:#fafafa;--glass-bg:linear-gradient(135deg,rgba(255,255,255,.94),rgba(251,251,251,.84));--glass-bg-strong:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,249,248,.90));--glass-shadow:0 18px 48px rgba(20,20,25,.055),0 3px 12px rgba(20,20,25,.025),inset 0 1px 0 #fff}
body{background:#fff}.nav.is-scrolled,.drawer{background:rgba(255,255,255,.96)}.pixel-blast-bg{opacity:.10;pointer-events:none;background-image:radial-gradient(#8c8c932e .65px,transparent .7px);background-size:7px 7px}.capabilities-section,.experience-section,.parallax-showcase-wrap,.parallax-showcase__sticky{background:transparent}.capabilities-section,.experience-section{position:relative}.capabilities-section .liquid-glass-card,.tool-box{background:linear-gradient(145deg,#ffffffed,#fcfcfcd9);border-color:#e8e8ea}.section-desc{max-width:30rem}.section-title{letter-spacing:-.025em}.nav__primary{gap:1.25rem}
/* Stable six-card composition: cards occupy reserved cells before and after reveal. */
.morph__copy{display:grid;grid-template-columns:minmax(0,min(29vw,390px)) 1fr minmax(0,min(29vw,390px));grid-template-rows:auto auto auto;align-content:space-between;gap:18px 0;padding:calc(var(--nav-height) + 26px) 4vw 88px}
.morph__copy-item[data-pos]{position:relative;inset:auto;width:auto;margin:0;align-self:start;transform:translate3d(0,12px,0) scale(.98);filter:blur(6px);padding:20px 23px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.morph__copy-item.is-visible{transform:none!important;filter:blur(0)}
[data-pos="pos-1-top-left"]{grid-column:1;grid-row:1}[data-pos="pos-2-top-right"]{grid-column:3;grid-row:1}[data-pos="pos-3-mid-left"]{grid-column:1;grid-row:2}[data-pos="pos-4-mid-right"]{grid-column:3;grid-row:2}[data-pos="pos-5-low-left"]{grid-column:1;grid-row:3}[data-pos="pos-6-top-center"]{grid-column:3;grid-row:3;text-align:left!important}
.morph__copy .card-kicker{font-size:9px;letter-spacing:.11em;margin-bottom:11px;line-height:1.5}.morph__copy .card-kicker__badge{font-size:9px;padding:3px 8px}.morph__copy .hero-name{font-size:43px}.morph__copy .hero-name-en{font-size:19px;letter-spacing:.1em}.morph__copy .hero-name-row{gap:15px;margin-bottom:10px}.morph__copy .hero-role-tags{gap:5px;margin-bottom:13px}.morph__copy .role-chip{font-size:10px;padding:4px 9px}.morph__copy .hero-positioning{font-size:15px;line-height:1.7;margin:0 0 15px}.morph__copy .hero-current-strip{padding-top:12px;gap:12px;margin-top:0}.morph__copy .hero-current-strip strong{font-size:11px}.morph__copy .hero-current-strip span{font-size:10px;line-height:1.65;margin-top:4px}.morph__copy .glass-card__title{font-size:21px;line-height:1.4;margin-bottom:10px}.intro-card-copy{font-size:12px;line-height:1.85;color:#52525a;margin:0}.intro-micro-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.intro-micro-tags span{font-size:9px;letter-spacing:.01em;border:1px solid #e7e7e9;border-radius:20px;padding:3px 8px;color:#606068;background:#ffffff8c}.morph__copy .glass-card__metrics{gap:12px 18px;margin:0}.morph__copy .mini-metric{padding:0;border:0;background:none;box-shadow:none}.morph__copy .mini-metric b{font-size:26px;line-height:1.15;font-weight:500}.morph__copy .mini-metric span{font-size:10px;line-height:1.6;margin-top:5px}.intro-actions{display:flex;gap:8px;margin-top:16px}.intro-actions .btn{font-size:10px;padding:7px 12px}.morph__hud-pill{font-size:10px}.morph__canvas,.morph__stage::before{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,#000b 87%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 76%,#000b 87%,transparent 100%)}
/* One portfolio section, with two synchronized ways to browse the same 42 works. */
.portfolio-heading{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}.portfolio-mode-switch{position:absolute;left:var(--container-gutter);top:calc(var(--nav-height) + 18px);z-index:25;display:flex;border:1px solid #e1e1e4;border-radius:30px;padding:4px;background:#ffffffed;backdrop-filter:blur(16px);box-shadow:0 4px 16px #00000004}.portfolio-mode-switch button{font-size:11px;border-radius:25px;padding:8px 14px;color:#6d6d75}.portfolio-mode-switch button[aria-pressed=true]{background:#161619;color:#fff}.parallax-showcase__sticky{color:var(--ink);isolation:isolate;background-color:#fff;background-image:radial-gradient(#73737c21 .7px,transparent .8px);background-size:7px 7px}.p-slide__ambient{display:none}.p-slide__inner{padding-top:calc(var(--nav-height) + 110px);padding-right:calc(var(--container-gutter) + 40px);padding-bottom:100px}.p-slide__camera-frame{background:#fff;box-shadow:0 24px 60px #1717190d,0 0 0 1px #e2e2e7;border-radius:24px}.p-slide__camera-frame img,.p-slide__camera-frame video{object-fit:contain;object-position:center}.p-slide__frame-badge{font-size:10px;background:#ffffffed;color:#46464e;border:1px solid #e4e4e9;top:14px;left:14px}.p-slide__info{background:linear-gradient(145deg,#fffffff5,#fafafae6);border:1px solid #e3e3e8;box-shadow:0 20px 48px #10101908;color:var(--ink)}.p-slide__index{font-size:10px;color:#7b5755;letter-spacing:.13em}.p-slide__title{color:var(--ink);font-size:clamp(23px,2.4vw,34px);font-weight:500;line-height:1.5}.p-slide__tag{background:#f1f1f4;color:#54545e;font-size:10px}.p-slide__desc{font-size:12px;color:#65656e;line-height:1.85}.btn--light{background:#151518;color:#fff}.btn--light:hover{background:#4c3030;color:#fff}.btn--ghost-light{color:#33333b;border-color:#d7d7dd;background:#fff}.btn--ghost-light:hover{border-color:#333;color:#111;background:#fff}.parallax-rail{background:#fffffff0;border:1px solid #e3e3e6;max-height:55vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;gap:3px;padding:8px;box-shadow:0 4px 16px #00000004}.parallax-rail::-webkit-scrollbar{display:none}.parallax-rail button{color:#777780;font-size:9px;width:26px;height:26px}.parallax-rail button.is-active{background:#141418;color:white}.parallax-bottom-bar{color:#676770;font-size:11px;background:linear-gradient(transparent,#ffffffed)}.parallax-nav-btns button,.parallax-nav-btns a{color:#25252e;border-color:#dddde3;background:#fff;font-size:10px}.parallax-nav-btns button:hover{background:#f2f2f5}.horizontal-workspace{display:none;width:100%;padding:calc(var(--nav-height) + 100px) var(--container-gutter) 55px}.horizontal-workspace__header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.horizontal-workspace__header h3{font-family:var(--type-cn);font-size:32px;letter-spacing:-.03em;margin:9px 0 0}.horizontal-workspace__header>p{font-size:11px;color:#70707a}.horizontal-workspace .catalog-controls{margin-bottom:24px;gap:16px;align-items:start}.horizontal-workspace .filter-pills{gap:6px}.horizontal-workspace .filter-btn{font-size:10px;padding:6px 11px}.horizontal-workspace .catalog-search-wrap{align-items:center}.horizontal-workspace #catalog-result-count{font-size:10px;white-space:nowrap}.horizontal-workspace .catalog-search{font-size:11px;padding:8px 13px;width:210px}.horizontal-workspace .works-grid{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:5px 2px 26px;margin:0;scrollbar-width:thin;scrollbar-color:#bdbdc5 transparent;touch-action:pan-x pan-y;cursor:grab}.horizontal-workspace .works-grid.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.horizontal-workspace .work-card{flex:0 0 clamp(280px,30vw,405px);scroll-snap-align:start;border-radius:24px;border:1px solid #e3e3e8;background:#fff;box-shadow:0 12px 30px #10101905;overflow:hidden}.horizontal-workspace .work-card__media{aspect-ratio:16/10;background:#f8f8fa}.horizontal-workspace .work-card__media img{width:100%;height:100%;object-fit:contain}.horizontal-workspace .work-card__body{padding:19px 21px}.horizontal-workspace .work-card__title{font-size:18px;min-height:2.8em;line-height:1.5}.horizontal-workspace .work-card__note{display:none}.horizontal-workspace .work-card__meta{font-size:9px}.horizontal-workspace .work-card__footer{padding-top:13px}.horizontal-workspace .work-card__btn,.horizontal-workspace .work-card__ext{font-size:11px}.horizontal-footer{display:flex;justify-content:space-between;font-family:var(--type-mono);font-size:9px;color:#6d6d78;margin-top:16px}.horizontal-footer a{font-family:var(--type-body);font-size:11px;color:#262630}#portfolio[data-view=strip] .parallax-showcase{height:auto!important}#portfolio[data-view=strip] .parallax-showcase__sticky{position:relative;min-height:100svh;height:auto;display:block}#portfolio[data-view=strip] #parallax-slides-container,#portfolio[data-view=strip] .parallax-rail,#portfolio[data-view=strip] .parallax-bottom-bar{display:none}#portfolio[data-view=strip] .horizontal-workspace{display:block}
/* Light, quiet chapter colors on the same white field. */
.fff-card{color:#24242c;background:linear-gradient(145deg,#fffffff7,var(--chapter-wash,#f6f6f9))!important;border:1px solid #dedee5;box-shadow:0 24px 55px #1818280b,inset 0 1px 0 #fff}.fff-card[data-theme=want-want]{--chapter-wash:#f8eff0;--chapter-ink:#7b3f46}.fff-card[data-theme=alibaba]{--chapter-wash:#eef3f8;--chapter-ink:#41617b}.fff-card[data-theme=keruida]{--chapter-wash:#f7f3ed;--chapter-ink:#756249}.fff-card[data-theme=jiulv]{--chapter-wash:#f3eff7;--chapter-ink:#6e567e}.fff-card[data-theme=timao]{--chapter-wash:#f0f5ef;--chapter-ink:#4b6a55}.fff-card[data-theme=education]{--chapter-wash:#f1f1f6;--chapter-ink:#5d5c74}.fff-card.is-center{box-shadow:0 32px 65px #18182814,0 0 0 2px #ffffffa8}.fff-card__num,.fff-card__stat b{color:var(--chapter-ink)}.fff-card__badge{background:#ffffffb3;color:var(--chapter-ink);border:1px solid #ffffff}.fff-card__role{color:#3d3d47}.fff-card__summary,.fff-card__period,.fff-card__stat span{color:#63636e}.fff-card__stats,.fff-card__bottom{border-color:#26264016}.fff-card__bottom{font-size:10px;color:#4d4d57}.fff-card__org{font-weight:500;line-height:1.45}.exp-expanded-panel,.outcome-box{background:#ffffffed}.exp-expanded-panel{box-shadow:0 12px 30px #10101903}.footer{background:#fff;color:#363640;border-top:1px solid #e7e7eb}.footer p,.footer a{color:#686873}.footer h4{color:#17171c}.footer a:hover{color:#17171c}.footer__grid{padding-block:45px;gap:40px}.modal-dialog{background:#fff}.modal-media-box{background:#f8f8fa}.modal-media-box img{object-fit:contain}.modal-kv-item .is-pending{display:none}
@media(max-height:800px) and (min-width:1101px){.morph__copy{padding-top:82px;padding-bottom:77px;gap:12px}.morph__copy-item[data-pos]{padding:15px 19px}.morph__copy .hero-name{font-size:36px}.morph__copy .hero-positioning{font-size:13px;margin-bottom:9px}.morph__copy .hero-current-strip{padding-top:8px}.morph__copy .glass-card__title{font-size:18px;margin-bottom:7px}.intro-card-copy{font-size:11px;line-height:1.7}.intro-micro-tags{margin-top:9px}.morph__copy .mini-metric b{font-size:23px}.morph__copy .hero-name-row{margin-bottom:6px}.morph__copy .hero-role-tags{margin-bottom:9px}.morph__copy .card-kicker{margin-bottom:8px}.intro-actions{margin-top:11px}}
@media(max-width:1100px){.morph{height:auto}.morph__stage{position:relative;height:auto;min-height:100svh;overflow:hidden}.morph__canvas,.morph__stage::before{height:100svh}.morph__copy{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:18px;padding:95px 5vw 85px}.morph__copy-item[data-pos]{grid-column:auto;grid-row:auto;width:100%;max-width:none}.morph__copy [data-pos=pos-1-top-left]{grid-column:1/-1;width:min(500px,85%);margin-bottom:44svh}.morph__copy [data-pos=pos-6-top-center]{grid-column:auto}.morph__copy .hero-current-strip{grid-template-columns:1fr 1fr}.morph__hud{display:none}.morph__sections{display:none}.p-slide__inner{gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.p-slide__camera-frame{max-height:55svh}.portfolio-heading{padding-top:30px}.horizontal-workspace .catalog-controls{flex-direction:column}.horizontal-workspace .work-card{flex-basis:350px}}
@media(max-width:768px){.nav__inner{gap:10px}.nav__brand a{font-size:13px;letter-spacing:.12em}.nav__pill-btn{font-size:9px;padding:6px 9px}.nav__morph-opt{padding:5px}.nav__utility{gap:7px}.nav__brand{order:-1}.morph__copy{grid-template-columns:1fr;padding:86px 20px 65px;gap:16px}.morph__copy [data-pos=pos-1-top-left]{grid-column:1;width:100%;margin-bottom:43svh}.morph__copy [data-pos=pos-6-top-center]{grid-column:1}.morph__copy-item[data-pos]{padding:22px 23px}.morph__copy .hero-name{font-size:39px}.morph__copy .hero-name-en{font-size:19px}.morph__copy .hero-positioning{font-size:14px}.morph__copy .hero-current-strip{gap:10px}.morph__copy .hero-current-strip span{font-size:9px}.morph__copy .glass-card__title{font-size:22px}.intro-card-copy{font-size:13px}.morph__copy .card-kicker{font-size:8px}.intro-micro-tags span{font-size:10px}.morph__copy .mini-metric b{font-size:30px}.morph__copy .mini-metric span{font-size:11px}.morph__copy .glass-card__metrics{gap:20px}.intro-actions .btn{font-size:11px}.portfolio-heading{flex-direction:column;gap:15px;margin-bottom:25px;padding-top:15px}.portfolio-heading .section-title{font-size:30px}.portfolio-heading .section-desc{font-size:12px}.portfolio-mode-switch{top:calc(var(--nav-height) + 16px);left:20px}.portfolio-mode-switch button{font-size:10px;padding:7px 12px}.p-slide__inner{grid-template-columns:1fr;align-content:center;gap:20px;padding:calc(var(--nav-height) + 85px) 20px 125px}.p-slide__camera-frame{max-height:31svh;aspect-ratio:16/10}.p-slide__info{padding:20px;border-radius:20px}.p-slide__title{font-size:23px;margin-bottom:11px}.p-slide__desc{display:none}.p-slide__meta{margin-bottom:15px}.p-slide__actions .btn{font-size:10px;padding:8px 13px}.p-slide__frame-badge{font-size:8px;top:9px;left:9px;padding:4px 9px}.p-slide__index{font-size:8px}.parallax-rail{top:auto;bottom:68px;left:20px;right:20px;max-height:44px;max-width:none;transform:none;display:flex;overflow-x:auto;overflow-y:hidden;padding:5px 7px;gap:4px}.parallax-rail li{flex:0 0 auto}.parallax-rail button{width:25px;height:25px}.parallax-bottom-bar{left:20px;right:20px;bottom:16px;flex-direction:row;font-size:9px;gap:10px}.parallax-nav-btns{gap:5px}.parallax-nav-btns button{font-size:8px;padding:5px 8px}.horizontal-workspace{padding:calc(var(--nav-height) + 92px) 20px 38px}.horizontal-workspace__header h3{font-size:26px}.horizontal-workspace__header>p{font-size:9px}.horizontal-workspace .catalog-controls{gap:16px}.horizontal-workspace .catalog-search-wrap{width:100%;flex-wrap:nowrap;gap:12px}.horizontal-workspace .catalog-search{width:55%;font-size:10px}.horizontal-workspace .works-grid{gap:16px;padding-bottom:20px}.horizontal-workspace .work-card{flex-basis:83vw}.horizontal-workspace .work-card__title{font-size:18px}.horizontal-workspace .work-card__media{aspect-ratio:16/11}.horizontal-workspace .work-card__body{padding:18px}.horizontal-footer{font-size:7px;gap:12px}.horizontal-footer a{font-size:9px}.fff-wheel-stage{height:460px}.fff-card{height:400px}.fff-card__org{font-size:20px}.fff-card__summary{font-size:11px}.fff-card__stat span{font-size:9px}.fff-card__bottom{font-size:8px}.fff-chapter-pills{gap:6px}.fff-pill{font-size:10px;padding:6px 10px}.section-title{line-height:1.5}.section-desc{font-size:13px}.footer__grid{grid-template-columns:1fr;gap:25px}.tools-bento{grid-template-columns:1fr}.drawer{visibility:hidden;pointer-events:none}.drawer.is-open{visibility:visible;pointer-events:auto}}
html[data-reduced-motion=true] .morph{height:auto}html[data-reduced-motion=true] .morph__stage{position:relative;height:auto;min-height:0;opacity:1}html[data-reduced-motion=true] .morph__canvas,html[data-reduced-motion=true] .morph__stage::before,html[data-reduced-motion=true] .morph__hud,html[data-reduced-motion=true] .morph__sections{display:none}html[data-reduced-motion=true] .morph__copy{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:100px 4vw 65px;gap:20px}html[data-reduced-motion=true] .morph__copy-item[data-pos]{grid-column:auto;grid-row:auto;width:100%;margin:0;opacity:1;filter:none;transform:none;pointer-events:auto}html[data-reduced-motion=true] .pixel-blast-bg canvas{display:none}html[data-reduced-motion=true] .parallax-showcase{height:auto!important}html[data-reduced-motion=true] .parallax-showcase__sticky{position:relative;min-height:100svh;height:auto;display:block}html[data-reduced-motion=true] #parallax-slides-container,html[data-reduced-motion=true] .parallax-rail,html[data-reduced-motion=true] .parallax-bottom-bar{display:none}html[data-reduced-motion=true] .horizontal-workspace{display:block}html[data-reduced-motion=true] .portfolio-mode-switch{display:none}
@media(max-width:768px){html[data-reduced-motion=true] .morph__copy{grid-template-columns:1fr;padding:90px 20px 50px}}

section[id]{scroll-margin-top:var(--nav-height)}.p-slide__title{text-wrap:balance;font-size:clamp(23px,2.2vw,31px)}
@media(max-width:768px){.p-slide__title{font-size:23px}.p-slide__actions{gap:8px}}

.capabilities-section,.experience-section{background-color:#fff;background-image:radial-gradient(#73737c18 .65px,transparent .8px);background-size:8px 8px}
.no-js .morph{height:auto}.no-js .morph__stage{position:relative;height:auto;min-height:0;opacity:1}.no-js .morph__canvas,.no-js .morph__stage::before,.no-js .morph__hud,.no-js .morph__sections{display:none}.no-js .morph__copy{position:relative;display:block;padding:100px 4vw 55px}.no-js .morph__copy-item{display:none}.no-js .morph__copy-item:first-child{display:block;opacity:1;filter:none;transform:none;width:min(500px,100%);margin:0}.no-js .parallax-showcase,.no-js .fff-wheel-stage,.no-js .fff-controls{display:none}.no-script-work-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:60px}.no-script-work-list article{border:1px solid #e4e4e8;border-radius:22px;overflow:hidden;padding-bottom:20px}.no-script-work-list img{width:100%;height:230px;object-fit:contain;background:#fafafa}.no-script-work-list h3,.no-script-work-list small,.no-script-work-list article>div{display:block;margin:16px 18px 0}.no-script-work-list h3{font-size:17px}.no-script-work-list small,.no-script-work-list article>div{font-size:11px}.no-script-work-list article>div a{display:block}.no-script-experience details{padding:20px;border-bottom:1px solid #ddd}.no-script-experience summary{cursor:pointer;font-size:17px}.no-script-experience p,.no-script-experience li{font-size:13px;line-height:1.9}@media(max-width:768px){.no-script-work-list{grid-template-columns:1fr}.no-script-work-list img{height:220px}}

/* Public telephone, confirmed by the site owner. */
.contact-phone{margin:28px 0 24px;padding:22px 0;border-top:1px solid #e3e3e8;border-bottom:1px solid #e3e3e8;display:grid;gap:8px}.contact-phone>span{font-size:11px;color:#65656e;letter-spacing:.12em}.contact-phone>a{font-family:var(--type-body);font-size:clamp(26px,6vw,36px);font-weight:500;letter-spacing:.01em;line-height:1.3;width:fit-content}.contact-phone>a:hover{color:var(--oxblood)}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.contact-actions .btn{font-size:12px}