:root{--bg:#f5f3ee;--surface:#fffdf8;--text:#171717;--muted:#6d6962;--line:rgba(23,23,23,.12);--accent:#4d65ff;--soft:#ecefff;--max:1180px;--shadow:0 24px 70px rgba(20,20,20,.10)}
[data-theme=dark]{--bg:#101113;--surface:#1b1c20;--text:#f6f3ed;--muted:#aaa69f;--line:rgba(255,255,255,.12);--accent:#9bafff;--soft:#252b47;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 5%,rgba(77,101,255,.12),transparent 28%),var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.shell{width:min(calc(100% - 32px),var(--max));margin:auto}.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;letter-spacing:-.05em}.links{display:flex;gap:20px;color:var(--muted);font-size:.9rem}.controls{display:flex;gap:8px}.round{height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:0 14px;cursor:pointer}.hero{padding:92px 0 64px}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid var(--line);background:var(--surface);border-radius:999px;color:var(--muted);font-size:.85rem}.hero h1{font-size:clamp(3.2rem,8vw,7.2rem);line-height:.93;letter-spacing:-.075em;margin:24px 0}.gradient{background:linear-gradient(90deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:end}.lead{font-size:clamp(1.08rem,2vw,1.35rem);color:var(--muted);max-width:760px}.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 18px;border-radius:999px;border:1px solid var(--line);font-weight:750}.btn.primary{background:var(--text);color:var(--bg)}.brand-art{min-height:390px;border:1px solid var(--line);background:var(--surface);border-radius:32px;position:relative;overflow:hidden;padding:24px;box-shadow:var(--shadow)}.orb{position:absolute;border:1px solid var(--line);border-radius:50%;animation:float 8s ease-in-out infinite}.o1{width:260px;height:260px;right:-50px;top:-45px}.o2{width:190px;height:190px;left:-45px;bottom:-40px;animation-delay:-2s}.words{position:relative;z-index:2;height:100%;display:flex;align-content:flex-end;align-items:flex-end;flex-wrap:wrap;gap:9px}.words span{padding:10px 13px;border:1px solid var(--line);background:var(--surface);border-radius:999px;font-weight:760}@keyframes float{50%{transform:translateY(-12px)}}section{padding:60px 0}.head{display:grid;grid-template-columns:.35fr 1fr;gap:26px;margin-bottom:28px}.kicker{color:var(--accent);font-weight:800;font-size:.88rem}.head h2,.case h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.03;letter-spacing:-.055em;margin:0}.muted{color:var(--muted)}.filterbar{padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:24px;display:flex;justify-content:space-between;gap:18px;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:9px 13px;cursor:pointer}.filter.active{background:var(--text);color:var(--bg)}.cards{display:grid;gap:18px;margin-top:20px}.card{display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:30px;min-height:360px}.card:nth-child(even){grid-template-columns:1.05fr .95fr}.card:nth-child(even) .media{order:2}.media{background:var(--soft);display:flex;align-items:center;justify-content:center;padding:26px}.media img{width:100%;height:100%;max-height:420px;object-fit:contain;border-radius:18px}.copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.copy h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;letter-spacing:-.05em;margin:10px 0}.index{color:var(--accent);font-weight:850;font-size:.8rem}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tags span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:.76rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tile{border:1px solid var(--line);background:var(--surface);border-radius:24px;overflow:hidden}.tile img,.tile video{width:100%;aspect-ratio:16/10;object-fit:cover}.tile .caption{padding:16px}.tile h3{margin:0 0 5px;letter-spacing:-.03em}.case-hero{padding:72px 0 34px}.case-title{font-size:clamp(3rem,7vw,6.4rem);line-height:.95;letter-spacing:-.07em;margin:18px 0}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.meta{padding:16px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.meta b{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.case-cover{margin-top:28px;border-radius:30px;overflow:hidden;border:1px solid var(--line);background:var(--soft)}.case-cover img{width:100%;max-height:760px;object-fit:contain}.case{display:grid;grid-template-columns:.34fr 1fr;gap:28px;padding:48px 0}.case p,.case li{color:var(--muted)}.case ul{padding-left:20px}.wide-media{border-radius:26px;overflow:hidden;border:1px solid var(--line);background:var(--surface);margin:20px 0}.wide-media img,.wide-media video{width:100%;max-height:760px;object-fit:contain}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.video-grid video{width:100%;border-radius:20px;border:1px solid var(--line);background:#000}.contact{padding:44px;background:var(--text);color:var(--bg);border-radius:34px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.contact .btn{border-color:rgba(255,255,255,.25)}footer{padding:30px 0 45px;color:var(--muted);display:flex;justify-content:space-between}.hidden{display:none!important}
@media(max-width:900px){.links{display:none}.hero-grid,.head,.card,.card:nth-child(even),.case,.contact{grid-template-columns:1fr}.card:nth-child(even) .media{order:0}.gallery{grid-template-columns:repeat(2,1fr)}.case-meta{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shell{width:min(calc(100% - 20px),var(--max))}.gallery,.video-grid{grid-template-columns:1fr}.case-meta{grid-template-columns:1fr}.copy,.contact{padding:22px}}

.zh{display:none}
[data-lang="zh"] .en{display:none!important}
[data-lang="zh"] .zh{display:inline}
[data-lang="zh"] div.zh,[data-lang="zh"] p.zh,[data-lang="zh"] h1.zh,[data-lang="zh"] h2.zh,[data-lang="zh"] h3.zh,[data-lang="zh"] ul.zh,[data-lang="zh"] section.zh{display:block}
.lang-btn{height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:0 14px;cursor:pointer}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.impact{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.impact h3{margin:28px 0 8px;letter-spacing:-.035em}
.impact p{margin:0;color:var(--muted);font-size:.9rem}
.resume-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}
.resume-card{padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.resume-card h3{margin:0 0 12px;letter-spacing:-.035em}
.resume-card ul{padding-left:20px}
.resume-card li{color:var(--muted);margin:8px 0}
.resume-list{display:grid;gap:14px}
.resume-item{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.resume-item .meta-line{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.88rem}
.resume-item h3{margin:8px 0 10px}
.tool-grid{display:flex;flex-wrap:wrap;gap:8px}
.tool-grid span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.process-step{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.process-step b{display:block;color:var(--accent);font-size:.8rem;margin-bottom:24px}
.process-step span{font-weight:760}
@media(max-width:900px){.impact-grid{grid-template-columns:1fr 1fr}.resume-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.impact-grid,.process{grid-template-columns:1fr}.resume-item .meta-line{flex-direction:column}}


/* V11.9 Mobile nav polish — keep Work + Resume visible, hide only Design Foundation */
@media (max-width: 660px){
  .site-links{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    max-width:none !important;
    overflow:visible !important;
  }
  .site-links a{
    display:inline-flex !important;
    white-space:nowrap !important;
  }
  .site-links a:nth-child(2){
    display:none !important;
  }
  .site-links a:nth-child(1),
  .site-links a:nth-child(3){
    display:inline-flex !important;
  }
}