:root{
  --cream:#f5f2ea;--cream-2:#eee9dd;--ink:#252b27;--muted:#70776f;--line:rgba(48,66,57,.16);
  --green:#304239;--sage:#dfe7dc;--sage-2:#eef2eb;--brick:#b7634e;--brick-bg:#f1e4df;
  --blue:#405f72;--blue-bg:#edf3f5;--dark:#10231d;--dark-2:#173029;--white:#fbfaf6;
  --max:1240px;--pad:clamp(24px,6vw,92px);--navh:72px;--radius:20px;--shadow:0 14px 44px rgba(35,45,39,.08);
  --cn:"PingFang SC","Noto Sans SC","Microsoft YaHei","Heiti SC",Arial,sans-serif;
  --en:"Avenir Next","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--cn);background:var(--cream);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,video{display:block;max-width:100%}button,a{outline-offset:4px}.container{width:min(var(--max),calc(100% - var(--pad)*2));margin:auto}.section{padding:clamp(92px,10vw,148px) 0;position:relative}.section.compact{padding:90px 0}.tint-sage{background:var(--sage-2)}.tint-brick{background:#f4eae6}.tint-blue{background:var(--blue-bg)}.eyebrow{font:600 12px/1.2 var(--en);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.theme-walkon .eyebrow,.theme-walkon .accent{color:var(--green)}.theme-hangmeet .eyebrow,.theme-hangmeet .accent{color:var(--brick)}.theme-fuhua .eyebrow,.theme-fuhua .accent{color:var(--blue)}
.display{font-size:clamp(42px,5vw,68px);font-weight:650;line-height:1.08;letter-spacing:-.045em;margin:0}.section-title{font-size:clamp(38px,4.2vw,56px);font-weight:650;line-height:1.12;letter-spacing:-.04em;margin:0}.case-title{font-size:clamp(25px,2.8vw,36px);line-height:1.2;letter-spacing:-.025em;margin:0}.lead{font-size:clamp(16px,1.3vw,19px);color:#434b45;line-height:1.85}.muted{color:var(--muted)}.small{font-size:13px}.split-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:clamp(44px,7vw,94px);align-items:end;margin-bottom:clamp(48px,6vw,80px)}.split-head .head-copy{padding-left:34px;border-left:1px solid var(--line)}.split-head .head-copy p{margin:0 0 8px}.section-rule{border-top:1px solid var(--line)}
/* header */
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:var(--navh);transition:.3s;background:rgba(245,242,234,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(48,66,57,.08)}.site-header.transparent{background:transparent;border-color:transparent;backdrop-filter:none;color:#f7f1e6}.site-header.dark{background:rgba(16,35,29,.9);border-color:rgba(255,255,255,.08);color:#f7f1e6}.site-header .inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{font:650 19px/1 var(--en);letter-spacing:-.03em}.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav>a,.dropdown-toggle{font-size:14px;border:0;background:none;padding:24px 0 20px;border-bottom:2px solid transparent;cursor:pointer}.desktop-nav>a.active,.dropdown.active>.dropdown-toggle{border-bottom-color:currentColor}.resume-btn{padding:10px 20px!important;border:1px solid currentColor!important;border-radius:5px;border-bottom-width:1px!important}.dropdown{position:relative}.dropdown-menu{position:absolute;top:58px;left:50%;transform:translateX(-50%) translateY(-6px);min-width:168px;padding:10px;background:rgba(250,248,242,.98);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.2s}.dark .dropdown-menu{background:#193028;color:#faf5e9;border-color:rgba(255,255,255,.12)}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-menu a{display:block;padding:10px 12px;font-size:14px}.dropdown-menu a:hover{background:rgba(64,95,114,.08)}.mobile-toggle{display:none;border:0;background:none;font-size:24px}.mobile-panel{display:none}
/* hero */
.home-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;color:#f6f1e5;overflow:hidden;padding:calc(var(--navh) + 70px) 0 76px}.home-hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;z-index:-2}.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,47,38,.76) 0%,rgba(35,58,48,.48) 38%,rgba(35,58,48,.08) 72%);z-index:-1}.hero-content{max-width:760px}.hero-content .eyebrow{color:#e8e0cc}.hero-content .display{font-size:clamp(54px,6.5vw,88px)}.hero-name{font-size:clamp(38px,4.2vw,56px);font-weight:650;line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;color:#f6f1e5}.hero-role{font-size:16px;opacity:.9;margin-top:20px}.cta-row{display:flex;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid var(--line);background:transparent;border-radius:4px;transition:.2s;font-size:14px}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.06)}.btn.light{border-color:rgba(255,255,255,.5);color:white}.btn.solid{background:var(--green);color:var(--cream);border-color:var(--green)}.hero-footline{position:absolute;bottom:28px;right:var(--pad);font:500 11px/1 var(--en);letter-spacing:.15em;opacity:.8}
/* Home work */
.work-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.75fr);gap:70px}.work-list{border-top:1px solid var(--ink)}.work-item{padding:38px 0;border-bottom:1px solid var(--line)}.work-item h3{font-size:clamp(28px,3vw,42px);margin:0 0 16px}.work-links{margin-top:22px;display:grid;gap:0;border-top:1px solid var(--line)}.preview-link{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer}.preview-link strong{font-size:14px}.preview-link span{font-size:12px;color:var(--muted)}.preview-link.active strong{color:var(--green)}.work-preview{position:sticky;top:104px;aspect-ratio:3/4;overflow:hidden;background:var(--sage);border-radius:var(--radius)}.work-preview img{width:100%;height:100%;object-fit:cover;transition:.3s}.work-preview .preview-meta{position:absolute;left:20px;right:20px;bottom:20px;padding:16px;background:rgba(250,248,242,.84);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:end}.preview-meta b{font-size:20px}.preview-meta span{font-size:12px;color:var(--muted)}
/* cards */
.projects-grid{display:grid;grid-template-columns:1.25fr .85fr;grid-template-rows:1fr 1fr;gap:18px}.project-card{position:relative;overflow:hidden;border-radius:var(--radius);min-height:310px;background:#ddd;box-shadow:var(--shadow)}.project-card.large{grid-row:1/3;min-height:640px}.project-card img{width:100%;height:100%;object-fit:cover;transition:.45s}.project-card:hover img{transform:scale(1.025)}.project-overlay{position:absolute;inset:auto 0 0;padding:24px;background:linear-gradient(transparent,rgba(15,26,21,.78));color:white}.project-overlay h3{font-size:26px;margin:0 0 4px}.project-overlay p{margin:0;font-size:14px}.project-result{margin-top:10px;font-size:13px;opacity:.85}
/* About */
.about-preview{display:grid;grid-template-columns:.9fr 1fr;gap:78px;align-items:center}.photo-pair{position:relative;min-height:560px}.photo-pair .main{width:70%;height:540px;object-fit:cover;border-radius:var(--radius)}.photo-pair .sub{position:absolute;right:0;bottom:8%;width:48%;height:290px;object-fit:cover;border:10px solid var(--cream);border-radius:var(--radius)}.keyword-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:34px;border-top:1px solid var(--line)}.keyword-grid span{padding:18px 0;border-bottom:1px solid var(--line);font-weight:600}.keyword-grid span:nth-child(odd){border-right:1px solid var(--line);padding-right:24px}.keyword-grid span:nth-child(even){padding-left:24px}
.education-grid{display:grid;grid-template-columns:1fr .95fr;gap:80px}.timeline{border-left:1px solid var(--line);padding-left:30px}.timeline-item{padding:0 0 36px}.timeline-item h3{margin:4px 0;font-size:23px}.timeline-item img{margin-top:18px;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.credential-list{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px;color:var(--muted);font-size:14px}.accordion{border-top:1px solid var(--ink)}.acc-item{border-bottom:1px solid var(--line)}.acc-head{width:100%;display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:22px 0;border:0;background:none;text-align:left;cursor:pointer}.acc-head strong{font-size:22px}.acc-body{display:grid;grid-template-rows:0fr;transition:.25s}.acc-body>div{overflow:hidden}.acc-item.open .acc-body{grid-template-rows:1fr}.acc-item.open .acc-body>div{padding:0 0 24px 64px;color:var(--muted)}.how-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px}.skill-groups{display:grid;gap:32px}.skill-groups h3{margin:0 0 12px}.skill-groups p{margin:0;color:var(--muted)}.tool-rows{border-top:1px solid var(--ink)}.tool-row{display:grid;grid-template-columns:160px 1fr;gap:34px;padding:24px 0;border-bottom:1px solid var(--line)}.life-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:14px;margin-top:48px}.life-grid img{width:100%;height:360px;object-fit:cover;border-radius:16px}.life-grid img:nth-child(2){height:300px;margin-top:50px}.life-grid img:nth-child(3){height:330px;margin-top:20px}
/* project generic */
.project-hero{padding-top:calc(var(--navh) + 72px)}.project-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:78px;align-items:center}.project-intro .hero-image{width:100%;max-height:720px;object-fit:contain;border-radius:var(--radius);box-shadow:var(--shadow)}.meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:1px solid var(--line)}.meta-item{padding:18px 20px 0 0;border-right:1px solid var(--line)}.meta-item:last-child{border-right:0;padding-left:20px}.meta-label{font:600 11px/1 var(--en);letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.meta-item p{margin:0;font-size:14px}.project-rail{position:fixed;z-index:60;right:18px;top:50%;transform:translateY(-50%);display:grid;gap:18px}.project-rail a{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:center;min-width:125px;color:#9aa19c;font-size:12px}.project-rail i{width:8px;height:8px;border:1px solid currentColor;border-radius:50%}.project-rail a.active{color:var(--green);font-weight:650}.theme-hangmeet .project-rail a.active{color:var(--brick)}.theme-fuhua .project-rail a.active{color:var(--blue)}.project-rail a.active i{background:currentColor}.project-rail b{font-size:18px;margin-right:7px}
.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.story-steps{border-top:1px solid var(--ink)}.story-step{padding:20px 0;border-bottom:1px solid var(--line)}.story-step b{font-size:13px;color:var(--muted)}.story-step h3{font-size:23px;margin:3px 0}.evidence-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
/* carousels */
.carousel{position:relative;min-width:0}.carousel-track{position:relative;overflow:hidden}.carousel-slide{display:none}.carousel-slide.active{display:block;animation:fadeSlide .28s ease}.carousel-slide img,.carousel-slide video{width:100%;max-height:720px;object-fit:contain;margin:auto;border-radius:16px}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px}.carousel-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.6);cursor:pointer;display:grid;place-items:center;font-size:21px}.carousel-dots{display:flex;gap:8px}.carousel-dot{width:8px;height:8px;border-radius:50%;border:0;background:#c6ccc8;cursor:pointer;padding:0}.carousel-dot.active{background:currentColor}.carousel-count{font:600 12px/1 var(--en);letter-spacing:.08em;min-width:42px;text-align:center}@keyframes fadeSlide{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:none}}
.tab-row{display:flex;gap:8px;margin-bottom:18px}.tab-btn{border:1px solid var(--line);background:transparent;padding:9px 14px;border-radius:999px;cursor:pointer;font-size:13px}.tab-btn.active{background:var(--green);color:white;border-color:var(--green)}
/* Walkon02 */
.content-entry-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.content-path{border-top:1px solid var(--ink)}.content-path .story-step{display:grid;grid-template-columns:42px 1fr}.community-panel{display:grid;grid-template-columns:.75fr 1fr;gap:34px}.phone-frame{background:#e7e7e2;padding:18px;border-radius:28px}.phone-frame img{border-radius:18px;max-height:720px;object-fit:contain;margin:auto}
/* Walkon03 */
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.experience-card{background:var(--white);border-radius:var(--radius);padding:22px}.experience-card>img{width:100%;height:480px;object-fit:cover;border-radius:14px}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mosaic img{width:100%;height:235px;object-fit:cover;border-radius:12px}.mosaic img:first-child{grid-column:1/3;height:300px}
/* brand orbit */
.brand-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.brand-orbit{position:sticky;top:120px;aspect-ratio:1/1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;max-width:520px}.brand-center{width:150px;height:150px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;text-align:center;font:650 22px/1.2 var(--en)}.brand-node{position:absolute;border:1px solid var(--line);background:var(--cream);padding:12px 16px;border-radius:999px;cursor:pointer;transition:.2s;font-size:13px}.brand-node.active,.brand-node:hover{background:var(--sage);border-color:var(--green);transform:scale(1.05)}.brand-node:nth-of-type(1){top:4%;left:38%}.brand-node:nth-of-type(2){top:23%;right:-4%}.brand-node:nth-of-type(3){bottom:24%;right:-2%}.brand-node:nth-of-type(4){bottom:4%;left:38%}.brand-node:nth-of-type(5){bottom:24%;left:-4%}.brand-node:nth-of-type(6){top:23%;left:-4%}.switch-panel{display:none}.switch-panel.active{display:block;animation:fadeSlide .28s ease}.brand-detail{background:var(--white);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.brand-detail-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px}.brand-detail img{width:100%;max-height:560px;object-fit:contain;border-radius:14px;background:#eee}.metric-row{display:flex;flex-wrap:wrap;gap:22px;margin:24px 0}.metric strong{font-size:28px;display:block}.metric span{font-size:12px;color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 11px;border:1px solid var(--line);border-radius:999px;font-size:12px}
/* HangMeet */
.community-structure{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.structure-menu{border-top:1px solid var(--ink)}.structure-btn{width:100%;display:grid;grid-template-columns:44px 1fr;gap:12px;text-align:left;padding:20px;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer}.structure-btn.active{background:rgba(183,99,78,.08);border-left:3px solid var(--brick)}.structure-btn strong{font-size:21px}.structure-btn small{display:block;color:var(--muted);margin-top:4px}.structure-evidence img{max-height:680px;object-fit:contain;margin:auto;border-radius:18px}.retention-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px}.result-card{background:#f2e4df;border-radius:var(--radius);padding:34px;position:sticky;top:120px}.result-card .big{font:650 clamp(62px,7vw,92px)/1 var(--en);color:var(--brick)}.result-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border-top:1px solid rgba(183,99,78,.22)}.result-stat{padding:18px 0;border-bottom:1px solid rgba(183,99,78,.22)}.result-stat:nth-child(odd){border-right:1px solid rgba(183,99,78,.22)}.result-stat:nth-child(even){padding-left:20px}.result-stat strong{font-size:28px;display:block}.retention-acc .acc-item.open{background:rgba(183,99,78,.06)}.retention-acc .acc-item.open .acc-body>div{padding-right:20px}.retention-image{margin-top:18px;max-height:310px;object-fit:cover;border-radius:12px}.partner-slide{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;background:var(--white);padding:30px;border-radius:var(--radius);min-height:520px}.partner-slide .visual img,.partner-slide .visual video{max-height:480px;object-fit:contain;margin:auto}.partner-slide .visual{background:#ede8df;border-radius:14px;overflow:hidden}.partner-slide .visual video{width:100%;background:#111}.partner-stats{display:flex;gap:30px;margin:22px 0}.partner-stats strong{font-size:34px;color:var(--brick);display:block}.partner-label{font:600 11px/1 var(--en);letter-spacing:.12em;color:var(--brick)}
/* Fuhua */
.account-matrix{position:relative;min-height:650px}.account-card{position:absolute;width:38%;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:.25s;background:white}.account-card img{width:100%;max-height:570px;object-fit:cover;object-position:top}.account-card:nth-child(1){left:30%;top:0;z-index:3}.account-card:nth-child(2){left:2%;top:190px;z-index:2}.account-card:nth-child(3){right:0;top:190px;z-index:2}.account-card:hover{transform:translateY(-5px) scale(1.012);z-index:5}.account-label{text-align:center;padding:10px;background:#f7f9fa;font-size:13px;color:var(--blue)}.content-case{background:var(--white);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr .7fr;gap:38px}.content-case-visual{position:relative}.content-case-visual .main-img{width:100%;border-radius:15px}.content-case-visual .proof{position:absolute;right:-18px;bottom:-18px;width:28%;max-height:360px;object-fit:contain;background:white;border-radius:13px;box-shadow:var(--shadow)}.content-case-info .big-number{font:650 clamp(56px,6vw,86px)/1 var(--en);color:var(--blue);margin:10px 0 6px}.principle{padding:18px 0;border-top:1px solid var(--line)}.principle b{display:inline-block;color:var(--blue);margin-right:12px}.private-grid{display:grid;grid-template-columns:28% 72%;gap:0;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.private-menu{border-right:1px solid var(--line)}.private-btn{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:24px;cursor:pointer}.private-btn.active{background:rgba(64,95,114,.08);border-left:3px solid var(--blue)}.private-btn strong{font-size:21px;display:block}.private-btn small{color:var(--muted)}.private-content{padding:28px;min-width:0}.private-images .carousel-slide img{max-height:480px}.before-after{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 0;color:var(--muted);font-size:13px}.before-after b{color:var(--blue);font-size:14px}.product-design-grid{display:grid;grid-template-columns:26% 74%;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.product-stage-menu{border-right:1px solid var(--line)}.stage-btn{width:100%;text-align:left;padding:24px;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer}.stage-btn.active{background:rgba(64,95,114,.07);border-left:3px solid var(--blue)}.stage-btn strong{font-size:21px;display:block}.stage-panel{display:none;padding:32px;min-width:0}.stage-panel.active{display:block}.insight-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:47%;float:left;margin-right:28px}.insight-btn{padding:20px;border:1px solid var(--line);background:white;border-radius:12px;text-align:left;cursor:pointer}.insight-btn.active{border-color:var(--blue);background:rgba(64,95,114,.05)}.insight-btn b{display:block;color:#b3c4cf;font:650 28px/1 var(--en);margin-bottom:10px}.insight-view{overflow:hidden}.insight-panel{display:none}.insight-panel.active{display:block}.product-prototype{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.prototype-item{padding:22px;border:1px solid var(--line);border-radius:12px}.prototype-item strong{display:block;font-size:18px;margin-bottom:6px}.commerce-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;background:var(--white);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow)}.store-slide img{max-height:650px;object-fit:contain;margin:auto}.commerce-info{display:flex;flex-direction:column}.commerce-copy{min-height:200px}.commerce-result{margin-top:auto;background:#edf3f5;border-radius:14px;padding:22px}.commerce-result-grid{display:grid;grid-template-columns:1fr 1fr}.commerce-result-grid div{padding:12px;border-bottom:1px solid rgba(64,95,114,.16)}.commerce-result-grid div:nth-child(odd){border-right:1px solid rgba(64,95,114,.16)}.commerce-result strong{display:block;font-size:25px;color:var(--blue)}.amount{text-align:center;font-size:28px;color:var(--blue);font-weight:700;padding-top:16px}
/* AI */
.page-dark{background:var(--dark);color:#f2ecdf}.page-dark .eyebrow{color:#c3c99b}.page-dark .lead,.page-dark .muted{color:#c8c6b9}.page-dark .split-head .head-copy,.page-dark .section-rule{border-color:rgba(255,255,255,.14)}.ai-method{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:20px 28px;gap:28px;align-items:center;margin-bottom:26px}.ai-method b{font:650 32px/1 var(--en);color:#c5cc93}.ai-method h3{display:inline;margin:0 0 0 12px;font-size:16px}.ai-method p{margin:4px 0 0 48px;font-size:12px;color:#b9b7aa}.ai-method .arrow{color:#c5cc93;font-size:28px}.ai-lab{display:grid;grid-template-columns:18% 52% 30%;gap:30px;align-items:start}.ai-tabs{border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden}.ai-tab{width:100%;text-align:left;padding:26px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:#f2ecdf;cursor:pointer}.ai-tab.active{border-left:3px solid #d2dc9d;background:rgba(255,255,255,.05)}.ai-tab strong{font-size:22px;display:block}.ai-tab small{color:#b9b7aa}.ai-gallery{display:grid;place-items:start center;min-width:0}.ai-gallery .carousel{width:min(100%,510px);margin:auto}.ai-gallery .carousel-track{aspect-ratio:3/4;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.025)}.ai-gallery .carousel-slide,.ai-gallery .carousel-slide.active{height:100%}.ai-gallery .carousel-slide img{width:100%;height:100%;object-fit:contain;border-radius:13px}.ai-gallery .carousel-arrow{background:rgba(16,35,29,.6);border-color:rgba(255,255,255,.18);color:white}.ai-info{padding:12px 6px}.ai-info h2{font-size:clamp(28px,3vw,42px);line-height:1.25;margin:12px 0 28px}.ai-spec{padding:18px 0;border-top:1px solid rgba(255,255,255,.14)}.ai-spec b{font:600 12px/1 var(--en);letter-spacing:.12em;color:#c5cc93}.ai-spec p{margin:8px 0 0;color:#c8c6b9;font-size:14px}.ai-final{margin-top:18px;color:#929873;font:600 11px/1 var(--en);letter-spacing:.15em}
/* end nav footer */
.end-nav{background:var(--cream);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.end-nav .inner{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;min-height:126px}.end-nav .divider{height:50px;background:var(--line)}.end-link{font-size:clamp(22px,2.3vw,31px);font-weight:650;padding:34px 0;display:flex;align-items:center;gap:18px}.end-link.right{justify-content:flex-end}.end-link .arrow{font-size:34px;transition:.2s}.end-link:hover .arrow{transform:translateX(-5px)}.end-link.right:hover .arrow{transform:translateX(5px)}
.site-footer{background:#14291f;color:#f5efe2;min-height:280px;padding:58px 0;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;inset:0;opacity:.07;background:radial-gradient(circle at 18% 78%,#cbd5b0 0 1px,transparent 2px) 0 0/24px 24px,linear-gradient(115deg,transparent 0 67%,rgba(203,213,176,.18) 68%,transparent 69%)}.footer-grid{position:relative;display:grid;grid-template-columns:1.45fr .8fr;gap:80px}.footer-title{font-size:clamp(38px,4vw,52px);font-weight:650;line-height:1.1;margin:0 0 14px}.footer-role{font-size:18px}.footer-name{margin-top:18px;font-size:15px}.contact-list{align-self:end;display:grid;gap:8px;font-size:14px}.contact-row{display:grid;grid-template-columns:72px 1fr;gap:10px}.copy-link{cursor:pointer;border-bottom:1px solid transparent}.copy-link:hover{border-color:currentColor}.toast{position:fixed;z-index:200;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);padding:10px 16px;background:#172a22;color:white;border-radius:6px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* lightbox */
.lightbox{position:fixed;z-index:300;inset:0;background:rgba(8,14,11,.88);display:none;place-items:center;padding:32px}.lightbox.open{display:grid}.lightbox img{max-width:min(94vw,1400px);max-height:90vh;object-fit:contain}.lightbox-close{position:absolute;top:18px;right:22px;border:0;background:none;color:white;font-size:34px;cursor:pointer}
/* responsive */
@media(max-width:1100px){.project-rail{display:none}.container{width:min(100% - 44px,var(--max))}.project-intro,.split-head,.work-grid,.education-grid,.how-grid,.about-preview,.brand-layout,.retention-grid,.content-entry-grid{grid-template-columns:1fr}.work-preview{position:relative;top:auto;max-width:500px}.project-intro .hero-image{max-height:620px}.brand-orbit{position:relative;top:auto;margin:auto}.partner-slide,.commerce-grid{grid-template-columns:1fr}.ai-lab{grid-template-columns:180px 1fr}.ai-info{grid-column:1/3}.private-grid,.product-design-grid{grid-template-columns:30% 70%}}
@media(max-width:760px){:root{--navh:62px}.desktop-nav{display:none}.mobile-toggle{display:block}.site-header.transparent .mobile-toggle,.site-header.transparent .brand{color:white}.mobile-panel{position:fixed;z-index:99;top:var(--navh);left:0;right:0;background:rgba(245,242,234,.98);border-bottom:1px solid var(--line);padding:16px 24px 24px;display:none}.mobile-panel.open{display:grid}.mobile-panel a,.mobile-panel button{padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.mobile-sub{padding-left:18px!important;font-size:14px;color:var(--muted)}.section{padding:78px 0}.container{width:calc(100% - 36px)}.display{font-size:44px}.section-title{font-size:38px}.split-head{gap:26px;margin-bottom:38px}.split-head .head-copy{padding-left:0;border-left:0}.home-hero{min-height:780px;padding-bottom:78px}.hero-content .display{font-size:54px}.hero-footline{left:18px;right:auto}.cta-row{flex-wrap:wrap}.projects-grid{grid-template-columns:1fr;grid-template-rows:auto}.project-card.large{grid-row:auto;min-height:480px}.project-card{min-height:360px}.about-preview{gap:36px}.photo-pair{min-height:480px}.photo-pair .main{height:440px}.photo-pair .sub{height:230px}.keyword-grid{grid-template-columns:1fr}.keyword-grid span:nth-child(odd){border-right:0}.keyword-grid span:nth-child(even){padding-left:0}.life-grid{grid-template-columns:1fr 1fr}.life-grid img{height:260px!important;margin-top:0!important}.life-grid img:nth-child(1){grid-column:1/3}.project-hero{padding-top:calc(var(--navh) + 54px)}.project-intro{gap:34px}.meta-grid{grid-template-columns:1fr}.meta-item{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.meta-item:last-child{padding-left:0}.story-grid,.community-panel,.community-structure,.experience-grid,.brand-detail-grid{grid-template-columns:1fr}.mosaic img,.mosaic img:first-child{height:260px}.brand-orbit{max-width:340px}.brand-center{width:110px;height:110px;font-size:17px}.brand-node{font-size:11px;padding:9px 10px}.structure-menu{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);overflow-x:auto}.structure-btn{border-right:1px solid var(--line)}.result-card{position:relative;top:auto}.partner-slide{padding:18px}.account-matrix{min-height:540px}.account-card{width:46%}.account-card:nth-child(1){left:27%}.account-card:nth-child(2){left:0;top:190px}.account-card:nth-child(3){right:0;top:190px}.content-case{grid-template-columns:1fr}.content-case-visual .proof{position:relative;width:42%;float:right;right:auto;bottom:auto;margin-top:-40px}.private-grid,.product-design-grid{display:block}.private-menu,.product-stage-menu{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.private-btn,.stage-btn{border-right:1px solid var(--line)}.insight-cards{width:100%;float:none;margin:0 0 22px}.commerce-grid{padding:18px}.ai-method{display:grid;grid-template-columns:1fr;gap:12px}.ai-method .arrow{transform:rotate(90deg);justify-self:center}.ai-lab{grid-template-columns:1fr}.ai-tabs{display:grid;grid-template-columns:1fr 1fr}.ai-info{grid-column:auto}.ai-gallery .carousel{width:min(100%,520px)}.ai-gallery .carousel-slide img{width:100%;height:100%;max-height:none}.end-nav .inner{grid-template-columns:1fr}.end-nav .divider{display:none}.end-link,.end-link.right{justify-content:space-between;border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr;gap:42px}.contact-list{align-self:start}.footer-title{font-size:40px}}

/* ===== 2026 Long-scroll rebuild overrides ===== */
:root{
  --cream:#f6efea;
  --cream-2:#efe5de;
  --ink:#222925;
  --muted:#737b74;
  --line:rgba(70,61,56,.16);
  --green:#2f463a;
  --sage:#dde5dc;
  --sage-2:#eef2ec;
  --brick:#b65f4a;
  --brick-bg:#f3e5df;
  --blue:#45697b;
  --blue-bg:#edf3f5;
  --ai-bg:#edf2ec;
  --white:#fbf8f4;
  --max:1440px;
  --rail:104px;
  --navh:74px;
  --subnavh:54px;
}
body{background:var(--cream)}
.container{width:min(var(--max),calc(100% - var(--pad)*2))}
.section{padding:clamp(88px,8vw,132px) 0}
.section-title{font-size:clamp(42px,4.2vw,54px)}
.display{font-size:clamp(54px,5.7vw,74px)}
.lead{font-size:clamp(16px,1.25vw,18px)}
.site-header{height:var(--navh);background:color-mix(in srgb,var(--cream) 91%,transparent)}
.site-header.transparent{color:#f7f1e7}
.site-header.scrolled{background:color-mix(in srgb,var(--cream) 90%,transparent);backdrop-filter:blur(15px);color:var(--ink);border-color:rgba(70,61,56,.1)}
.desktop-nav>a,.dropdown-toggle{padding:26px 0 22px}

/* global hero */
.home-hero{min-height:100vh;padding:calc(var(--navh) + 90px) 0 82px}
.home-hero .hero-content{max-width:780px}
.home-hero .hero-content .display{font-size:clamp(58px,6.5vw,88px)}
.home-hero .hero-img{object-position:center 34%}

/* long-scroll About hero */
.about-hero-long{min-height:96svh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--cream)}
.about-hero-long .about-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.about-hero-long:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,239,234,.98) 0%,rgba(246,239,234,.9) 33%,rgba(246,239,234,.44) 58%,rgba(246,239,234,.08) 100%)}
.about-hero-long .container{position:relative;z-index:1}
.about-hero-long .copy{max-width:660px;padding-top:var(--navh)}
.about-keywords{display:flex;gap:0;flex-wrap:wrap;margin-top:34px;color:#606860;font-size:14px}
.about-keywords span{padding:0 22px;border-right:1px solid var(--line)}
.about-keywords span:first-child{padding-left:0}.about-keywords span:last-child{border-right:0}

/* About 01 smaller title */
#about-1 .display{font-size:clamp(42px,4.2vw,54px)}

/* How I work rebuilt */
.how-method-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);gap:70px;align-items:end;margin-bottom:54px}
.how-method-intro .summary{padding-left:34px;border-left:1px solid var(--line)}
.method-list{border-top:1px solid var(--ink)}
.method-row{display:grid;grid-template-columns:86px 220px minmax(0,1fr) 250px;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}
.method-row .n{font:600 32px/1 var(--en);color:#819087}.method-row h3{margin:0;font-size:25px}.method-row p{margin:0;line-height:1.75}.method-row .keywords{color:#728078;font-size:14px}

/* project index */
.project-index{background:var(--cream);padding:clamp(92px,10vw,150px) 0}
.project-index-head{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:60px;align-items:end;margin-bottom:54px}
.project-index h2{margin:0;font-size:clamp(68px,7vw,88px);line-height:.96;letter-spacing:-.06em}
.project-index .intro{margin:0;color:var(--muted);font-size:17px;line-height:1.8}
.project-index-row{display:grid;grid-template-columns:70px minmax(260px,.85fr) minmax(300px,1.2fr) 170px 32px;gap:26px;align-items:center;padding:30px 0;border-top:1px solid var(--line);transition:.2s}
.project-index-row:last-child{border-bottom:1px solid var(--line)}
.project-index-row .idx{color:var(--muted);font:600 13px/1 var(--en);letter-spacing:.1em}.project-index-row h3{margin:0;font-size:clamp(32px,3.2vw,42px);letter-spacing:-.035em}.project-index-row p{margin:0;color:#5d665f}.project-index-row time{color:var(--muted);font-size:13px}.project-index-row .arr{font-size:24px;transition:.2s}.project-index-row:hover h3{color:var(--green)}.project-index-row:hover .arr{transform:translateX(4px)}

/* project region + centered sticky secondary nav */
.projects-region{position:relative}
.project-subnav{position:sticky;top:var(--navh);z-index:82;height:var(--subnavh);display:flex;align-items:center;justify-content:center;gap:64px;background:color-mix(in srgb,var(--cream) 94%,transparent);backdrop-filter:blur(12px);border-top:1px solid rgba(70,61,56,.06);border-bottom:1px solid rgba(70,61,56,.1)}
.project-subnav a{height:100%;display:flex;align-items:center;font-size:14px;border-bottom:2px solid transparent;transition:.2s}.project-subnav a.active{border-color:currentColor;font-weight:650}.project-subnav a[data-project="walkon"].active{color:var(--green)}.project-subnav a[data-project="hangmeet"].active{color:var(--brick)}.project-subnav a[data-project="fuhua"].active{color:var(--blue)}
.project-wrap{position:relative}
.project-body{display:block;width:100%;margin:0;position:relative}
.project-content{min-width:0;width:100%}
.project-content>.section{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.project-content>.section>.section-inner{width:min(var(--max),calc(100% - var(--pad)*2));max-width:var(--max);margin:auto}
/* Project section directory: fixed in the RIGHT gutter, zero layout footprint. */
.project-left-rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:84;display:none;width:126px;gap:34px;padding:0;background:transparent;pointer-events:auto}
.project-left-rail.visible{display:grid}
.project-left-rail a{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:center;color:#9aa09b;font-size:14px;line-height:1.25;white-space:nowrap;transition:.2s}
.project-left-rail a:before{content:"";width:8px;height:8px;border:1px solid currentColor;border-radius:50%}
.project-left-rail a.active{color:var(--green);font-weight:650}.theme-hangmeet .project-left-rail a.active{color:var(--brick)}.theme-fuhua .project-left-rail a.active{color:var(--blue)}.project-left-rail a.active:before{background:currentColor}

/* project full image hero */
.project-image-hero{min-height:96svh;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#1e2c25}
.project-image-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.project-image-hero:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,36,29,.9) 0%,rgba(23,41,33,.66) 35%,rgba(23,41,33,.18) 66%,rgba(23,41,33,.03) 100%),linear-gradient(0deg,rgba(15,25,20,.55),transparent 44%)}
.project-image-hero .container{position:relative;z-index:2;padding-top:calc(var(--navh) + var(--subnavh) + 70px);padding-bottom:50px}
.project-image-hero .hero-copy{max-width:760px}.project-image-hero .project-name{font-size:clamp(38px,4.2vw,56px);font-weight:650;line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;color:#f7f1e6}.project-image-hero .eyebrow{color:#ebe4d7}
.hero-meta{margin-top:64px;display:grid;grid-template-columns:.75fr 1.35fr 1fr;border-top:1px solid rgba(255,255,255,.36);max-width:1040px}.hero-meta .meta-col{padding:22px 30px 0 0;border-right:1px solid rgba(255,255,255,.3)}.hero-meta .meta-col:nth-child(2){padding-left:30px}.hero-meta .meta-col:last-child{padding-left:30px;border-right:0}.hero-meta b{font:600 11px/1 var(--en);letter-spacing:.14em;color:#d9dfd5}.hero-meta p{margin:12px 0 0;font-size:16px;line-height:1.7;color:#fff}
#walkon-hero .bg{object-position:center center}#hangmeet-hero .bg{object-position:center 48%}

/* Fuhua hero */
.fuhua-hero{min-height:96svh;padding:calc(var(--navh) + var(--subnavh) + 60px) 0 54px;background:linear-gradient(135deg,#f7efea,#f3ece6 55%,#edf2f4);display:flex;align-items:center}
.fuhua-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:50px;align-items:center}.fuhua-hero .project-name{font-size:clamp(38px,4.2vw,56px);font-weight:650;line-height:1.08;letter-spacing:-.035em;color:var(--blue);margin:0 0 18px}.fuhua-hero .display{font-size:clamp(54px,5.7vw,74px)}.fuhua-hero .lead{max-width:640px}.account-hero-matrix{position:relative;min-height:730px}.account-hero-card{position:absolute;width:42%;max-width:365px;border-radius:18px;overflow:hidden;border:1px solid rgba(69,105,123,.14);box-shadow:0 20px 60px rgba(60,48,42,.13);background:#fff}.account-hero-card img{width:100%;height:auto}.account-hero-card:nth-child(1){left:0;top:86px;transform:rotate(-2deg)}.account-hero-card:nth-child(2){left:29%;top:0;z-index:2}.account-hero-card:nth-child(3){right:0;top:82px;transform:rotate(2deg)}.fuhua-meta{margin-top:38px;display:grid;grid-template-columns:.8fr 1.3fr .9fr;border-top:1px solid rgba(69,105,123,.2)}.fuhua-meta>div{padding:18px 22px 0 0;border-right:1px solid rgba(69,105,123,.18)}.fuhua-meta>div:nth-child(2),.fuhua-meta>div:nth-child(3){padding-left:22px}.fuhua-meta>div:last-child{border-right:0}.fuhua-meta b{font:600 11px/1 var(--en);letter-spacing:.12em;color:var(--blue)}.fuhua-meta p{margin:9px 0 0;font-size:14px}

/* unified section heading: explanatory copy BELOW title */
.section-head{margin-bottom:52px}.section-head .section-title{margin-bottom:22px}.section-head .head-copy{max-width:780px}.section-head .head-copy p{margin:0}.section-head .project-inline-name{font-size:20px;font-weight:650;margin:18px 0 12px}

/* generic result strips */
.result-strip{display:grid;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:52px;background:rgba(255,255,255,.18)}
.result-strip.cols-4{grid-template-columns:repeat(4,1fr)}.result-strip.cols-5{grid-template-columns:repeat(5,1fr)}.result-strip.cols-6{grid-template-columns:repeat(6,1fr)}
.result-cell{padding:30px 28px;border-right:1px solid var(--line);min-width:0}.result-cell:last-child{border-right:0}.result-cell strong{display:block;font:650 clamp(48px,5vw,78px)/1 var(--en);letter-spacing:-.045em}.result-cell span{display:block;margin-top:12px;color:#505a53;font-size:14px;line-height:1.5}
.result-strip.brick{background:#f1dfd9}.result-strip.brick .result-cell strong{color:var(--brick)}
.result-strip.blue{background:#e5eef2}.result-strip.blue .result-cell strong{color:var(--blue)}

/* Walkon 02 rebuilt */
.walkon-entry-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:70px;align-items:start}.entry-profile .phone-frame{max-width:330px;margin-left:auto}.entry-profile .eyebrow{text-align:left}.entry-profile a{margin-top:14px;display:inline-flex}
.flow-list{margin-top:68px;border-top:1px solid var(--ink)}.flow-row{display:grid;grid-template-columns:76px 190px minmax(0,1fr) 240px;gap:26px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.flow-row .n{font:650 30px/1 var(--en);color:#85958b}.flow-row h3{font-size:23px;margin:0}.flow-row p{margin:0;line-height:1.75}.flow-row .keywords{color:#728077;font-size:14px}
.community-proof{margin-top:76px}.community-proof-head{display:grid;grid-template-columns:1fr minmax(260px,450px);gap:50px;align-items:end;margin-bottom:28px}.community-proof-head p{margin:0;color:var(--muted)}.community-proof .switch-panel .carousel{max-width:1040px}.community-proof .carousel-track{background:transparent}.community-proof .carousel-slide{justify-content:flex-start}.community-proof .carousel-slide img{max-height:580px;object-fit:contain;margin:auto}

/* walkon unchanged modules: description below heading */
.experience-grid,.brand-layout{margin-top:20px}

/* HangMeet 02 structure: preserved, plus swipe controls */
.structure-evidence{position:relative}.structure-navline{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.structure-navline button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer}

/* HangMeet 03 rebuilt interaction */
.retention-switch{display:grid;grid-template-columns:32% 1fr;gap:18px;background:rgba(255,255,255,.28);border:1px solid rgba(182,95,74,.12);border-radius:16px;overflow:hidden}.retention-menu{border-right:1px solid var(--line)}.retention-btn{width:100%;padding:24px 26px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:start}.retention-btn:last-child{border-bottom:0}.retention-btn.active{background:#f3e1da;color:#753e32}.retention-btn .num{font:650 22px/1 var(--en)}.retention-btn strong{display:block;font-size:21px}.retention-btn small{display:block;margin-top:5px;color:var(--muted)}.retention-detail{padding:34px;min-height:620px}.retention-detail .retention-panel{display:none}.retention-detail .retention-panel.active{display:block}.retention-detail img{width:100%;max-height:480px;object-fit:contain;border-radius:14px;margin-top:24px;background:#fff}

/* Fuhua 02 rebuilt */
.fuhua-case{background:var(--white);border:1px solid rgba(69,105,123,.1);border-radius:18px;padding:30px}.fuhua-case-images{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start;margin-top:24px}.fuhua-case-images figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.fuhua-case-images img{width:100%;height:auto;object-fit:contain;border-radius:8px}.fuhua-method-strip{display:grid;grid-template-columns:1.08fr repeat(4,1fr);margin-top:24px;border:1px solid rgba(69,105,123,.12);border-radius:14px;overflow:hidden}.fuhua-method-strip .hero-metric{padding:30px;background:#f2ddd6}.fuhua-method-strip .hero-metric strong{display:block;font-size:clamp(58px,6vw,86px);color:var(--brick);line-height:1}.fuhua-method-strip .hero-metric span{display:block;margin-top:10px}.fuhua-method-strip .principle{padding:28px 24px;background:#fbf8f4;border-left:1px solid var(--line)}.fuhua-method-strip .principle b{display:block;color:var(--blue);margin-bottom:10px}.fuhua-method-strip .principle strong{display:block;margin-bottom:10px}.fuhua-method-strip .principle p{margin:0;color:#59645e;font-size:13px}

/* Fuhua private: preserve cards, raw images, no anonymization note */
.private-content img{object-fit:contain}

/* Fuhua product design image simplification */
.insight-panel .single-evidence{width:100%;max-height:520px;object-fit:contain;border-radius:12px;background:#fff}.stage-panel .single-evidence{width:100%;max-height:600px;object-fit:contain;border-radius:12px;margin-top:22px;background:#fff}

/* Commerce: single viewport + synchronized text */
.commerce-single{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:42px;background:var(--white);padding:30px;border-radius:18px;border:1px solid rgba(69,105,123,.12)}.commerce-single .store-slide img{max-height:680px}.commerce-caption{padding:18px 4px}.commerce-caption .module-tag{font-size:12px;color:var(--blue);font-weight:650;margin-bottom:8px}.commerce-caption h3{font-size:32px;margin:0 0 16px}.commerce-caption p{margin:0;color:#4f5c56;line-height:1.8}
.commerce-data{margin-top:24px;background:#e6eff3;border-radius:14px;padding:20px 0}.commerce-data-title{padding:0 24px 14px;color:var(--blue);font-size:13px}.commerce-data-grid{display:grid;grid-template-columns:repeat(6,1fr)}.commerce-data-grid div{padding:18px 20px;border-right:1px solid rgba(69,105,123,.18)}.commerce-data-grid div:last-child{border-right:0}.commerce-data-grid strong{display:block;color:var(--blue);font-size:26px}.commerce-data-grid span{display:block;margin-top:5px;font-size:12px;color:#526169}

/* AI light final */
.ai-section{background:var(--ai-bg);padding:calc(var(--navh) + 90px) 0 120px}.ai-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:62px;align-items:center;min-height:calc(96svh - var(--navh) - 90px)}.ai-hero-collage{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center}.ai-hero-collage img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;box-shadow:var(--shadow)}.ai-hero-collage img:nth-child(2){transform:translateY(-24px)}.ai-hero-collage img:nth-child(1),.ai-hero-collage img:nth-child(3){transform:translateY(18px)}.ai-method.light{border-color:rgba(48,66,57,.18);background:rgba(255,255,255,.25)}.ai-method.light b{color:var(--green)}.ai-method.light p{color:var(--muted)}.ai-method.light .arrow{color:var(--green)}.ai-lab.light .ai-tabs{border-color:var(--line)}.ai-lab.light .ai-tab{color:var(--ink);border-color:var(--line)}.ai-lab.light .ai-tab small{color:var(--muted)}.ai-lab.light .ai-tab.active{border-left-color:var(--green);background:rgba(48,66,57,.06)}.ai-lab.light .ai-gallery .carousel-track{border-color:var(--line);background:rgba(255,255,255,.25)}.ai-lab.light .ai-gallery .carousel-arrow{background:var(--cream);color:var(--ink);border-color:var(--line)}.ai-lab.light .ai-info h2{color:var(--ink)}.ai-lab.light .ai-spec{border-color:var(--line)}.ai-lab.light .ai-spec b{color:var(--green)}.ai-lab.light .ai-spec p{color:var(--muted)}.ai-lab.light .ai-final{color:#75857a}

/* one global footer */
.site-footer{min-height:280px}.site-footer:before{opacity:.055}.contact-row{grid-template-columns:72px 1fr}.site-footer .contact-list{border-left:1px solid rgba(245,239,226,.18);padding-left:48px}

/* Resume modal */
.resume-modal{position:fixed;z-index:350;inset:0;background:rgba(22,30,26,.48);display:none;place-items:center;padding:24px}.resume-modal.open{display:grid}.resume-dialog{width:min(700px,96vw);background:#f7efe8;border:1px solid rgba(70,61,56,.16);border-radius:18px;box-shadow:0 30px 100px rgba(27,33,29,.2);padding:34px;position:relative}.resume-dialog h2{font-size:34px;margin:0 0 8px}.resume-dialog>.muted{margin-bottom:24px}.resume-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;cursor:pointer}.resume-option{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:24px 0;border-top:1px solid var(--line)}.resume-option:last-child{border-bottom:1px solid var(--line)}.resume-option h3{margin:0 0 6px;font-size:21px}.resume-option p{margin:0;color:var(--muted);font-size:14px}.resume-actions{display:flex;gap:10px}.resume-actions a{padding:10px 12px;border:1px solid var(--line);border-radius:4px;font-size:13px}.resume-actions a.primary{border-color:var(--ink)}

/* accessibility/helpers */
[hidden]{display:none!important}.no-scroll{overflow:hidden}.anchor-offset{scroll-margin-top:calc(var(--navh) + var(--subnavh) + 24px)}

@media(max-width:1180px){
  .project-left-rail{display:none!important}.project-content>.section{margin-left:0;padding-left:0}.walkon-entry-head,.how-method-intro,.fuhua-hero-grid,.ai-hero-grid{grid-template-columns:1fr}.entry-profile .phone-frame{margin-left:0}.account-hero-matrix{min-height:580px;max-width:720px}.method-row,.flow-row{grid-template-columns:70px 180px 1fr}.method-row .keywords,.flow-row .keywords{grid-column:3}.fuhua-method-strip{grid-template-columns:1fr 1fr}.fuhua-method-strip .hero-metric{grid-column:1/3}.fuhua-method-strip .principle{border-left:0;border-top:1px solid var(--line)}.commerce-data-grid{grid-template-columns:repeat(3,1fr)}.commerce-data-grid div:nth-child(3){border-right:0}.commerce-data-grid div:nth-child(n+4){border-top:1px solid rgba(69,105,123,.18)}}
@media(max-width:760px){
  .project-subnav{top:var(--navh);height:48px;gap:36px;overflow-x:auto;justify-content:flex-start;padding:0 20px}.about-hero-long{min-height:760px}.about-hero-long:after{background:linear-gradient(180deg,rgba(246,239,234,.95),rgba(246,239,234,.72) 58%,rgba(246,239,234,.2))}.about-hero-long .copy{padding-top:calc(var(--navh) + 30px)}.about-keywords{display:grid;grid-template-columns:1fr 1fr;gap:8px 0}.about-keywords span{border:0;padding:0}.how-method-intro{gap:18px}.how-method-intro .summary{padding-left:0;border-left:0}.method-row,.flow-row{grid-template-columns:54px 1fr;gap:16px}.method-row p,.flow-row p,.method-row .keywords,.flow-row .keywords{grid-column:2}.project-index-head{grid-template-columns:1fr}.project-index-row{grid-template-columns:44px 1fr 26px}.project-index-row p,.project-index-row time{grid-column:2}.project-index-row .arr{grid-column:3;grid-row:1/4}.project-image-hero{min-height:820px}.project-image-hero .container{padding-top:calc(var(--navh) + var(--subnavh) + 40px)}.hero-meta{grid-template-columns:1fr;margin-top:42px}.hero-meta .meta-col,.hero-meta .meta-col:nth-child(2),.hero-meta .meta-col:last-child{padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}.fuhua-hero{min-height:auto;padding-top:calc(var(--navh) + var(--subnavh) + 40px)}.fuhua-hero-grid{grid-template-columns:1fr}.account-hero-matrix{min-height:470px}.account-hero-card{width:48%}.account-hero-card:nth-child(1){left:0;top:60px}.account-hero-card:nth-child(2){left:26%;top:0}.account-hero-card:nth-child(3){right:0;top:60px}.fuhua-meta{grid-template-columns:1fr}.fuhua-meta>div,.fuhua-meta>div:nth-child(2),.fuhua-meta>div:nth-child(3){padding:14px 0;border-right:0;border-bottom:1px solid rgba(69,105,123,.15)}.walkon-entry-head{grid-template-columns:1fr}.entry-profile .phone-frame{max-width:280px}.community-proof-head{grid-template-columns:1fr}.result-strip.cols-4,.result-strip.cols-5,.result-strip.cols-6{grid-template-columns:1fr 1fr}.result-cell{border-bottom:1px solid var(--line)}.retention-switch{grid-template-columns:1fr}.retention-menu{border-right:0;border-bottom:1px solid var(--line)}.retention-detail{min-height:auto}.fuhua-case-images{grid-template-columns:1fr}.fuhua-method-strip{grid-template-columns:1fr}.fuhua-method-strip .hero-metric{grid-column:auto}.commerce-single{grid-template-columns:1fr}.commerce-data-grid{grid-template-columns:1fr 1fr}.commerce-data-grid div{border-top:1px solid rgba(69,105,123,.18)}.commerce-data-grid div:nth-child(odd){border-right:1px solid rgba(69,105,123,.18)}.commerce-data-grid div:nth-child(even){border-right:0}.ai-hero-grid{grid-template-columns:1fr;min-height:auto}.ai-hero-collage{gap:8px}.ai-lab.light{grid-template-columns:1fr}.site-footer .contact-list{border-left:0;padding-left:0}.resume-option{grid-template-columns:1fr}.resume-actions{justify-content:flex-start}.project-content>.section{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.project-content>.section>.section-inner{width:calc(100% - 36px)}}
.resume-btn{background:transparent;color:inherit;cursor:pointer;font:inherit}