:root{--bg: #0a0a0c;--bg-2: #0f0f13;--bg-3: #14141a;--ink: #f2f1ec;--mut: #8e8e97;--dim: #55555e;--line: rgba(255, 255, 255, .09);--line-soft: rgba(255, 255, 255, .05);--acc: #e10600;--acc-dim: rgba(225, 6, 0, .55);--font-d: "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;--font-c: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--ease: cubic-bezier(.16, 1, .3, 1);--gutter: clamp(20px, 5vw, 72px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--ink);font-family:var(--font-c);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:var(--acc);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#26262e;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#34343e}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.acc{color:var(--acc)}.wrap{width:100%;padding-left:clamp(20px,4vw,120px);padding-right:clamp(20px,4vw,120px)}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--d, 0s)}[data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;border-bottom:1px solid transparent}.nav.scrolled{background:#0a0a0cb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--line-soft)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:30px;height:30px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-cn{font-size:15px;font-weight:600;letter-spacing:.22em}.brand-en{font-family:var(--font-d);font-size:9px;letter-spacing:.3em;color:var(--mut)}.nav-links{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px)}.nav-link{position:relative;font-size:13.5px;letter-spacing:.08em;color:var(--mut);transition:color .3s ease;padding:6px 0}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--acc);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.nav-link:hover{color:var(--ink)}.nav-link:hover:after{transform:scaleX(1);transform-origin:left}.lang-dd{position:relative}.lang-btn{display:inline-flex;align-items:center;gap:5px;font-size:13px;letter-spacing:.08em;color:var(--mut);padding:6px 2px;transition:color .3s ease}.lang-btn .caret{font-size:10px;transition:transform .3s ease}.lang-btn:hover,.lang-dd:hover .lang-btn{color:var(--ink)}.lang-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:132px;background:#14141a;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 18px 50px #00000080;animation:langIn .25s var(--ease)}@keyframes langIn{0%{opacity:0;transform:translateY(-6px)}}.lang-menu button{display:block;width:100%;text-align:left;padding:9px 14px;font-size:13.5px;color:var(--mut);border-radius:8px;transition:background .25s ease,color .25s ease}.lang-menu button:hover{background:var(--bg-3);color:var(--ink)}.lang-menu button.on{color:var(--acc)}.nav-burger{display:none;flex-direction:column;gap:5px;padding:8px}.nav-burger span{display:block;width:22px;height:1.5px;background:var(--ink);transition:transform .35s var(--ease),opacity .3s}.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0a0a0cf7;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);opacity:0;pointer-events:none;transition:opacity .4s ease}.nav-drawer.open{opacity:1;pointer-events:auto}.nav-drawer a{font-family:var(--font-d);font-size:clamp(28px,7vw,40px);font-weight:600;padding:12px 0;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:baseline}.drawer-arr{font-size:.5em;color:var(--acc)}.drawer-langs{display:flex;gap:10px;margin-top:28px}.drawer-langs button{font-size:13px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:8px 16px}.drawer-langs button.on{color:var(--acc);border-color:var(--acc-dim)}.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;text-align:left;overflow:hidden;padding-top:72px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 55% 42% at 28% 72%,rgba(225,6,0,.13),transparent 65%),radial-gradient(ellipse 40% 35% at 85% 20%,rgba(60,60,120,.1),transparent 60%),linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:100% 100%,100% 100%,120px 120px,120px 120px;mask-image:linear-gradient(to bottom,black 55%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent 98%);animation:heroBreathe 9s ease-in-out infinite alternate}@keyframes heroBreathe{0%{opacity:.55}to{opacity:1}}.hero-body{position:relative;padding:40px 0 48px;width:100%}.hero .wrap{padding-left:clamp(24px,9vw,320px);padding-right:clamp(20px,4vw,120px)}.hero-title{font-family:var(--font-d);font-weight:600;font-size:clamp(52px,10vw,200px);line-height:1.04;letter-spacing:.01em}.hero-title .line{display:block;overflow:hidden}.hero-title .line>span{display:inline-block;transform:translateY(110%);animation:rise 1.1s var(--ease) forwards}.hero-title .line:nth-child(2)>span{animation-delay:.12s}.hero-title .outline{color:transparent;-webkit-text-stroke:1.5px rgba(242,241,236,.75)}@keyframes rise{to{transform:translateY(0)}}.hero-desc{max-width:none;margin:clamp(28px,3vw,44px) 0 0;color:var(--ink);font-family:var(--font-d);font-size:clamp(18px,1.5vw,30px);font-weight:400;letter-spacing:.02em;opacity:0;animation:fadeIn 1s var(--ease) .5s forwards}@keyframes fadeIn{to{opacity:1}}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-start;margin-top:36px;opacity:0;animation:fadeIn 1s var(--ease) .65s forwards}.btn{display:inline-flex;align-items:center;gap:10px;font-size:clamp(14px,.85vw,17px);letter-spacing:.06em;padding:clamp(14px,.9vw,18px) clamp(30px,1.8vw,40px);border-radius:999px;border:1px solid var(--line);transition:all .35s var(--ease)}.btn-solid{background:var(--ink);color:#0a0a0c;border-color:var(--ink);font-weight:500}.btn-solid:hover{background:var(--acc);border-color:var(--acc);color:#fff}.btn-ghost:hover{border-color:var(--ink)}.section{position:relative;padding:clamp(68px,7.5vw,124px) 0}.section.alt{background:var(--bg-2)}.sec-head{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;margin-bottom:clamp(34px,3.4vw,56px)}.sec-bar{display:block;width:30px;height:3px;background:var(--acc)}.sec-title{font-size:clamp(26px,2.8vw,56px);font-weight:600;letter-spacing:.12em;line-height:1.1}.sec-en{font-family:var(--font-d);font-size:clamp(10px,.72vw,12px);letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-top:-2px}.about-lede{max-width:1280px;font-size:clamp(21px,2.1vw,40px);font-weight:450;line-height:1.55;letter-spacing:.01em;color:var(--ink)}.about-lede .hl{font-style:normal;font-weight:600;color:var(--acc);white-space:nowrap}.about-sub{max-width:880px;margin-top:clamp(20px,2vw,32px);font-size:clamp(13.5px,.95vw,17px);line-height:1.95;color:var(--mut)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(20px,3vw,48px);margin-top:clamp(44px,5vw,78px)}.stat{padding:clamp(20px,2.2vw,34px) 0 0;border-top:1px solid var(--line)}.stat .num{font-family:var(--font-d);font-size:clamp(40px,4.4vw,92px);font-weight:600;line-height:1}.stat .num sup{font-size:.45em;color:var(--acc);font-weight:500}.stat .lbl{margin-top:12px;font-size:13.5px;color:var(--mut);letter-spacing:.06em}.svc-intro{max-width:1000px;margin:-12px 0 clamp(30px,3.2vw,50px);font-size:clamp(16px,1.3vw,24px);line-height:1.7;color:var(--mut)}.svc-intro .hl{font-style:normal;font-weight:600;color:var(--acc);white-space:nowrap}.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(16px,1.6vw,28px)}.svc-card{position:relative;overflow:hidden;padding:clamp(26px,2.4vw,44px) clamp(22px,2.2vw,40px) clamp(22px,2vw,36px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--bg-3),var(--bg-2) 70%);transition:border-color .4s ease,transform .5s var(--ease),background .4s ease}.svc-card:hover{border-color:#e106006b;transform:translateY(-5px);background:linear-gradient(180deg,#17171e,var(--bg-2) 70%)}.svc-mark{position:absolute;right:-.06em;bottom:-.28em;font-family:var(--font-d);font-size:clamp(84px,8vw,150px);font-weight:700;line-height:1;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07);pointer-events:none;-webkit-user-select:none;user-select:none;transition:-webkit-text-stroke-color .5s ease}.svc-card:hover .svc-mark{-webkit-text-stroke-color:rgba(225,6,0,.28)}.svc-head{display:flex;align-items:baseline;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--line)}.svc-pre,.svc-main{font-family:var(--font-d);font-size:clamp(24px,2.1vw,34px);font-weight:600;letter-spacing:.03em;line-height:1.1}.svc-pre{color:var(--acc)}.svc-main{color:var(--ink)}.svc-no{margin-left:auto;font-family:var(--font-d);font-size:12px;letter-spacing:.14em;color:var(--mut);padding:3px 10px;border:1px solid var(--line-soft);border-radius:999px;transition:color .35s ease,border-color .35s ease}.svc-card:hover .svc-no{color:var(--acc);border-color:#e1060059}.svc-list{margin-top:8px}.svc-list li{display:flex;align-items:center;gap:14px;padding:clamp(11px,.9vw,15px) 0;border-bottom:1px solid var(--line-soft)}.svc-list li:last-child{border-bottom:0}.svc-idx{font-family:var(--font-d);font-size:11px;letter-spacing:.12em;color:var(--dim);transition:color .3s ease}.svc-item-name{font-size:clamp(15px,1vw,18px);color:var(--mut);letter-spacing:.02em;transition:color .3s ease,transform .4s var(--ease)}.svc-item-arr{margin-left:auto;font-size:12px;color:var(--acc);opacity:0;transform:translate(-6px);transition:opacity .3s ease,transform .4s var(--ease)}.svc-list li:hover .svc-idx{color:var(--acc)}.svc-list li:hover .svc-item-name{color:var(--ink);transform:translate(4px)}.svc-list li:hover .svc-item-arr{opacity:1;transform:none}.proj-note{color:var(--dim);font-size:13px;letter-spacing:.05em;margin:-14px 0 26px}.reel-viewport{overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);padding:4px 0;padding-left:clamp(20px,4vw,120px)}.reel-viewport.dragging{cursor:grabbing}.reel-viewport.dragging *{pointer-events:none}.reel-track{display:flex;width:max-content;will-change:transform}.reel-plate{position:relative;flex-shrink:0;border-radius:10px;overflow:hidden;border:1px solid var(--line-soft);filter:grayscale(var(--reel-grayscale)) brightness(.95);transition:filter .4s ease,transform .4s var(--ease)}.reel-plate:hover{filter:grayscale(0) brightness(1.08);transform:translateY(-3px)}.reel-plate-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 85% 60% at 50% 30%,#2c2c34,transparent 72%),radial-gradient(ellipse 70% 55% at 50% 90%,#1b1b21,transparent 75%),linear-gradient(170deg,#17171c,#0c0c10)}.reel-plate-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.14'/%3E%3C/svg%3E");mix-blend-mode:overlay}.reel-plate-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reel-plate-info{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(to top,rgba(6,6,9,.82),transparent);opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .45s var(--ease)}.reel-plate:hover .reel-plate-info{opacity:1;transform:none}.reel-plate-title{font-size:17px;font-weight:600;letter-spacing:.02em;color:#f2f1ecf2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-plate-sub{font-size:12.5px;letter-spacing:.06em;color:#f2f1ec99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-filters{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-bottom:clamp(26px,2.6vw,40px)}.chip{font-size:13px;letter-spacing:.06em;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:9px 22px;transition:all .3s ease}.chip:hover{color:var(--ink);border-color:var(--ink)}.chip.on{background:var(--ink);color:#0a0a0c;border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:clamp(14px,1.4vw,26px)}.work-item{position:relative;border:1px solid var(--line-soft);overflow:hidden;cursor:pointer;animation:workIn .7s var(--ease) both}@keyframes workIn{0%{opacity:0;transform:translateY(24px)}}.work-art{position:relative;aspect-ratio:19 / 10;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 90% 70% at 30% 20%,hsl(var(--h) 60% 22% / .9),transparent 70%),radial-gradient(ellipse 70% 80% at 80% 90%,hsl(var(--h) 55% 12% / .95),transparent 75%),linear-gradient(160deg,#15151b,#0c0c10);transition:transform .8s var(--ease)}.work-art.has-img{background:#101014;display:block}.work-item:hover .work-art{transform:scale(1.03)}.work-art img{width:100%;height:100%;object-fit:contain;display:block}.work-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.88);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0a0a0c8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);opacity:0;transition:opacity .35s ease,transform .4s var(--ease),border-color .35s ease;pointer-events:none}.work-item:hover .work-zoom{opacity:1;transform:translate(-50%,-50%) scale(1);border-color:#e1060099}.work-more{display:flex;justify-content:center;margin-top:clamp(36px,4vw,56px)}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#060608f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:lbFade .3s ease;cursor:zoom-out}@keyframes lbFade{0%{opacity:0}}.lb-img{max-width:min(88vw,1600px);max-height:84vh;object-fit:contain;box-shadow:0 30px 90px #0009;animation:lbZoom .35s var(--ease);cursor:default}@keyframes lbZoom{0%{opacity:0;transform:scale(.96)}}.lb-close{position:absolute;top:22px;right:26px;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:16px;transition:all .3s ease;z-index:2}.lb-close:hover{border-color:var(--acc);color:var(--acc);transform:rotate(90deg)}.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:18px;transition:all .3s ease;z-index:2;background:#0a0a0c80}.lb-prev{left:clamp(12px,3vw,40px)}.lb-next{right:clamp(12px,3vw,40px)}.lb-arrow:hover{border-color:var(--acc);color:var(--acc)}.lb-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:.15em;color:var(--mut)}@media (max-width: 768px){.lb-arrow{width:42px;height:42px;font-size:15px}.lb-img{max-width:94vw}}.ptn-intro{max-width:560px;margin:-14px 0 clamp(30px,3.4vw,54px);color:var(--mut);font-size:15px}.ptn-wall{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(40px,5vw,72px) clamp(48px,6vw,96px);max-width:1100px;margin:0 auto}.ptn-wall img{height:calc(clamp(26px,3vw,38px) * var(--lh, 1));width:auto;max-width:220px;object-fit:contain}.contact{border-top:1px solid var(--line)}.contact-title{text-align:left;font-family:var(--font-d);font-weight:600;font-size:clamp(38px,6vw,150px);line-height:1.08;letter-spacing:.02em;margin-bottom:clamp(28px,3.2vw,48px)}.contact-title .out{color:transparent;-webkit-text-stroke:1px rgba(242,241,236,.6)}.contact-title .sub{display:block;font-family:var(--font-c);font-size:clamp(14px,1.8vw,18px);font-weight:400;letter-spacing:.2em;color:var(--mut);margin-top:22px}.mail-row{text-align:left;margin-bottom:clamp(48px,6vw,80px)}.mail-link{display:inline-flex;align-items:baseline;gap:14px;font-family:var(--font-d);font-size:clamp(20px,3.4vw,40px);font-weight:500;position:relative;padding-bottom:8px}.mail-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--acc);transform-origin:left;transition:transform .5s var(--ease)}.mail-link:hover:after{transform:scaleX(.35)}.mail-link .arr{font-size:.7em;color:var(--acc);transition:transform .4s var(--ease)}.mail-link:hover .arr{transform:translate(4px,-4px)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.contact-col{padding:28px clamp(16px,2vw,32px) 8px;border-right:1px solid var(--line-soft)}.contact-col:last-child{border-right:0}.col-k{font-size:12px;letter-spacing:.15em;color:var(--dim)}.contact-col h4{font-size:15px;font-weight:500;margin:12px 0 6px}.contact-col p{color:var(--mut);font-size:14px}.social-list{display:flex;flex-direction:column;margin-top:12px}.social-list a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:14px;color:var(--mut);transition:color .3s,padding-left .35s var(--ease)}.social-list a:hover{color:var(--ink);padding-left:8px}.social-list .arr{font-size:11px;color:var(--dim)}.footer{border-top:1px solid var(--line);padding:clamp(44px,5vw,72px) 0 30px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px clamp(22px,3.4vw,52px);margin-bottom:clamp(40px,5vw,64px)}.footer-links a{font-size:13.5px;letter-spacing:.05em;color:var(--mut);transition:color .3s ease}.footer-links a:hover{color:var(--ink)}.footer-links a .ext{font-size:10px;color:var(--dim);margin-left:2px}.footer-links a:hover .ext{color:var(--acc)}.footer-mark{font-family:var(--font-d);font-weight:700;font-size:clamp(44px,8vw,150px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);white-space:nowrap;overflow:hidden;margin-bottom:clamp(36px,4.5vw,60px)}.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:26px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--dim)}.to-top{letter-spacing:.1em;color:var(--mut);transition:color .3s}.to-top:hover{color:var(--acc)}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr}.contact-col{border-right:0;border-bottom:1px solid var(--line-soft)}}@media (max-width: 768px){.nav-links{display:none}.nav-burger{display:flex}}