:root{--ink:#10110f;--paper:#f3f0e8;--white:#fffdf8;--blue:#2049ff;--lime:#d7ff37;--coral:#ff654f;--line:rgba(16,17,15,0.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;-webkit-font-smoothing:antialiased}a,button{color:inherit;font:inherit}a{text-decoration:none}button{border:0}svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-shell{height:88px;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line);position:absolute;z-index:20;width:100%}.brand,.nav-shell{display:flex;align-items:center}.brand{gap:12px;font-weight:700;letter-spacing:.06em;line-height:1.08}.brand small{display:block;margin-top:4px;font-size:8px;font-weight:500;letter-spacing:.16em}.brand-mark{width:40px;height:40px;display:grid;place-items:center;color:var(--paper);background:var(--ink);font-family:SimSun,serif;font-size:22px}.nav-shell nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav-shell nav>a:not(.nav-contact){position:relative}.nav-shell nav>a:not(.nav-contact):after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-6px;background:var(--ink);transition:right .25s}.nav-shell nav>a:hover:after{right:0}.nav-contact{display:flex;align-items:center;gap:25px;padding:13px 18px;color:var(--paper);background:var(--ink)}.menu-button{display:none;padding:10px 0 10px 16px;background:none}.menu-icon{display:block;width:25px;height:16px;position:relative}.menu-icon i{position:absolute;width:100%;height:2px;left:0;background:var(--ink);transition:.25s}.menu-icon i:first-child{top:2px}.menu-icon i:last-child{bottom:2px}.menu-icon.is-open i:first-child{transform:rotate(45deg);top:7px}.menu-icon.is-open i:last-child{transform:rotate(-45deg);bottom:7px}.hero{min-height:790px;height:100vh;max-height:960px;padding:145px 4.5vw 42px;position:relative;display:grid;grid-template-columns:43% 57%;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;left:48.5%;top:88px;bottom:0;width:1px;background:var(--line)}.hero-copy{position:relative;z-index:2;align-self:center}.contact-kicker,.eyebrow,.section-index{font-size:11px;font-weight:650;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:37px}.eyebrow span{width:27px;height:7px;background:var(--blue)}.hero h1{margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(68px,7.4vw,124px);line-height:.99;letter-spacing:-.075em;font-weight:600;white-space:nowrap}.contact-section h2 em,.hero h1 em,.process-intro h2 em{color:var(--blue);font-style:normal}.hero-copy>p{margin:36px 0 0;font-size:17px;line-height:1.9;letter-spacing:.03em}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:39px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:190px;padding:16px 19px;font-size:14px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-dark{color:var(--white);background:var(--ink)}.text-link{display:inline-flex;gap:10px;align-items:center;padding-bottom:5px;border-bottom:1px solid var(--ink);font-size:14px}.hero-art{position:relative;height:min(67vw,670px);max-height:67vh;align-self:center;margin-left:-4%}.hero-art:before{content:"";position:absolute;width:63%;aspect-ratio:1;top:-8%;right:-3%;border:1px solid rgba(16,17,15,.12);border-radius:50%}.hero-art img{width:108%;height:100%;position:relative;z-index:1;object-fit:contain;object-position:right center;mix-blend-mode:multiply}.art-label{position:absolute;z-index:2;right:-1vw;top:13%;font-size:10px;line-height:1.6;letter-spacing:.18em;transform:rotate(90deg)}.art-sticker{position:absolute;z-index:3;left:20%;bottom:6%;width:94px;height:94px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%;text-align:center;font-size:12px;line-height:1.5;font-weight:700;transform:rotate(-10deg)}.hero-foot{position:absolute;left:4.5vw;right:4.5vw;bottom:25px;display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.16em}.hero-line{flex:1 1;height:1px;background:var(--line)}.process-section,.work-section{padding:120px 4.5vw}.work-section{background:var(--white)}.section-head{display:grid;grid-template-columns:1fr 1fr;grid-gap:5vw;gap:5vw;align-items:flex-end;margin-bottom:58px}.section-index{display:block;margin-bottom:15px;color:var(--blue)}.process-intro h2,.section-head h2{margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(48px,5vw,76px);letter-spacing:-.06em;font-weight:600}.section-head>p{max-width:380px;margin:0 0 8px auto;color:#63645d;font-size:15px;line-height:1.8}.filters{display:flex;border-top:1px solid var(--line);margin-bottom:45px}.filters button{position:relative;padding:18px 30px 17px 0;margin-right:23px;color:#787970;background:none;cursor:pointer;font-size:14px}.filters button:before{content:"";position:absolute;top:-2px;left:0;width:0;height:3px;background:var(--blue);transition:width .3s}.filters button.active{color:var(--ink);font-weight:650}.filters button.active:before{width:calc(100% - 30px)}.filters sup{margin-left:4px;color:var(--blue);font-size:9px}.work-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px 28px;gap:64px 28px}.work-card{min-width:0}.work-visual{aspect-ratio:1.36;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.work-card:hover .work-visual{transform:scale(.985)}.work-blue{background:#173fe5;color:white}.work-lime{background:var(--lime)}.work-coral{background:#ff6e52}.work-ink{background:#181a18;color:white}.work-violet{background:#b5a6ff}.work-sand{background:#e9d8b8}.visual-no,.work-meta{position:absolute;z-index:5;font-size:9px;letter-spacing:.14em}.visual-no{left:19px;top:17px}.work-meta{right:19px;bottom:17px}.browser-mock{position:absolute;width:74%;height:73%;left:13%;top:14%;padding:11% 9%;background:#f7f2e8;color:#141411;box-shadow:14px 18px 0 rgba(4,12,57,.28);transform:rotate(-3deg)}.browser-top{position:absolute;display:flex;gap:4px;top:10px;left:12px}.browser-top i{width:4px;height:4px;border-radius:50%;background:#173fe5}.browser-mock b{position:relative;z-index:2;font-size:clamp(28px,3.5vw,56px);line-height:.8;letter-spacing:-.1em}.browser-mock>span{position:absolute;z-index:2;right:8%;bottom:14%;font-size:9px;line-height:1.4}.orb{width:37%;aspect-ratio:1;right:17%;top:18%;border-radius:50%;background:radial-gradient(circle at 35% 28%,#d9ff4b,#214aff 50%,#111 100%);filter:blur(2px)}.deck-mock,.orb{position:absolute}.deck-mock{inset:13% 11%}.deck-mock>div{position:absolute;width:61%;height:70%;padding:7%;background:#f8f4e8;box-shadow:10px 12px 0 rgba(0,0,0,.13)}.deck-mock>div:first-child{left:0;top:0;transform:rotate(-7deg)}.deck-mock>div:last-child{right:0;bottom:0;color:white;background:#121310;transform:rotate(5deg)}.deck-mock small{font-size:8px}.deck-mock b{display:block;margin-top:19%;font-family:SimSun,serif;font-size:clamp(32px,4vw,60px);line-height:.9}.deck-mock i{font-size:10px}.deck-mock strong{display:block;margin-top:27%;color:var(--lime);font-size:clamp(26px,3.2vw,50px);line-height:.82}.editorial-mock{position:absolute;left:24%;top:10%;width:53%;height:80%;padding:8%;background:#f5ede0;border:1px solid rgba(0,0,0,.55);transform:rotate(5deg);box-shadow:-16px 14px 0 #173fe5}.editorial-mock span{font-size:clamp(23px,3.6vw,52px);font-weight:800;letter-spacing:-.08em;line-height:.82}.editorial-mock i{position:absolute;width:45%;aspect-ratio:1;left:15%;bottom:12%;border-radius:50%;background:#ff654f;border:8px solid #10110f}.editorial-mock b{position:absolute;right:9%;top:10%;font-family:SimSun,serif;font-size:14px;line-height:1.2}.trace-mock{position:absolute;inset:15%;border:1px solid #a6ff5a}.trace-mock:after,.trace-mock:before{content:"";position:absolute;border:1px solid rgba(255,255,255,.25);border-radius:50%}.trace-mock:before{inset:-9%}.trace-mock:after{inset:20%}.trace-mock>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:SimSun,serif;color:var(--lime);font-size:clamp(50px,7vw,105px);white-space:nowrap}.trace-mock i{position:absolute;width:8px;height:8px;background:#a6ff5a;border-radius:50%}.trace-mock i:first-of-type{left:-4px;top:20%}.trace-mock i:nth-of-type(2){right:-4px;top:48%}.trace-mock i:nth-of-type(3){left:63%;bottom:-4px}.trace-mock small{position:absolute;bottom:7px;left:9px;font-size:7px;letter-spacing:.2em}.pitch-mock{position:absolute;inset:13% 12%;background:#f5f0e5;border:1px solid #111;padding:7%}.pitch-mock>span{font-size:10px;letter-spacing:.2em}.pitch-mock>b{display:block;margin-top:8%;color:#4735dc;font-size:clamp(52px,8vw,115px);line-height:1;letter-spacing:-.09em}.pitch-mock>div{position:absolute;left:8%;right:8%;bottom:11%;height:24%;display:flex;align-items:flex-end;gap:4%;border-bottom:1px solid #111}.pitch-mock i{width:20%;background:#b5a6ff}.pitch-mock i:first-child{height:30%}.pitch-mock i:nth-child(2){height:55%}.pitch-mock i:nth-child(3){height:76%}.pitch-mock i:nth-child(4){height:100%;background:#4735dc}.goods-mock{position:absolute;width:68%;height:76%;left:16%;top:12%;background:#fff9ee;border:1px solid #111;box-shadow:15px 15px 0 #ff654f;padding:7%}.goods-mock>span{font-size:10px;letter-spacing:.2em;line-height:1.2}.goods-mock>b{position:absolute;right:7%;bottom:6%;font-family:SimSun,serif;font-size:clamp(22px,3.5vw,50px)}.product-shape{position:absolute;width:31%;height:50%;left:34%;top:24%;background:linear-gradient(110deg,#121310,#444);border-radius:50% 50% 20% 20%;transform:rotate(13deg)}.product-shape:after{content:"";position:absolute;width:50%;height:22%;left:25%;top:-14%;background:var(--lime)}.work-info{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--line)}.work-info span{color:var(--blue);font-size:10px;font-weight:650;letter-spacing:.08em}.work-info h3{margin:7px 0 6px;font-family:Songti SC,STSong,SimSun,serif;font-size:24px}.work-info p{margin:0;color:#77786f;font-size:12px}.work-info button{align-self:center;width:45px;height:45px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;transition:.25s}.work-card:hover .work-info button{color:white;background:var(--blue);border-color:var(--blue);transform:rotate(-25deg)}.services-section{padding:120px 4.5vw;color:var(--white);background:var(--ink)}.section-head.light{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:48px;margin-bottom:0}.section-head.light .section-index{color:var(--lime)}.section-head.light>p{color:#a8a9a2}.service-row{display:grid;grid-template-columns:6% 22% 35% 1fr;grid-gap:3%;gap:3%;padding:44px 0;border-bottom:1px solid rgba(255,255,255,.18);align-items:start}.service-no{color:var(--lime);font-size:11px}.service-title h3{margin:0 0 7px;font-family:Songti SC,STSong,SimSun,serif;font-size:30px;font-weight:500}.service-title span{color:#8e8f88;font-size:9px;letter-spacing:.15em}.service-row>p{margin:0;color:#b6b7b0;font-size:14px;line-height:1.9}.service-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tags span{padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:30px;color:#c9cac4;font-size:10px}.process-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:8vw;gap:8vw}.process-intro .section-index{margin-bottom:28px}.process-intro h2{font-size:clamp(43px,4.4vw,70px);line-height:1.25}.process-intro>p{max-width:510px;margin:34px 0 0;color:#65665f;line-height:2;font-size:14px}.process-steps{padding-top:42px}.process-step{position:relative;display:grid;grid-template-columns:55px 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.process-step>span{padding-top:6px;color:var(--blue);font-size:10px}.process-step h3{margin:0 0 6px;font-size:20px}.process-step p{margin:0;color:#82837c;font-size:11px}.process-step i{position:absolute;width:7px;height:7px;right:3px;top:50%;border-top:1px solid var(--ink);border-right:1px solid var(--ink);transform:rotate(45deg)}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);color:var(--white);background:var(--blue)}.proof-strip>div{min-height:215px;display:flex;flex-direction:column;justify-content:center;padding:35px 4.5vw;border-right:1px solid rgba(255,255,255,.3)}.proof-strip strong{font-family:Georgia,serif;font-size:clamp(46px,5vw,80px);font-weight:400;letter-spacing:-.06em}.proof-strip sup{font-size:.45em}.proof-strip span{margin-top:12px;font-size:12px}.contact-section{min-height:680px;padding:130px 4.5vw;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.contact-kicker{margin-bottom:27px;color:var(--blue)}.contact-section h2{margin:0;position:relative;z-index:2;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(58px,7.8vw,112px);line-height:1.08;letter-spacing:-.07em}.contact-actions{position:relative;z-index:3;display:flex;align-items:center;gap:25px;margin-top:45px}.button-lime{background:var(--lime);border:1px solid var(--ink)}.copy-mail{padding:12px 0;background:none;border-bottom:1px solid var(--ink);cursor:pointer;font-size:13px}.contact-orbit{width:86px;height:86px;position:absolute;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;background:var(--paper);font-size:9px;letter-spacing:.15em}.orbit-one{left:11%;top:21%;animation:float 5s ease-in-out infinite}.orbit-two{right:12%;bottom:20%;color:var(--white);background:var(--blue);border-color:var(--blue);animation:float 6s ease-in-out infinite reverse}.orbit-three{left:21%;bottom:11%;background:var(--coral);animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-17px) rotate(6deg)}}footer{padding:66px 4.5vw 25px;color:var(--white);background:var(--ink);display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;gap:40px;align-items:start}.footer-brand .brand-mark{color:var(--ink);background:var(--lime)}footer>p{margin:8px 0 0;color:#9b9c96;font-size:12px}.footer-links{display:flex;justify-content:flex-end;gap:25px;font-size:12px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:43px;padding-top:20px;color:#71726c;border-top:1px solid rgba(255,255,255,.15);font-size:9px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}@media (max-width:860px){.nav-shell{height:72px;padding:0 20px;position:absolute}.nav-shell nav{position:fixed;inset:72px 0 auto;padding:35px 20px 45px;display:none;flex-direction:column;align-items:stretch;gap:25px;background:var(--paper);border-bottom:1px solid var(--line)}.nav-shell nav.open{display:flex}.nav-shell nav a{font-size:18px}.nav-contact{justify-content:space-between}.menu-button{display:block}.hero{height:auto;min-height:0;max-height:none;padding:120px 20px 34px;display:flex;flex-direction:column;align-items:stretch}.hero:before{display:none}.eyebrow{margin-bottom:23px}.hero h1{font-size:clamp(53px,15vw,78px);white-space:normal}.hero-copy>p{margin-top:25px;font-size:15px;line-height:1.75}.hero-actions{margin-top:28px;gap:22px;flex-wrap:wrap}.hero-art{height:420px;max-height:none;margin:15px -65px 0 -80px}.art-label{right:45px}.art-sticker{left:30%;bottom:8%;width:72px;height:72px;font-size:10px}.hero-foot{position:static;margin-top:5px}.desktop-break{display:none}.process-section,.services-section,.work-section{padding:82px 20px}.section-head{display:block;margin-bottom:40px}.section-head>p{margin:22px 0 0}.filters{overflow-x:auto;margin-right:-20px}.filters button{flex:0 0 auto}.work-grid{grid-template-columns:1fr;gap:48px}.section-head.light{padding-bottom:35px}.service-row{grid-template-columns:40px 1fr;gap:12px 5px;padding:34px 0}.service-row>p,.service-tags{grid-column:2}.process-section{grid-template-columns:1fr;gap:35px}.process-steps{padding-top:0}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip>div{min-height:150px;border-bottom:1px solid rgba(255,255,255,.3)}.contact-section{min-height:600px;padding:100px 20px}.contact-actions{flex-direction:column}.contact-orbit{width:58px;height:58px}.orbit-one{left:5%;top:16%}.orbit-two{right:5%;bottom:14%}.orbit-three{left:9%;bottom:8%}footer{grid-template-columns:1fr;padding:55px 20px 25px;gap:24px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:10px;margin-top:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}