:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4ef;--bg:#100b18;--bg-deep:#08050e;--panel-bg:#171021;--surface:#fff1;--surface-strong:#ffffff1f;--text:#f4f4ef;--muted:#f4f4ef9e;--soft:#f4f4ef6b;--stroke:#e7daff29;--purple:#7b4dff;--purple-soft:#b58cff;--mint:#a6ead4;--blue:#89aacc;--amber:#d5b870;--hover-a:#efe7ff;--shell:min(1700px, calc(100vw - 72px));background:#100b18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:1180px;margin:0;overflow-x:clip}.motion-enhanced *{backface-visibility:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}.page-shell{width:var(--shell);margin:0 auto}.section-screen{min-height:100vh;position:relative}.site-nav{z-index:50;width:var(--shell);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#100b18c7;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;min-height:66px;padding:0 12px 0 24px;display:grid;position:fixed;top:22px;left:50%;transform:translate(-50%)}.brand{align-items:center;gap:12px;width:max-content;font-weight:720;display:flex}.brand span{width:38px;height:38px;color:var(--hover-a);border:1px solid #b58cff94;border-radius:50%;place-items:center;font-size:14px;display:grid}.brand small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;gap:2px;font-size:13px;display:grid}.brand small em{color:#f4f4ef6b;letter-spacing:.22em;text-transform:none;font-size:10px;font-style:normal;font-weight:520}.site-nav nav{background:#b58cff0e;border:1px solid #ffffff14;border-radius:999px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px;display:grid}.site-nav nav a{width:128px;min-height:48px;color:var(--muted);text-align:center;border-radius:999px;place-items:center;padding:7px 12px;font-weight:760;transition:color .18s,background .18s,box-shadow .18s;display:grid}.site-nav nav a:hover{color:#fff;background:linear-gradient(135deg,#7b4dffb8,#89aacc6b);box-shadow:0 0 24px #7b4dff47}.site-nav nav b{display:none}.site-nav nav span{color:#f4f4efd1;white-space:nowrap;max-width:116px;font-size:11px;font-weight:760;line-height:1.1}.site-nav nav small{color:#f4f4ef66;letter-spacing:.12em;margin-top:3px;font-size:9px;font-weight:440;line-height:1}.site-nav nav a:hover span,.site-nav nav a:hover small{color:#fff}.nav-contact{color:#100b18;background:#f2eee3;border-radius:999px;justify-self:end;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:760;transition:transform .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.nav-contact:hover{background:var(--purple);color:#fff;transform:translateY(-1px);box-shadow:0 0 32px #7b4dff61}.hero{isolation:isolate;align-items:flex-end;padding:128px 0 70px;display:flex;overflow:hidden}.hero-video,.noise{width:100%;height:100%;position:absolute;inset:0}.hero-video{object-fit:cover;z-index:-3;filter:saturate(.82)contrast(1.05);transform-origin:50%}.noise{z-index:-2;background:linear-gradient(#100b182e,#100b18fa),linear-gradient(90deg,#100b18d1,#0000 58%),repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 7px)}.opening-wipe{z-index:20;background:linear-gradient(90deg, #100b18fa, #241937fa 48%, #b58cff57), var(--bg);pointer-events:none;will-change:clip-path, transform;position:absolute;inset:0}.hero-inner{z-index:2;gap:24px;display:grid;position:relative}.hero-kicker{color:var(--muted);letter-spacing:.28em;text-transform:uppercase;justify-content:space-between;gap:18px;font-size:12px;font-weight:760;display:flex}.hero-kicker span{gap:5px;display:grid}.hero-kicker span:last-child{justify-items:end}.hero-kicker small{color:#f4f4ef80;letter-spacing:.24em;text-transform:none;font-size:11px;font-weight:520}.hero-title{color:#d7e2ea;letter-spacing:-.055em;text-transform:uppercase;gap:clamp(12px,1.8vw,28px);max-width:none;font-size:clamp(138px,18vw,306px);font-weight:800;line-height:.74;display:grid}.hero-title .title-line{color:#0000;opacity:1;clip-path:inset(0);transform-origin:0;will-change:clip-path, transform, opacity, letter-spacing;background:linear-gradient(#646973 0%,#d7e2ea 100%);-webkit-background-clip:text;background-clip:text;width:max-content;display:block}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.hero-title .title-line{color:#d7e2ea}}.hero-title .title-line-offset{padding-left:11.2vw;display:block}.hero-name-cai{margin-top:0;transform:scaleX(1.028)}.hero-name-tingting{margin-top:0;transform:scaleX(.996)}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.hero-bottom p{color:#d7e2ea;text-transform:uppercase;gap:8px;max-width:660px;font-size:clamp(22px,2.3vw,40px);font-weight:760;line-height:1.05;display:grid}small{color:var(--soft);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:500}.primary-cta{text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#b58cff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:16px 22px;font-size:14px;font-weight:780;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.primary-cta:hover{background:var(--hover-a);color:#130c1f;border-color:#efe7ffb8;transform:translateY(-2px);box-shadow:0 0 30px #7b4dff47}.home-directory{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);grid-template-columns:repeat(5,1fr);gap:0;margin-top:36px;display:grid}.home-directory a{border-right:1px solid var(--stroke);background:linear-gradient(#ffffff05,#0000),#2016302e;align-content:center;gap:12px;min-height:132px;padding:18px 22px;transition:transform .2s,background .2s,box-shadow .2s;display:grid}.home-directory a:last-child{border-right:0}.home-directory a:hover{background:linear-gradient(145deg,#b58cff33,#89aacc14),#20163057;transform:translateY(-3px);box-shadow:inset 0 1px #efe7ff2e,0 18px 40px #00000038}.home-directory b{color:var(--amber);font-size:30px;line-height:.9}.home-directory span{color:#f4f4ef94;letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:360;line-height:1.2}.home-directory small{color:var(--text);letter-spacing:.02em;text-transform:none;font-size:17px;font-weight:780;line-height:1.2}.chapter{background:var(--bg);padding:132px 0;position:relative}.chapter:nth-of-type(odd){background:radial-gradient(circle at 10% 12%, #89aacc14, transparent 30vw), var(--bg)}.chapter-head{grid-template-columns:120px 1fr minmax(280px,420px);align-items:end;gap:28px;margin-bottom:42px;display:grid}.chapter-number{color:#d7e2ea2e;font-size:clamp(76px,8vw,138px);font-weight:900;line-height:.78}.eyebrow{color:var(--mint);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:9px;font-size:12px;font-weight:800;display:inline-flex}.chapter-head h2,.contact h2{color:#0000;letter-spacing:-.052em;text-transform:uppercase;transform-origin:0;will-change:clip-path, transform, opacity, letter-spacing;background:linear-gradient(#646973 0%,#d7e2ea 100%);-webkit-background-clip:text;background-clip:text;max-width:980px;margin-top:14px;font-size:clamp(54px,6.4vw,118px);font-weight:900;line-height:.9}.chapter-head>p{color:var(--muted);font-size:13px;line-height:1.75}.project-image{border:1px solid var(--stroke);background:var(--bg-deep);clip-path:inset(0);will-change:clip-path, transform, opacity, filter;border-radius:8px;width:100%;padding:0;transition:transform .22s,border-color .22s,background .22s;display:block;position:relative;overflow:hidden}.project-image:hover{background:#7b4dff14;border-color:#b58cff7a;transform:translateY(-3px)}.project-image.is-active{border-color:#d5b870c7;box-shadow:0 0 0 1px #d5b87033,0 14px 36px #0000003d}.project-image img{aspect-ratio:16/9;object-fit:contain;will-change:transform;width:100%;display:block}.chapter-showcase{scroll-behavior:smooth;grid-template-columns:minmax(0,1fr) minmax(230px,.22fr);grid-template-areas:"cover previews""cover previews";align-items:stretch;gap:14px;display:grid;position:relative}.showcase-cover{grid-area:cover;position:relative}.showcase-cover .project-image{height:100%;animation:.42s cubic-bezier(.16,1,.3,1) both showcaseImageSwap}.showcase-cover .project-image img{height:100%;min-height:560px}.showcase-arrow{z-index:8;color:#fff;opacity:.78;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#100b187a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .18s,opacity .18s,background .18s,color .18s,border-color .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.showcase-cover:hover .showcase-arrow{opacity:1}.showcase-arrow:hover{background:var(--hover-a);color:#130c1f;border-color:#efe7ffb8;transform:translateY(-50%)scale(1.04)}.showcase-prev{left:18px}.showcase-next{right:18px}.floating-gallery-trigger{z-index:12;color:#fff;text-transform:uppercase;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100b1894;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;width:max-content;padding:13px 17px;font-size:13px;font-weight:780;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex;position:absolute;bottom:clamp(22px,2.2vw,42px);right:clamp(22px,2.2vw,42px)}.floating-gallery-trigger span{color:var(--amber);font-size:12px;font-weight:900}.floating-gallery-trigger:hover{background:var(--hover-a);color:#130c1f;border-color:#efe7ffb8;transform:translateY(-2px);box-shadow:0 0 28px #7b4dff4d}.showcase-previews{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b58cff6b #ffffff0a;grid-area:previews;grid-template-columns:repeat(2,1fr);gap:14px;max-height:560px;padding-right:4px;display:grid;overflow-y:auto}.showcase-previews::-webkit-scrollbar{width:5px;height:5px}.case-room-strip::-webkit-scrollbar{width:5px;height:5px}.showcase-previews::-webkit-scrollbar-thumb{background:#b58cff6b;border-radius:999px}.case-room-strip::-webkit-scrollbar-thumb{background:#b58cff6b;border-radius:999px}.preview-more button{border:1px solid var(--stroke);width:100%;height:100%;min-height:118px;color:var(--text);will-change:transform, opacity, filter;background:linear-gradient(135deg,#b58cff2e,#0000),#b58cff14;border-radius:8px;place-items:center;padding:18px;font-size:32px;font-weight:860;display:grid}.preview-more span{color:var(--soft);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:650}.mode-bento.showcase-editorial{grid-template-columns:minmax(230px,.22fr) minmax(0,1fr);grid-template-areas:"previews cover""previews cover"}.mode-bento .showcase-previews{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:116px;min-height:430px;max-height:none;padding-right:0;display:grid;position:relative;overflow:visible}.mode-bento .preview,.mode-bento .preview-more{transform-origin:20% 110%;grid-area:1/1;transition:transform .36s cubic-bezier(.16,1,.3,1),opacity .24s,filter .24s}.mode-bento .preview:first-child{z-index:9;transform:translate(-8px)rotate(-12deg)}.mode-bento .preview:nth-child(2){z-index:8;transform:translate(20px,12px)rotate(-7deg)}.mode-bento .preview:nth-child(3){z-index:7;transform:translate(48px,24px)rotate(-2deg)}.mode-bento .preview:nth-child(4){z-index:6;transform:translate(76px,36px)rotate(4deg)}.mode-bento .preview:nth-child(5){z-index:5;transform:translate(104px,48px)rotate(10deg)}.mode-bento .preview:nth-child(6){z-index:4;transform:translate(132px,60px)rotate(16deg)}.mode-bento .preview:nth-child(n+7),.mode-bento .preview-more{z-index:3;opacity:.78;transform:translate(160px,72px)rotate(21deg)}.mode-bento .showcase-previews:hover .preview,.mode-bento .showcase-previews:hover .preview-more{opacity:1;transform:none}.mode-bento .showcase-previews:hover .preview:first-child{grid-area:1/1}.mode-bento .showcase-previews:hover .preview:nth-child(2){grid-area:1/2}.mode-bento .showcase-previews:hover .preview:nth-child(3){grid-area:2/1}.mode-bento .showcase-previews:hover .preview:nth-child(4){grid-area:2/2}.mode-bento .showcase-previews:hover .preview:nth-child(5){grid-area:3/1}.mode-bento .showcase-previews:hover .preview:nth-child(6){grid-area:3/2}.mode-bento .showcase-previews:hover .preview:nth-child(7){grid-area:4/1}.mode-bento .showcase-previews:hover .preview:nth-child(8){grid-area:4/2}.mode-bento .showcase-previews:hover .preview:nth-child(9){grid-area:5/1}.mode-bento .showcase-previews:hover .preview-more{grid-area:5/2}.mode-bento .showcase-previews:not(:hover) .project-image:not(.is-active){filter:saturate(.82)brightness(.72)}.mode-bento.showcase-identity .showcase-previews{align-self:start}.mode-float{grid-template-columns:minmax(0,1fr);grid-template-areas:"cover";min-height:640px}.mode-float .showcase-cover{align-self:center;transform:rotate(-1.4deg)}.mode-float.showcase-product .showcase-cover{transform:rotate(1.2deg)}.mode-float .showcase-cover .project-image img{min-height:520px}.mode-float .showcase-previews{pointer-events:auto;grid-area:auto;grid-template-columns:1fr;width:min(124px,8.4vw);max-height:520px;display:grid;position:absolute;inset:0 max(24px,50vw - 850px) auto auto}.mode-float .preview{pointer-events:auto;will-change:transform, opacity;width:100%;animation:.52s both floatThumbIn;position:static}.mode-float .preview-1{animation-delay:0s}.mode-float .preview-2{animation-delay:80ms}.mode-float .preview-3{animation-delay:.16s}.mode-float .preview:hover{z-index:6}.mode-float .preview .project-image{transform-origin:50%;box-shadow:0 18px 46px #00000052}.mode-bento .preview .project-image:after{content:"";pointer-events:none;background:#100b183d;transition:opacity .18s;position:absolute;inset:0}.mode-float .preview .project-image:hover{transform:scale(1.05)rotate(10deg)}.mode-bento .preview .project-image:hover:after,.mode-bento .preview .project-image.is-active:after{opacity:0}.mode-float .preview-more{pointer-events:auto;width:100%;position:static}.mode-float .preview-more button{border-radius:8px;min-height:78px;font-size:24px}.mode-float .preview-more span{text-align:center;max-width:86px}.mode-float .showcase-previews .preview:first-child{grid-column:auto}@keyframes showcaseImageSwap{0%{opacity:.58;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes floatThumbIn{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}.contact{background:linear-gradient(140deg, #7b4dff2e, transparent 36%), linear-gradient(320deg, #89aacc1a, transparent 42%), var(--bg);align-items:center;display:flex;overflow:hidden}.contact-marquee{color:#ffffff0a;letter-spacing:-.06em;text-transform:uppercase;white-space:nowrap;width:max-content;font-size:clamp(96px,13vw,230px);font-weight:900;line-height:1;animation:38s linear infinite footerMarquee;display:flex;position:absolute;top:11vh;left:0}@keyframes footerMarquee{to{transform:translate(-50%)}}.contact-inner{z-index:2;position:relative}.contact h2{max-width:1180px;margin-top:22px;font-size:clamp(68px,7.4vw,138px)}.contact-actions{flex-wrap:wrap;gap:12px;margin-top:52px;display:flex}.big-link,.location{border:1px solid var(--stroke);background:var(--surface-strong);color:#f4f4efe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:12px;min-height:70px;padding:0 25px;font-size:19px;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s;display:inline-flex}.big-link:hover{background:var(--hover-a);color:#130c1f;border-color:#efe7ffb8;transform:translateY(-2px);box-shadow:0 0 30px #7b4dff52}.contact-footer{border-top:1px solid var(--stroke);color:var(--soft);justify-content:space-between;align-items:center;gap:24px;margin-top:104px;padding-top:24px;display:flex}.contact-footer a{color:#fff;align-items:center;gap:7px;display:inline-flex}.contact-spark{color:#b58cff1f;pointer-events:none;position:absolute;bottom:18vh;right:16vw}.case-room{z-index:160;border:1px solid var(--stroke);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#100b18f2;border-radius:16px;grid-template-rows:auto minmax(0,1fr) 72px;gap:12px;padding:16px 22px 14px;display:grid;position:fixed;inset:16px 22px;overflow:hidden;box-shadow:0 28px 120px #0000008c}.case-room-head{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:end;gap:24px;padding-bottom:8px;display:flex}.case-room-head span{color:var(--amber);font-weight:900}.case-room-head h3{color:var(--text);letter-spacing:-.045em;text-transform:uppercase;margin-top:6px;font-size:clamp(20px,1.96vw,28px);font-weight:860;line-height:.95}.case-room-head button{border:1px solid var(--stroke);color:#fff;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:10px 16px;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.case-room-head button:hover,.lightbox button:hover,.preview-more button:hover{background:var(--hover-a);color:#130c1f;border-color:#efe7ffb8;box-shadow:0 0 28px #7b4dff47}.case-room-stage{border:1px solid var(--stroke);background:#08050eb8;border-radius:10px;place-items:center;height:100%;min-height:0;padding:10px 18px;display:grid;position:relative;overflow:hidden}.case-room-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 196px);display:block}.case-room-arrow,.lightbox-arrow{z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100b1899;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .18s,background .18s,color .18s,border-color .18s;display:grid;position:absolute}.case-room-arrow:hover,.lightbox-arrow:hover{background:var(--hover-a);color:#130c1f;border-color:#efe7ffb8;transform:translateY(-1px)}.case-room-prev,.lightbox-prev{left:18px}.case-room-next,.lightbox-next{right:18px}.case-room-strip{overscroll-behavior:contain;grid-auto-columns:minmax(100px,5.2vw);grid-auto-flow:column;gap:7px;height:72px;padding-bottom:4px;display:grid;overflow:auto hidden}.case-room-strip button{border:1px solid var(--stroke);background:var(--bg-deep);border-radius:8px;padding:0;display:block;position:relative;overflow:hidden}.case-room-strip button.is-active{border-color:#d5b870d1}.case-room-strip img{object-fit:contain;width:100%;height:58px;display:block}.case-room-strip span{color:#ffffffb8;background:#0000007a;border-radius:999px;padding:3px 6px;font-size:9px;position:absolute;bottom:8px;right:9px}.lightbox{z-index:200;background:#08050eeb;place-items:center;padding:34px;display:grid;position:fixed;inset:0}.lightbox-close{border:1px solid var(--stroke);color:#fff;text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:10px 16px;transition:border-color .18s,background .18s,color .18s,box-shadow .18s;position:absolute;top:24px;right:24px}.lightbox img{object-fit:contain;width:min(92vw,1500px);max-height:86vh}.lightbox-count{border:1px solid var(--stroke);color:#f4f4efb3;letter-spacing:.18em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#100b18a8;border-radius:999px;padding:8px 14px;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.reveal{opacity:1;transform:none}.reveal.is-visible{opacity:1;transform:translateY(0)}.motion-reduced .opening-wipe{display:none}@media (width<=1280px){:root{--shell:min(1700px, calc(100vw - 48px))}body{min-width:1024px}.home-directory{grid-template-columns:repeat(3,1fr)}.chapter-head{grid-template-columns:92px 1fr}.chapter-head>p{grid-column:2}.chapter-showcase,.mode-float,.mode-bento{grid-template-columns:1fr;grid-template-areas:"cover""previews"}.showcase-cover .project-image img,.mode-float{min-height:auto}.mode-float .showcase-cover,.mode-float.showcase-product .showcase-cover{transform:none}.mode-float .showcase-previews{pointer-events:auto;grid-template-columns:repeat(2,1fr);width:auto;display:grid;position:static}.mode-float .preview,.mode-float .preview-more{width:auto;position:static;transform:none}.case-room-strip{grid-auto-columns:minmax(160px,30vw)}}