.design-wordmark{width:110px;height:auto;color:var(--ink);flex-shrink:0;display:block}.brand{gap:17px}.act-kicker,.hero-eyebrow,code,kbd{font-family:var(--font-mono), ui-monospace, "SFMono-Regular", Menlo, monospace}code{font-size:inherit}.site-header[data-home]{z-index:40;min-height:0;color:var(--paper);padding-top:22px;padding-bottom:22px;transition:color .5s;position:fixed;inset:0 0 auto}.site-header[data-home] .brand img{filter:invert();transition:filter .5s}.site-header[data-home] .design-wordmark{color:currentColor}html:not([data-stage-tone=dark]) .site-header[data-home]{color:var(--ink)}html:not([data-stage-tone=dark]) .site-header[data-home] .brand img{filter:none}.site-header[data-home][data-open]{color:var(--ink);background:var(--paper)}.site-header[data-home][data-open] .brand img{filter:none}.site-header[data-home][data-open] .design-wordmark{color:var(--ink)}.home{--ease:cubic-bezier(.16, 1, .3, 1);--mono:var(--font-mono), ui-monospace, monospace;position:relative}.act{--p:0;--in:0;--enter:0;position:relative}.act-sticky{height:100svh;position:sticky;top:0;overflow:clip}.act-anchor{width:1px;height:1px;position:absolute;left:0}.split-line{display:block}.act-kicker{letter-spacing:.14em;text-transform:uppercase;align-items:baseline;gap:12px;font-size:11px;display:flex}.act-kicker span{letter-spacing:.05em;border:1px solid;padding:3px 7px}.act-panel{z-index:4;left:var(--gutter);width:min(37vw,600px);position:absolute;top:50%;transform:translateY(-50%)}.act-head{align-items:flex-start;gap:14px;display:flex}.act-no{letter-spacing:-.07em;font-size:clamp(64px,8vw,150px);font-weight:250;line-height:.74}.act-label{letter-spacing:.02em;opacity:.7;padding-top:2px;font-size:13px}.act-panel h2{letter-spacing:-.055em;margin-top:clamp(22px,3.4vh,40px);font-size:clamp(44px,5.2vw,104px);font-weight:560;line-height:.94}html[lang=zh-CN] .act-panel h2{letter-spacing:-.03em;font-size:clamp(40px,4.2vw,84px);font-weight:700;line-height:1.08}.act-problem{opacity:.78;max-width:28em;margin-top:20px;font-size:clamp(15px,1.1vw,17px);line-height:1.62}.act-steps{letter-spacing:-.025em;flex-wrap:wrap;gap:4px 0;margin-top:clamp(26px,4vh,44px);font-size:clamp(18px,1.5vw,24px);display:flex}.act-steps li{opacity:.24;transition:opacity .5s}.act-steps li:not(:last-child):after{content:"/";opacity:.5;margin:0 .42em}.act[data-reached~="1"] .act-steps li[data-step="1"],.act[data-reached~="2"] .act-steps li[data-step="2"],.act[data-reached~="3"] .act-steps li[data-step="3"],.act[data-reached~="4"] .act-steps li[data-step="4"],.act[data-reached~="5"] .act-steps li[data-step="5"],.act[data-reached~="6"] .act-steps li[data-step="6"]{opacity:1}html[lang=zh-CN]{line-break:strict}h1,h2,h3,summary,.spec-title dd,.pillar-index a,.act-steps,.band-caption p,.fc-head,.fc-line,.tp-display{text-wrap:balance}p,dd,li{text-wrap:pretty}html[lang=zh-CN] :is(.act-problem,.hero-foot>p,.why p,.faq details p,.spec-note p,.work-head p,.project-story p,.contact-lead){word-break:keep-all;overflow-wrap:anywhere}html[lang=zh-CN] .faq h2{font-size:clamp(36px,4.2vw,80px)}html[lang=zh-CN] :is(.act-panel h2,.act-studio h2,.why h3,.process h3,.faq h2,summary,.work-head h2,.spec-title dd,.pillar-index a,.cta-link span,.project-tagline,.project-enquire h2,.contact-grid h1){word-break:keep-all;overflow-wrap:anywhere}.b-word{font-family:var(--font-display), Arial, sans-serif;font-weight:var(--b-weight);letter-spacing:var(--b-track);text-transform:var(--b-case);white-space:nowrap;line-height:1}.b-mark{display:block;overflow:visible}.b-mark .mark-strokes path{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter}.act-brand{--h:min(1, calc(var(--p) * 6));height:540vh}.act-brand>.act-anchor{top:76vh}.brand-sticky{background:var(--paper);color:var(--ink)}.flood{background:var(--b-primary);clip-path:inset(100% 0 0);transition:clip-path 1.1s var(--ease), background-color .6s ease;position:absolute;inset:0}.act-brand[data-reached~="3"] .flood{clip-path:inset(0)}.act-brand[data-reached~="3"] .act-panel{color:var(--b-on-primary)}.act-brand .act-panel{opacity:0;transition:opacity .6s ease, transform .9s var(--ease), color .6s ease;transform:translateY(calc(30px - 50%))}.act-brand[data-reached~="1"] .act-panel{opacity:1;transform:translateY(-50%)}.hero-curtain{z-index:8;padding:118px var(--gutter) clamp(28px, 5vh, 56px);background:var(--ink);color:var(--paper);clip-path:inset(0 0 calc(var(--h) * 100%) 0);flex-direction:column;display:flex;position:absolute;inset:0}.act-brand[data-reached~="1"] .hero-curtain{pointer-events:none}.hero-curtain>:not(.hero-wall,.hero-shade){z-index:1;position:relative}.hero-wall{perspective:1500px;perspective-origin:70% 30%;position:absolute;inset:0;overflow:hidden}.wall-plane{transform:rotateX(calc(40deg + var(--h) * 22deg)) rotateZ(-20deg) scale(calc(1 + var(--h) * .3));transform-origin:40%;gap:1.3vw;display:flex;position:absolute;top:-38%;left:30%}.act-brand[data-reached~="1"] .hero-wall{display:none}.wall-col{width:15vw;animation:wall-loop var(--dur) linear infinite var(--dir);animation-delay:var(--delay);will-change:transform;flex-direction:column;gap:1.3vw;display:flex}@keyframes wall-loop{to{transform:translateY(calc(-50% - .65vw))}}.wall-card .fc{border-radius:.5vw;box-shadow:0 1.5vw 3vw #0006}.hero-shade{pointer-events:none;background:linear-gradient(90deg, var(--ink) 14%, #181916e0 40%, #18191659 72%, #18191680), linear-gradient(#181916b3, transparent 22%, transparent 52%, #181916f0 86%);position:absolute;inset:0}.hero-eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.7;font-size:11px}.hero-title{--wt0:600;z-index:1;letter-spacing:-.065em;flex-direction:column;align-items:flex-start;margin-top:clamp(18px,4vh,44px);font-size:clamp(54px,min(13.4vw,25svh),280px);line-height:.86;display:flex;position:relative}html[lang=zh-CN] .hero-title{--wt0:800;letter-spacing:-.035em;font-family:Noto Sans SC Variable,sans-serif;font-size:clamp(48px,min(12.2vw,22svh),250px);line-height:1.04}.hero-title .split-line{margin:-.08em 0 -.26em;padding:.08em 0 .26em}.hero-title .split-line:first-child{transform:translate3d(0, calc(var(--h) * -24vh), 0)}.hero-title .split-line:last-child{transform:translate3d(0, calc(var(--h) * -9vh), 0)}.char{font-weight:var(--wt,var(--wt0));transition:font-weight .4s cubic-bezier(.2,.7,.2,1);display:inline-block}@media (pointer:coarse) and (prefers-reduced-motion:no-preference){.hero-title .char{animation:3.6s ease-in-out infinite weight-wave;animation-delay:calc(1.2s + var(--i) * .14s)}html[lang=zh-CN] .hero-title .char{animation-name:weight-wave-zh}}@keyframes weight-wave{50%{font-weight:320}}@keyframes weight-wave-zh{50%{font-weight:460}}.char-inner{animation:char-in 1s var(--ease) backwards;animation-delay:calc(var(--i) * 45ms + .1s);margin:-.08em 0 -.26em;padding:.08em 0 .26em;display:inline-block}@keyframes char-in{0%{filter:blur(12px);opacity:0;transform:translateY(.5em)rotate(6deg)}}.hero-foot{z-index:1;grid-template-columns:minmax(0,34em) minmax(0,520px);justify-content:space-between;align-items:end;gap:40px;margin-top:auto;padding-top:28px;display:grid;position:relative}.hero-foot>p{opacity:.78;font-size:clamp(14px,1.08vw,17px);line-height:1.62}.pillar-index{border-top:1px solid #f4f2eb99}.pillar-index a{letter-spacing:-.025em;transition:padding .4s var(--ease);border-bottom:1px solid #f4f2eb33;align-items:baseline;gap:16px;padding:12px 0;font-size:clamp(18px,1.6vw,27px);display:flex}.pillar-index a span{font-family:var(--mono);letter-spacing:0;opacity:.6;font-size:10px}.pillar-index a:hover{padding-left:12px}.artboard{z-index:1;color:var(--ink);transition:color .6s;position:absolute;inset:0}.act-brand[data-reached~="3"] .artboard{color:var(--b-on-primary)}.artboard-mark{width:min(50vh,34vw);transition:transform 1.1s var(--ease), opacity .6s ease;position:absolute;top:47%;left:67%;transform:translate(-50%,-50%)}.artboard-mark .b-mark{width:100%;height:auto}.mark-sheet{fill:none;stroke:currentColor;opacity:0;transition:opacity .8s}.mark-square{stroke-opacity:.3;stroke-width:.3px}.mark-modules{stroke-opacity:.1;stroke-width:.25px}.mark-guide{stroke-opacity:.5;stroke-width:.3px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.4s var(--ease);transition-delay:calc(.2s + var(--i) * .12s)}.mark-guide.is-dashed{stroke-dasharray:1.4 1.1;stroke-dashoffset:0;opacity:0;transition:opacity .8s;transition-delay:calc(.4s + var(--i) * .14s)}.artboard-mark .mark-strokes path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.8s var(--ease)}.mark-notes{opacity:0;transition:opacity .6s}.mark-notes path{fill:none;stroke:currentColor;stroke-width:.3px}.mark-notes text{fill:currentColor;font-family:var(--mono);letter-spacing:.02em;font-size:3.4px}.act-brand[data-reached~="1"] .mark-sheet{opacity:1}.act-brand[data-reached~="1"] .mark-guide{stroke-dashoffset:0}.act-brand[data-reached~="1"] .mark-guide.is-dashed{opacity:1}.act-brand[data-reached~="2"] .artboard-mark .mark-strokes path{stroke-dashoffset:0}.act-brand[data-reached~="2"] .mark-notes{opacity:.75;transition-delay:1.1s}.act-brand[data-reached~="3"] .mark-sheet{opacity:.35}.act-brand[data-reached~="3"] .mark-notes{opacity:0;transition-delay:0s}.artboard-word{opacity:0;transition:opacity .6s ease, transform .9s var(--ease);font-size:clamp(30px,3.6vw,66px);position:absolute;top:calc(100% + 5vh);left:50%;transform:translate(-50%,1.5vh)}.act-brand[data-reached~="3"] .artboard-word{opacity:1;transform:translate(-50%)}.artboard-meta{white-space:nowrap;opacity:0;font-size:11px;transition:opacity .5s;position:absolute;top:-5vh;left:0}.act-brand[data-reached~="1"]:not([data-reached~="3"]) .artboard-meta{opacity:.55}.act-brand[data-reached~="4"] .artboard-mark{opacity:0;pointer-events:none;transform:translate(-50%,-62%)scale(.7)}.brand-stage{--sw:min(56vw, calc((100svh - 190px) * 4 / 3));z-index:2;right:var(--gutter);width:var(--sw);aspect-ratio:4/3;pointer-events:none;position:absolute;top:50%;transform:translateY(calc(30px - 50%));container-type:inline-size}.tp{left:calc(var(--x) * 1cqw);top:calc(var(--y) * 1cqw);width:calc(var(--w) * 1cqw);height:calc(var(--hh) * 1cqw);background:var(--tp-bg);color:var(--tp-fg);font-family:var(--font-display), "Noto Sans SC Variable", sans-serif;opacity:0;transform:translate3d(0, 7cqw, 0) rotate(var(--rot,0deg));transition:transform 1.1s var(--ease), opacity .5s ease, background-color .6s ease, color .6s ease;transition-delay:calc(var(--d) * 70ms);flex-direction:column;justify-content:space-between;padding:1.8cqw;display:flex;position:absolute;overflow:hidden;box-shadow:0 1.6cqw 3.4cqw #0a0a0947}.act-brand[data-reached~="4"] .tp{opacity:1;transform:none}.tp-poster{--x:0;--y:0;--w:30;--hh:48;--d:0;--rot:-3deg;--tp-bg:var(--b-secondary);--tp-fg:var(--b-ink);--mk:var(--b-primary)}.tp-card{--x:33;--y:0;--w:34;--hh:22;--d:1;--rot:2deg;--tp-bg:var(--b-ink);--tp-fg:var(--b-paper)}.tp-post{--x:33;--y:26;--w:22;--hh:22;--d:2;--rot:-2deg;--tp-bg:var(--b-paper);--tp-fg:var(--b-ink);--mk:var(--b-primary)}.tp-stamp{--x:58;--y:30;--w:9;--hh:9;--d:3;--rot:8deg;--tp-bg:var(--b-ink);--tp-fg:var(--b-paper);--mk:var(--b-accent);border-radius:50%;justify-content:center;align-items:center;padding:1cqw}.tp-tote{--x:70;--y:0;--w:30;--hh:48;--d:4;--rot:3deg;--tp-bg:var(--b-paper);--tp-fg:var(--b-ink);--mk:var(--b-primary);border-radius:0 0 1.2cqw 1.2cqw;padding-top:5cqw}.tp-tote:before{content:"";opacity:.35;border:.7cqw solid;border-radius:50%;height:6cqw;position:absolute;top:-3cqw;left:30%;right:30%}.tp-display{font-size:3.1cqw;font-weight:var(--b-hweight);letter-spacing:var(--b-htrack);line-height:1.05}.tp-poster .tp-display{font-size:3.6cqw}.tp-post .tp-display{font-size:2.2cqw}.tp-meta{opacity:.75;font-size:1.15cqw;line-height:1.4}.tp-person{gap:.3cqw;font-size:1.15cqw;line-height:1.3;display:grid}.tp-person b{font-size:1.6cqw}.logo{align-items:center;gap:.8cqw;display:inline-flex}.logo .b-mark{width:3.4cqw;height:3.4cqw;color:var(--mk,currentColor)}.logo .b-word{font-size:1.7cqw}.tp-stamp .logo .b-mark{width:5.6cqw;height:5.6cqw}.tp-poster .logo .b-mark,.tp-tote .logo .b-mark{width:4.6cqw;height:4.6cqw}.tp-guides{background:var(--paper);width:100cqw;height:22.5cqw;color:var(--ink);opacity:0;transition:opacity .6s ease, transform 1s var(--ease);grid-template-columns:1.6fr 1fr .8fr;gap:1.6cqw;padding:1.6cqw;display:grid;position:absolute;top:52.5cqw;left:0;transform:translateY(4cqw);box-shadow:0 1.6cqw 3.4cqw #0a0a0947}.act-brand[data-reached~="5"] .tp-guides{opacity:1;transform:none}.guide-swatches{grid-template-columns:repeat(5,1fr);display:grid}.guide-swatches span{align-items:flex-end;padding:.8cqw;display:flex;box-shadow:inset 0 0 0 1px #14130f14}.guide-swatches code,.guide-type code,.guide-space code{background:var(--paper);color:var(--ink);padding:.2cqw .4cqw;font-size:.95cqw;line-height:1.4}.guide-type{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;padding-left:1.6cqw;display:flex}.guide-type .b-word{font-size:9cqw;font-weight:var(--b-hweight);letter-spacing:var(--b-htrack);text-transform:none}.guide-type code{padding:0}.guide-space{border-left:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:flex-start;padding-left:1.6cqw;display:flex}.guide-space .b-mark{width:9cqw;height:9cqw;color:var(--b-primary);outline:1px dashed #1819164d;padding:1.2cqw}.guide-space code{color:var(--muted);padding:0}.act-web{height:480vh}.act-web>.act-anchor{top:78vh}.web-sticky{color:var(--b-ink);background:var(--b-secondary);transition:background-color .6s,color .6s}.web-stage{--ww:min(60vw, calc((100svh - 210px) * 1.6));--wipe:clamp(0, calc((var(--p) - .26) / .15), 1);right:calc(var(--gutter) * .6);width:var(--ww);perspective:1800px;position:absolute;top:50%;transform:translateY(-46%)}.web-toolbar{opacity:0;transition:opacity .5s ease, transform .7s var(--ease);pointer-events:none;gap:10px;margin-bottom:14px;display:flex;transform:translateY(8px)}.act-web[data-reached~="3"] .web-toolbar{opacity:1;pointer-events:auto;transform:none}.seg{background:#ffffff80;border-radius:99px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #00000014}.seg button{color:inherit;background:0 0;border:0;border-radius:99px;padding:7px 14px;font-size:12px;line-height:1}.seg button[aria-pressed=true]{background:var(--b-ink);color:var(--b-paper)}.act-web[data-reached~="3"]:not([data-reached~="4"]) .seg button[aria-pressed=false]{animation:1.6s ease-in-out infinite nudge}@keyframes nudge{50%{background:#ffffffb3}}.browser{width:100%;height:calc(var(--ww) / 1.62);transform:rotateY(calc((1 - var(--wipe)) * -18deg)) rotateX(calc((1 - var(--wipe)) * 8deg));transform-origin:30%;transition:width .9s var(--ease);background:#fff;border:1px solid #14130f24;border-radius:12px;margin-left:auto;margin-right:auto;overflow:hidden;box-shadow:0 50px 100px -40px #14130f8c}.browser[data-mobile]{width:calc(var(--ww) / 1.62 * .5)}.browser-bar{background:#ecebe6;border-bottom:1px solid #14130f14;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.browser-bar i{background:#cfcdc5;border-radius:50%;width:9px;height:9px}.browser-bar span{min-width:0;font-family:var(--mono);color:#6d6b64;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:6px;flex:1;margin-left:10px;padding:4px 10px;font-size:11px;overflow:hidden}.browser-bar b{color:#1d1c19;font-weight:600}.browser-view{height:calc(100% - 34px);position:relative}.browser-view:after{content:"";top:0;bottom:0;left:calc(var(--wipe) * 100%);background:var(--b-ink);width:2px;opacity:clamp(0, calc(min(var(--wipe), 1 - var(--wipe)) * 30), 1);pointer-events:none;position:absolute}.layer-wire,.layer-design{position:absolute;inset:0;overflow:hidden}@media (pointer:coarse){.site-form input{pointer-events:none}}.layer-wire{opacity:.35;transition:opacity .6s}.act-web[data-reached~="1"] .layer-wire{opacity:1}.layer-design{clip-path:inset(0 calc((1 - var(--wipe)) * 100%) 0 0)}.site{--u:1cqi;min-height:100%;padding-bottom:calc(var(--u) * 3);background:var(--b-paper);color:var(--b-ink);font-family:var(--font-display), "Noto Sans SC Variable", sans-serif;transition:background-color .6s,color .6s;container:site/inline-size}@container site (max-width:520px){.site>*{--u:2.5cqi}}.site [data-label]{position:relative}.site-nav{align-items:center;gap:calc(var(--u) * 2.4);padding:calc(var(--u) * 2) calc(var(--u) * 3.4);display:flex}.site-logo{align-items:center;gap:calc(var(--u) * .8);margin-right:auto;display:inline-flex}.site-logo .b-mark{width:calc(var(--u) * 2.6);height:calc(var(--u) * 2.6);color:var(--b-primary)}.site-logo .b-word{font-size:calc(var(--u) * 1.6)}.site-links{gap:calc(var(--u) * 2.2);font-size:calc(var(--u) * 1.2);display:flex}.site-cta,.site-button{padding:calc(var(--u) * .8) calc(var(--u) * 1.5);background:var(--b-primary);color:var(--b-on-primary);font-size:calc(var(--u) * 1.15);white-space:nowrap;border-radius:999px;display:inline-block}.site-hero{gap:calc(var(--u) * 3);padding:calc(var(--u) * 2.4) calc(var(--u) * 3.4) calc(var(--u) * 3);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.site-kicker{font-family:var(--mono);font-size:calc(var(--u) * 1);letter-spacing:.08em;text-transform:uppercase;opacity:.7}.site .b-display{margin-top:calc(var(--u) * 1.4);font-size:calc(var(--u) * 4.7);font-weight:var(--b-hweight);letter-spacing:var(--b-htrack);line-height:.98}.site[lang=zh-CN] .b-display{letter-spacing:-.02em;line-height:1.12}.site-sub{margin:calc(var(--u) * 1.4) 0 calc(var(--u) * 2);font-size:calc(var(--u) * 1.3);opacity:.78;line-height:1.5}.site-visual{aspect-ratio:4/3.4;background:radial-gradient(circle at 70% 30%, #ffffff24, transparent 50%), var(--b-primary);color:var(--b-on-primary);border-radius:calc(var(--u) * .6);place-items:center;display:grid}.site-visual .b-mark{width:46%;height:auto}.site-stats{margin:0 calc(var(--u) * 3.4);border-top:1px solid;grid-template-columns:repeat(3,1fr);display:grid}.site-stats p{gap:calc(var(--u) * .4);padding:calc(var(--u) * 1.4) 0;display:grid}.site-stats b{font-size:calc(var(--u) * 2.6);font-weight:var(--b-hweight);letter-spacing:-.03em}.site-stats span{font-size:calc(var(--u) * 1.05);opacity:.7}.site-form{gap:calc(var(--u) * 1);margin:calc(var(--u) * 1.4) calc(var(--u) * 3.4) 0;padding:calc(var(--u) * 1.6);background:color-mix(in srgb, var(--b-paper), #fff 55%);border:1px solid color-mix(in srgb, var(--b-ink), transparent 85%);border-radius:calc(var(--u) * .6);grid-template-columns:1fr 1fr 2fr auto;align-items:end;display:grid}.site-form label{gap:calc(var(--u) * .4);font-size:calc(var(--u) * .95);min-width:0;display:grid}.site-form label span{opacity:.65}.site-form input{width:100%;min-width:0;padding:calc(var(--u) * .7) 0;font-size:calc(var(--u) * 1.15);background:0 0;border:0;border-bottom:1px solid;outline:none}.site-form input:focus{border-color:var(--b-primary)}.site-form button{padding:calc(var(--u) * .9) calc(var(--u) * 1.6);background:var(--b-ink);color:var(--b-paper);font-size:calc(var(--u) * 1.1);white-space:nowrap;border:0}.site-status{justify-content:space-between;gap:calc(var(--u) * 1);min-height:calc(var(--u) * 1.6);font-size:calc(var(--u) * 1.05);grid-column:1/-1;display:flex}.site-status b{padding:calc(var(--u) * .2) calc(var(--u) * .7);background:var(--b-primary);color:var(--b-on-primary);animation:status-in .5s var(--ease);border-radius:99px;font-weight:600}@keyframes status-in{0%{opacity:0;transform:translateY(4px)}}.site-status small{font-family:var(--mono);font-size:calc(var(--u) * .85);opacity:.55;margin-left:auto;font-weight:400}.act-web[data-reached~="4"] .layer-design .site-form{box-shadow:0 0 0 2px var(--b-primary);transition:box-shadow .5s}@container site (max-width:520px){.site-links{display:none}.site-hero{grid-template-columns:1fr}.site-visual{aspect-ratio:16/9;order:-1}.site-form{grid-template-columns:1fr}}.is-wire{--wire:#dedcd4;color:#0000;background:#fbfbf8}.is-wire :is(.b-word,.site-links span,.site-cta,.site-kicker,.b-display,.site-sub,.site-button,.site-stats b,.site-stats span,label span,input,button,.site-status){border-radius:2px;color:#0000!important;background:var(--wire)!important;border-color:#0000!important}.is-wire .site-status small{background:0 0}.is-wire .b-mark{color:#c9c6bb!important}.is-wire .site-visual{background:linear-gradient(to top right,#0000 calc(50% - 1px),#c9c6bb calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),linear-gradient(to bottom right,#0000 calc(50% - 1px),#c9c6bb calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),#eeece6}.is-wire .site-visual .b-mark{opacity:0}.is-wire .site-stats,.is-wire .site-form{border-color:var(--wire);box-shadow:none;background:0 0}.is-wire [data-label]:after{content:attr(data-label);font-family:var(--mono);letter-spacing:.06em;color:#1819166b;font-size:9px;position:absolute;top:-1.5em;left:0}.is-wire .site-nav[data-label]:after{top:2px;left:calc(var(--u) * 3.4)}.act-content{height:420vh}.act-content>.act-anchor{top:68vh}.content-sticky{--feed-bg:#121211;background:var(--feed-bg);color:var(--paper);transition:background-color .6s,color .6s}.content-sticky .act-panel{left:var(--gutter);width:min(40vw,600px);color:var(--ink);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);background:#f4f2ebcc;border-radius:20px;padding:clamp(32px,3.2vw,56px);box-shadow:inset 0 0 0 1px #ffffff8c,0 40px 100px -30px #000000bf}.feed{gap:1.3vw;padding:0 1.3vw;display:flex;position:absolute;inset:0;overflow:hidden}.feed:before,.feed:after{content:"";z-index:2;pointer-events:none;height:140px;position:absolute;left:0;right:0}.feed:before{background:linear-gradient(var(--feed-bg), transparent);top:0}.feed:after{background:linear-gradient(transparent, var(--feed-bg));bottom:0}.feed-col{min-width:0;transform:translate3d(0, calc(var(--off) - 18% + var(--dir) * (var(--p) - .5) * var(--spd) * 90vh), 0);will-change:transform;flex-direction:column;flex:1;gap:1.3vw;display:flex}.fc{aspect-ratio:var(--ar);background:var(--b-primary);color:var(--b-on-primary);font-family:var(--font-display), "Noto Sans SC Variable", sans-serif;border-radius:.5vw;flex-shrink:0;transition:background-color .6s,color .6s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a;container-type:inline-size}.fc>*{z-index:1;position:absolute}.fc-logo{z-index:2;align-items:center;gap:2.4cqi;display:flex;top:7cqi;left:7cqi}.fc-logo .b-mark{width:9cqi;height:9cqi}.fc-logo .b-word{font-size:5.4cqi}.fc-where{z-index:2;color:#fff;font-family:var(--mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000004d;border-radius:99px;padding:1.4cqi 3cqi;font-size:4.2cqi;bottom:6cqi;right:6cqi}.fc-head{font-size:10cqi;font-weight:var(--b-hweight);letter-spacing:var(--b-htrack);line-height:1.06;bottom:17cqi;left:7cqi;right:7cqi}.fc-line{font-size:5.6cqi;line-height:1.35;bottom:17cqi;left:7cqi;right:7cqi}.feed-fields{opacity:.9;position:absolute;inset:-20%}.feed-fields i{will-change:transform;border-radius:50%;width:60vw;height:60vw;animation:26s ease-in-out infinite alternate field-drift;position:absolute}.feed-fields i:first-child{background:radial-gradient(closest-side, var(--b-primary), transparent);top:0%;left:10%}.feed-fields i:nth-child(2){background:radial-gradient(closest-side, var(--b-accent), transparent);animation-duration:32s;animation-direction:alternate-reverse;top:26%;left:46%}.feed-fields i:nth-child(3){background:radial-gradient(closest-side, var(--b-secondary), transparent);animation-duration:38s;top:50%;left:22%}html:not([data-in-act=content]) .feed-fields i,html:not([data-in-act=brand][data-in-step="0"]) .wall-col{animation-play-state:paused}@keyframes field-drift{to{transform:translate(8vw,-10vh)scale(1.2)}}.feed :is(.fc-1,.fc-3,.fc-6,.fc-7){color:#fff;background:linear-gradient(155deg,#fff3,#ffffff0f 60%,#ffffff1a);box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #ffffff59,0 20px 50px -20px #00000080}.feed :is(.fc-3 .fc-stat,.fc-7 .fc-quote){color:#fff}.feed .fc-6 .fc-chart i{background:#ffffffd9}.feed .fc-6 .fc-chart i:last-child{background:var(--b-accent)}.fc-0{background:linear-gradient(var(--b-primary) 10%, var(--b-secondary))}.fc-sun{aspect-ratio:1;background:var(--b-accent);border-radius:50%;width:72cqi;top:47%;left:50%;transform:translate(-50%,-50%)}.fc-ground{background:var(--b-ink);inset:58% 0 0}.fc-0 .fc-head{color:var(--b-paper)}.fc-1{background:var(--b-accent);color:var(--b-ink)}.fc-giant{white-space:nowrap;font-size:52cqi;line-height:.8;top:18%;left:-3cqi}.fc-1 .fc-line{font-size:7cqi;font-weight:var(--b-hweight);letter-spacing:var(--b-htrack)}.fc-2{background:var(--b-primary);color:var(--b-on-primary)}.fc-ghost{width:120cqi;height:auto;color:var(--b-secondary);opacity:.35;top:40%;left:50%;transform:translate(-50%,-50%)}.fc-play{background:#ffffffe6;border-radius:50%;width:18cqi;height:18cqi;top:40%;left:50%;transform:translate(-50%,-50%)}.fc-play:after{content:"";border-left:6cqi solid var(--b-ink);border-top:4cqi solid #0000;border-bottom:4cqi solid #0000;position:absolute;top:30%;left:40%}.fc-subs{text-align:center;justify-items:center;gap:1.6cqi;font-size:5.2cqi;line-height:1.3;display:grid;bottom:22cqi;left:7cqi;right:7cqi}.fc-subs span{color:#fff;background:#0000008c;padding:.8cqi 2cqi}.fc-bar{background:linear-gradient(90deg, var(--b-accent) 38%, #ffffff4d 38%);height:1cqi;bottom:15cqi;left:7cqi;right:7cqi}.fc-3{background:var(--b-paper);color:var(--b-ink)}.fc-stat{font-size:30cqi;font-weight:var(--b-hweight);letter-spacing:-.05em;color:var(--b-primary);line-height:.9;bottom:30cqi;left:7cqi}.fc-segments{gap:1.5cqi;display:flex;top:3cqi;left:5cqi;right:5cqi}.fc-segments i{background:#fff6;flex:1;height:.8cqi}.fc-segments i:first-child{background:#fff}.fc-4 .fc-logo{top:10cqi}.fc-4 .fc-head{font-size:13cqi;top:34%;bottom:auto}.fc-poll{gap:2.4cqi;display:grid;bottom:22cqi;left:12cqi;right:12cqi}.fc-poll span{color:#141414;text-align:center;background:#fff;border-radius:3cqi;padding:4cqi;font-size:5.4cqi;font-weight:600}.fc-5{background:var(--b-secondary);color:var(--b-ink)}.fc-pattern{grid-template-columns:repeat(3,1fr);align-content:center;gap:6cqi;display:grid;inset:24cqi 6cqi 20cqi}.fc-pattern .b-mark{width:100%;height:auto;color:var(--b-primary)}.fc-pattern .b-mark:nth-child(2n){color:var(--b-ink)}.fc-6{background:var(--b-paper);color:var(--b-ink)}.fc-chart{align-items:flex-end;gap:4cqi;display:flex;inset:24cqi 7cqi 30cqi}.fc-chart i{height:calc(var(--v) * 100%);background:var(--b-primary);flex:1}.fc-chart i:last-child{background:var(--b-accent)}.fc-6 .fc-line{bottom:18cqi}.fc-page{font-family:var(--mono);font-size:4.2cqi;bottom:7cqi;left:7cqi}.fc-7{background:var(--b-secondary);color:var(--b-ink)}.fc-quote{color:var(--b-primary);font-family:Georgia,Times New Roman,serif;font-size:54cqi;line-height:1;top:10cqi;left:5cqi}.fc-7 .fc-head{font-size:9cqi;bottom:30cqi}.fc-7 .fc-line{opacity:.7}.spec{padding:clamp(64px, 10vh, 120px) var(--gutter);background:var(--paper);color:var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;display:grid}.spec-no{letter-spacing:-.07em;color:#0000;-webkit-text-stroke:1.5px var(--ink);grid-column:1/span 2;font-size:clamp(80px,10vw,190px);font-weight:600;line-height:.78}.spec-grid{border-top:2px solid var(--ink);grid-column:3/-1;grid-template-columns:1fr 1.2fr .8fr 1fr;gap:24px;margin:0;display:grid}.spec-grid>div{padding-top:16px}.spec-grid dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.spec-grid dd{margin:12px 0 0;font-size:15px;line-height:1.55}.spec-title{grid-column:1/-1;padding-bottom:8px}.spec-title dd{letter-spacing:-.04em;margin-top:0;font-size:clamp(26px,2.6vw,44px);line-height:1.05}.spec-items li{border-bottom:1px solid var(--line);padding:4px 0}.spec-foot{flex-wrap:wrap;grid-column:3/-1;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-top:48px;display:flex}.spec-together{color:var(--muted);margin-left:auto;font-size:13px}.spec-note{max-width:520px;font-size:14px;line-height:1.6}.spec-note .text-link{margin-top:10px}.spec-fine{color:var(--muted);margin-top:14px;font-size:12px}.brand-switch{z-index:35;left:var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);opacity:0;pointer-events:none;transition:opacity .4s ease, transform .6s var(--ease);background:#f4f2ebe0;border:1px solid #18191624;border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;position:fixed;bottom:20px;transform:translateY(16px);box-shadow:0 12px 40px -16px #14130f73}.brand-switch.is-inline{display:none}html:is([data-in-act=brand]:not([data-in-step="0"]),[data-in-act=web],[data-in-act=content]) .brand-switch{opacity:1;pointer-events:auto;transform:none}.brand-switch-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:0 12px 0 10px;font-size:10px;display:grid}.brand-switch-label small{letter-spacing:0;text-transform:none;color:var(--muted);font-size:9px}.brand-switch button{background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 13px 8px 9px;font-size:12px;transition:background .2s;display:inline-flex}.brand-switch button i{background:var(--sw);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000026}.brand-switch button:hover{background:#18191612}.brand-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}@media (pointer:fine){[data-tool=pen]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M3 3l6 16 4-6 6-4z' fill='%23181916' stroke='%23f4f2eb' stroke-width='1.2'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%23f4f2eb'/%3E%3C/svg%3E") 3 3,crosshair}[data-tool=crop]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M7 2v19h19M2 7h19v19' fill='none' stroke='%23f4f2eb' stroke-width='3'/%3E%3Cpath d='M7 2v19h19M2 7h19v19' fill='none' stroke='%23181916' stroke-width='1.4'/%3E%3C/svg%3E") 7 7,crosshair}}.work-band{background:var(--ink);color:var(--paper);padding:clamp(80px,12vh,140px) 0 clamp(70px,10vh,120px);overflow:hidden}.work-head{padding:0 var(--gutter);grid-template-columns:auto minmax(0,30em) 1fr;align-items:end;gap:16px 48px;display:grid}.work-head h2{letter-spacing:-.045em;font-size:clamp(34px,3.6vw,64px);line-height:1}.work-head p{color:#f4f2eb99;font-size:13px;line-height:1.6}.work-band .work-filters{justify-self:end}.work-band .work-filters button{color:#f4f2eb8c}.work-band .work-filters button[aria-pressed=true],.work-band .work-filters button:hover{border-color:var(--paper);color:var(--paper)}.band{margin-top:clamp(40px,6vh,64px)}.band-track{width:max-content;animation:band-loop var(--dur) linear infinite;will-change:transform;gap:clamp(18px,2vw,32px);padding-left:clamp(18px,2vw,32px);display:flex}.band:hover .band-track,.band:focus-within .band-track{animation-play-state:paused}@keyframes band-loop{to{transform:translate(-50%)}}.band-card{flex-shrink:0;width:clamp(280px,28vw,500px)}.band-media{aspect-ratio:4/3;background:var(--project-color);border-radius:6px;display:block;overflow:hidden}.band-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.band-card:hover .band-media img,.band-media:focus-visible img{transform:scale(1.04)}.band-caption{gap:4px;margin-top:16px;display:grid}.band-caption h3{letter-spacing:-.03em;font-size:clamp(19px,1.5vw,26px)}.band-caption p{color:#f4f2eba6;font-size:13px}.band-caption span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#f4f2eb73;margin-top:4px;font-size:10px}.act-studio{padding:clamp(96px, 15vh, 170px) var(--gutter);background:var(--blue);color:var(--paper)}.act-studio h2{letter-spacing:-.055em;max-width:14ch;margin-top:24px;font-size:clamp(44px,7.4vw,150px);line-height:.94}html[lang=zh-CN] .act-studio h2{letter-spacing:-.03em;max-width:13em;font-weight:700;line-height:1.1}.why{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(56px,9vh,100px);display:grid}.why li{border-top:1px solid #f4f2eb73;padding-top:20px}.why-no{font-family:var(--mono);opacity:.7;font-size:11px}.why h3{letter-spacing:-.035em;margin-top:26px;font-size:clamp(21px,1.8vw,30px);line-height:1.1}.why p{opacity:.84;max-width:34em;margin-top:14px;font-size:15px;line-height:1.6}.process{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(64px,11vh,120px);display:grid}.process li{border-top:2px solid var(--paper);padding-top:16px}.process h3{letter-spacing:-.02em;align-items:baseline;gap:12px;font-size:19px;display:flex}.process h3 span{font-family:var(--mono);opacity:.7;font-size:10px}.process p{opacity:.8;margin-top:12px;font-size:14px;line-height:1.55}.faq{padding:clamp(90px, 14vh, 160px) var(--gutter);background:var(--paper);grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;display:grid}.faq h2{letter-spacing:-.055em;grid-column:1/span 5;font-size:clamp(40px,5vw,92px);line-height:.96}.faq-list{border-bottom:1px solid var(--ink);grid-column:6/-1}.faq details{border-top:1px solid var(--ink)}.faq summary{letter-spacing:-.02em;cursor:pointer;justify-content:space-between;gap:24px;padding:20px 0;font-size:clamp(17px,1.4vw,22px);list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);transition:transform .3s var(--ease);font-size:18px}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:hover{opacity:.6}.faq details p{max-width:60ch;color:var(--muted);padding:0 0 24px;font-size:15px;line-height:1.65}.act-cta{min-height:100svh;padding:140px var(--gutter) 80px;background:var(--ink);color:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.magnetic{--mx:0px;--my:0px;transform:translate3d(var(--mx), var(--my), 0);transition:transform .6s var(--ease)}.cta-link{color:var(--paper);flex-direction:column;align-items:center;gap:26px;display:inline-flex}.cta-link>span:first-child{letter-spacing:-.07em;white-space:pre-line;transform:scale(calc(.86 + var(--enter) * .14));margin:-.08em 0 -.26em;padding:.08em 0 .26em;font-size:clamp(72px,14vw,260px);font-weight:600;line-height:.86;transition:color .3s}html[lang=zh-CN] .cta-link>span:first-child{letter-spacing:-.03em;font-weight:700}.cta-link:hover>span:first-child{color:#8fa8ff}.cta-sub{border-bottom:1px solid;padding-bottom:4px;font-size:15px}.grid-overlay{z-index:90;padding:0 var(--gutter);opacity:0;pointer-events:none;background-image:repeating-linear-gradient(#ff005521 0 1px,#0000 1px 8px);grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;transition:opacity .3s;display:grid;position:fixed;inset:0}.grid-overlay span{background:#ff00550f;border-left:1px solid #ff00554d;border-right:1px solid #ff00554d}html[data-grid] .grid-overlay{opacity:1}.grid-toggle{font-size:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.grid-toggle kbd{border:1px solid;border-radius:3px;padding:1px 6px;font-size:9px}.grid-toggle:hover,.grid-toggle[aria-pressed=true]{color:#fff}@media (max-width:1000px){.spec-grid{grid-template-columns:1fr 1fr}.spec-title{grid-column:1/-1}.process{grid-template-columns:1fr 1fr;row-gap:40px}}@media (max-width:760px){.brand{gap:14px}.design-wordmark{width:98px}.act-panel{top:84px;right:var(--gutter);width:auto;transform:none}.act-brand .act-panel,.act-brand[data-reached~="1"] .act-panel{transform:none}.act-panel h2{margin-top:12px;font-size:36px}.act-problem{margin-top:10px;font-size:13.5px;line-height:1.5}.act-steps{margin-top:14px;font-size:15px}.act-no{font-size:48px}.hero-curtain{padding-top:100px;padding-bottom:28px}.hero-title{font-size:16vw}html[lang=zh-CN] .hero-title{font-size:12.6vw}.hero-foot{grid-template-columns:1fr;gap:24px}.wall-plane{top:-20%;left:4%}.wall-col{gap:3vw;width:34vw}.hero-shade{background:linear-gradient(#181916e0, #1819168c 45%, #181916eb 70%, var(--ink))}.artboard-mark{width:52vw;top:calc(50% + 130px);left:50%}.brand-stage,.web-stage{left:var(--gutter);right:var(--gutter);width:auto}.brand-stage{top:calc(50% + 130px);transform:translateY(-50%)}.web-stage{top:auto;bottom:28px;transform:none}.content-sticky .act-panel{width:auto;padding:18px calc(var(--gutter) - 12px) 22px;border-radius:16px;margin:0;top:76px;left:12px;right:12px}.feed-col:nth-child(n+4){display:none}.web-stage{--ww:calc(100vw - 2 * var(--gutter))}.browser{height:min(46svh,420px)}.web-toolbar .seg:last-child,.brand-switch:not(.is-inline){display:none}html .brand-switch.is-inline{opacity:1;pointer-events:auto;box-shadow:none;margin-top:16px;display:inline-flex;position:static;transform:none}.brand-switch-label{display:none}.brand-switch button{padding:6px 10px 6px 8px;font-size:11px}.spec{display:block}.spec-no{margin-bottom:24px;font-size:72px}.spec-grid{grid-template-columns:1fr}.spec-together{margin-left:0}.work-head{grid-template-columns:1fr;align-items:start}.work-band .work-filters{justify-self:start}.band-card{width:78vw}.why,.process{grid-template-columns:1fr}.faq{display:block}.faq h2{margin-bottom:30px}}@media (max-width:370px){.design-wordmark{width:86px}.act-problem{display:none}}@media (prefers-reduced-motion:reduce){.act-brand,.act-web,.act-content{height:auto}.act-sticky{height:auto;position:relative;overflow:visible}.brand-sticky,.web-sticky,.content-sticky{padding:120px var(--gutter) 90px;flex-direction:column;gap:56px;display:flex}.act-panel,.brand-stage,.web-stage{width:100%;max-width:1100px;position:relative;inset:auto;opacity:1!important;transform:none!important}.act-panel{max-width:640px;padding:0}.hero-curtain{min-height:100svh;margin:-120px calc(var(--gutter) * -1) 0;clip-path:none;order:-1;position:relative;inset:auto}.act-brand[data-reached~="1"] .hero-curtain{pointer-events:auto}.hero-title{transform:none}.wall-col{animation:none}.flood,.artboard{display:none}.act-brand[data-reached~="3"] .act-panel{color:inherit}.content-sticky{min-height:100svh;overflow:hidden}.content-sticky .act-panel{padding:40px}.feed-col{animation:none;transform:none}.web-stage{--wipe:1}.brand-switch{width:max-content;margin:0 var(--gutter);opacity:1;pointer-events:auto;position:sticky;transform:none}.band{overflow-x:auto}.band-track{animation:none}}