:root{--page-bg: #dbdad6;--text: #202020;--muted-logo: #5f6062;--red: #c90000;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}html{scroll-behavior:smooth;background:var(--page-bg)}body{margin:0;background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button,input{font:inherit}.site-shell{min-height:100vh;--section-spacing: 0px;background:var(--page-bg)}.hero{--mx: 50%;--my: 50%;--tx: 50%;--ty: 50%;--rx: 0deg;--ry: 0deg;--desktop-art-top: 156px;--tablet-art-top: 210px;--mobile-art-top: 190px;--content-width-vw: 90vw;--content-max-width: 1780px;--banner-width-vw: 90vw;--banner-max-width: 1780px;--mobile-content-width-vw: 96vw;--mobile-content-max-width: 620px;--mobile-banner-width-vw: 96vw;--mobile-banner-max-width: 620px;--content-width: min(var(--content-width-vw), var(--content-max-width));--banner-width: min(var(--banner-width-vw), var(--banner-max-width));--art-top: var(--desktop-art-top);--header-top: 82px;--mobile-header-top: 28px;--logo-max-width: 654px;--nav-gap: 40px;--nav-font-size: 19px;--mobile-nav-gap: 14px;--mobile-nav-font-size: 15px;--pony-scale: 1;--pony-shift-x: 0%;--pony-shift-y: 0%;--hero-perspective: 1150px;--reveal-rx: 248px;--reveal-ry: 184px;--trail-rx: 340px;--trail-ry: 226px;--shine-rx: 150px;--shine-ry: 70px;--red-opacity: .98;--trail-opacity: .56;--shine-opacity: .76;position:relative;min-height:var(--hero-height, 100vh);overflow:hidden;isolation:isolate;background:var(--page-bg);perspective:var(--hero-perspective)}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.site-header{position:fixed;z-index:25;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:clamp(36px,4vw,88px);width:100%;height:var(--header-height);margin:0;padding:0 max(24px,calc((100vw - var(--header-content-width)) / 2));border-bottom:1px solid rgba(32,32,32,.08);background:#dbdad6f0;box-shadow:0 10px 34px #2020200f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;flex:0 1 calc(var(--logo-max-width) + 32px);min-width:clamp(286px,28vw,calc(var(--logo-max-width) + 32px));height:100%;padding:clamp(12px,calc(var(--header-height) * .18),20px) clamp(10px,calc(var(--header-height) * .16),18px)}.brand img{width:min(100%,var(--logo-max-width));max-height:100%;height:auto;object-fit:contain;object-position:left center;opacity:.98}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:var(--nav-gap);white-space:nowrap;font-size:var(--nav-font-size);font-weight:400;line-height:1}.main-nav a{position:relative;padding:10px 0 12px;transition:color .18s ease,transform .18s ease}.main-nav a:hover,.main-nav .active{color:var(--red)}.main-nav a:hover{transform:translateY(-1px)}.main-nav .active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor}.hero-tagline{position:absolute;z-index:4;left:5.1%;right:4.6%;top:88.3%;display:flex;align-items:center;justify-content:space-between;color:var(--red);font-size:1.72cqw;font-weight:400;letter-spacing:0;line-height:1;transform:translateZ(2px);pointer-events:none}.hero-tagline span{display:block;min-width:1em;text-align:center}.hero-tagline .dot{min-width:.22em}.hero-art{position:absolute;z-index:2;left:50%;top:var(--art-top);width:var(--banner-width);aspect-ratio:1920 / 926;container-type:inline-size;transform:translate(-50%) rotateX(var(--rx)) rotateY(var(--ry));transform-origin:center;transform-style:preserve-3d;transition:transform .18s ease-out;will-change:transform}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}.text-layer{z-index:1}.pony-offset,.pony-scale{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform-style:preserve-3d}.pony-offset{z-index:2;transform:translate(var(--pony-shift-x),var(--pony-shift-y))}.pony-scale{transform:scale(var(--pony-scale));transform-origin:50.625% 53.4%;will-change:transform}.pony-canvas{z-index:3;filter:saturate(1.04);transform:translateZ(1px)}.homepage-sections{position:relative;z-index:1;display:grid;justify-items:center;overflow:hidden;background:var(--page-bg)}.company-intro-section{position:relative;z-index:1;display:grid;justify-items:center;width:100%;overflow:hidden;padding-block:clamp(8px,1.8vw,34px) clamp(34px,5vw,88px);background:var(--page-bg);scroll-margin-top:clamp(84px,7vw,128px)}.company-intro-stage{position:relative;width:min(100vw,1920px);min-height:clamp(610px,46vw,880px)}.company-intro-copy{position:absolute;top:25.2%;left:50%;z-index:1;display:block;width:min(98vw,1900px);max-width:none;height:auto;transform:translate(-50%);-webkit-user-select:none;user-select:none}.company-intro-computer{position:absolute;top:0;left:50%;z-index:2;width:min(56vw,1040px);min-width:640px;outline:none;cursor:pointer;transform:translate(-50%);filter:drop-shadow(0 24px 16px rgba(46,42,36,.11));-webkit-tap-highlight-color:transparent}.company-intro-computer-image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.company-screen-video{position:absolute;top:var(--company-screen-top, .2%);left:var(--company-screen-left, 22.9%);width:var(--company-screen-width, 54%);height:auto;opacity:0;transform:translateZ(0);transition:opacity .18s ease;pointer-events:none}.company-intro-computer.active .company-screen-video{opacity:1}.homepage-section{display:grid;justify-items:center;width:100%;padding-block:calc(var(--section-spacing) * .5);background:var(--page-bg);scroll-margin-top:clamp(84px,7vw,128px)}.homepage-section:not(.project-fabric-section){content-visibility:auto;contain-intrinsic-size:960px}.homepage-section-frame{position:relative;width:min(100vw,1920px)}.homepage-section-image{display:block;width:100%;max-width:none;height:auto}.service-spotlights{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none}.service-spotlight{position:absolute;left:var(--spot-left);top:var(--spot-top);width:var(--spot-size);aspect-ratio:1;padding:0;overflow:hidden;border:0;border-radius:50%;background:transparent;opacity:0;pointer-events:auto;transform:translateZ(0) scale(1);transform-origin:50% 50%;transition:opacity .12s ease,transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease;will-change:transform,opacity}.service-spotlight img{position:absolute;left:var(--zoom-image-left);top:var(--zoom-image-top);width:var(--zoom-image-scale);max-width:none;height:auto;pointer-events:none}.service-spotlight:is(:hover,:focus-visible,:active){z-index:4;opacity:1;filter:drop-shadow(0 18px 20px rgba(130,0,0,.18));transform:translateZ(0) scale(1.1)}.service-spotlight:focus-visible{outline:2px solid rgba(201,0,0,.64);outline-offset:5px}.project-fabric-section{padding-block:calc(var(--section-spacing) * .5);overflow:hidden}.project-fabric-stage{position:relative;width:100vw;height:clamp(720px,56.25vw,1080px);min-height:720px;overflow:hidden;background:var(--page-bg)}.project-fabric-section+.homepage-section{padding-top:max(calc(var(--section-spacing) * .5),clamp(26px,3vw,58px))}.fabric-ropes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.fabric-rope{position:absolute;left:0;top:0;height:clamp(3px,.26vw,5px);background:#050505;border-radius:999px;transform-origin:0 50%;will-change:width,transform}.fabric-cloth{--cloth-x: 0px;--cloth-y: 0px;--cloth-rotate: 0deg;position:absolute;z-index:3;left:50%;top:19.9%;width:min(78vw,1120px);aspect-ratio:1280 / 760;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(-50%) translate(var(--cloth-x),var(--cloth-y)) rotate(var(--cloth-rotate));transform-origin:center;will-change:transform}.fabric-cloth:active{cursor:grabbing}.fabric-canvas{display:block;width:100%;height:100%;pointer-events:none}.project-fabric-copy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--red);pointer-events:none}.project-main-title{position:absolute;left:50%;top:10.8%;display:flex;align-items:baseline;justify-content:center;gap:clamp(14px,1.6vw,30px);margin:0;color:#060606;font-size:clamp(34px,3.8vw,70px);font-weight:800;letter-spacing:.03em;line-height:1;transform:translate(-50%);white-space:nowrap}.project-main-title strong{color:var(--red);font-size:clamp(56px,5.4vw,102px);font-weight:500;letter-spacing:0}.project-side-copy{position:absolute;top:40.6%;display:grid;gap:clamp(16px,1.8vw,30px);color:var(--red);font-size:clamp(18px,1.35vw,26px);font-weight:700;letter-spacing:.08em;line-height:1.2;white-space:nowrap}.project-side-copy.left{left:max(6vw,calc((100vw - 1920px)/2 + 118px));justify-items:start}.project-side-copy.right{right:max(6vw,calc((100vw - 1920px)/2 + 136px));justify-items:start}.team-showcase-section{contain-intrinsic-size:960px;overflow:visible;padding-block:clamp(54px,6vw,104px) clamp(62px,6vw,110px)}.team-showcase{width:min(100vw,1920px);background:var(--page-bg);color:#090909}.team-showcase-title{display:flex;align-items:baseline;justify-content:center;gap:clamp(16px,1.8vw,34px);margin:0 0 clamp(22px,2.4vw,44px);color:var(--red);font-size:clamp(40px,4.4vw,86px);font-weight:900;letter-spacing:.01em;line-height:1;white-space:nowrap}.team-row{width:min(78.5vw,1540px);margin-inline:auto;overflow:visible}.team-row+.team-row{margin-top:clamp(16px,2.2vw,42px)}.team-visual{position:relative;height:clamp(310px,24.5vw,470px);overflow:visible}.team-row.row-2 .team-visual{height:clamp(320px,25vw,486px)}.team-red-band{position:absolute;left:0;right:0;bottom:clamp(36px,3.1vw,60px);z-index:1;height:clamp(92px,7.6vw,146px);border-radius:clamp(28px,3.5vw,68px) clamp(28px,3.5vw,68px) 0 0;background:var(--red)}.team-people{position:absolute;inset:0 clamp(16px,1.8vw,42px) clamp(36px,3.1vw,60px);z-index:2;display:flex;align-items:flex-end;justify-content:center;overflow:visible}.team-person{position:relative;z-index:var(--person-z);flex:0 0 auto;height:var(--person-height);margin:0 0 0 var(--person-pull);padding:0;border:0;background:transparent;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0) scale(1);transform-origin:50% 100%;transition:transform .26s cubic-bezier(.2,.82,.25,1),filter .26s ease}.team-person:first-child{margin-left:0}.team-person img{display:block;width:auto;height:100%;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.team-person:is(:not(.swap-only),.swap-scale):is(:hover,:focus-visible,.active){z-index:20;filter:drop-shadow(0 12px 8px rgba(0,0,0,.08));transform:translateZ(0) scale(1.16)}.team-person.swap-only{width:var(--person-width, clamp(118px, 18.8vw, 286px));overflow:visible}.team-person.swap-only .team-person-base,.team-person.swap-only .team-person-alt{position:absolute;left:50%;bottom:0;transform-origin:50% 100%;transition:opacity .18s ease}.team-person.swap-only .team-person-base{opacity:1;transform:translate(-50%) scale(var(--swap-base-scale, 1))}.team-person.swap-only .team-person-alt{opacity:0;transform:translate(-50%) scale(var(--swap-alt-scale, 1))}.team-person.swap-only:is(:hover,:focus-visible,.active) .team-person-base{opacity:0}.team-person.swap-only:is(:hover,:focus-visible,.active) .team-person-alt{opacity:1}.team-row-caption{display:grid;grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);align-items:start;gap:clamp(18px,2.2vw,42px);padding:8px 6px 0;line-height:1.15}.team-row-caption strong{font-size:clamp(21px,1.45vw,28px);font-weight:900}.team-row-caption p{margin:0;padding-top:4px;font-size:clamp(7px,.47vw,9px);font-weight:700;text-align:center}.map-link-section{width:min(100vw,1920px);scroll-margin-top:clamp(84px,7vw,128px);padding:clamp(30px,4.2vw,72px) clamp(32px,6vw,120px);background:var(--page-bg)}.footer-section{contain-intrinsic-size:720px;background:#fff}.footer-section .map-link-section{width:100%;padding-bottom:0;background:var(--page-bg)}.footer-section .homepage-section-frame{display:grid;justify-items:center;width:100%;max-width:none;overflow:hidden;background:#fff}.footer-section .homepage-section-image{width:min(100vw,1920px)}.map-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:clamp(18px,2.4vw,34px)}.map-strip p{margin:0 0 8px;color:var(--red);font-size:13px;font-weight:700;letter-spacing:.24em}.map-strip h2{margin:0;color:#202020;font-size:clamp(22px,2.1vw,38px);font-weight:500;letter-spacing:.02em;line-height:1.2}.map-strip a{flex:0 0 auto;padding:13px 28px 14px;border:1px solid var(--red);border-radius:4px;color:var(--red);font-size:clamp(16px,1.15vw,22px);line-height:1;transition:background .16s ease,color .16s ease,transform .16s ease}.map-strip a:hover{background:var(--red);color:var(--page-bg);transform:translateY(-1px)}.footer-hit-nav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.footer-hit-nav a{position:absolute;left:59.2%;top:calc(13.6% + var(--hit-index) * 11.25%);width:8.6%;height:8.4%;border-radius:4px;color:transparent;pointer-events:auto}.footer-hit-nav a:focus-visible{outline:2px solid var(--red);outline-offset:4px;background:#c9000014}.back-to-top{position:fixed;z-index:29;right:22px;bottom:78px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(201,0,0,.34);border-radius:50%;background:#fffffff0;color:var(--red);font-size:24px;font-weight:700;line-height:1;box-shadow:0 14px 34px #00000021;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.back-to-top:hover{background:var(--red);color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px #c9000038}.editor-launch{position:fixed;z-index:31;right:22px;bottom:22px;height:42px;min-width:72px;border:1px solid rgba(201,0,0,.24);border-radius:8px;background:#c90000;color:#fff;cursor:pointer;box-shadow:0 14px 36px #0000002e}.editor-panel{position:fixed;z-index:30;top:20px;right:20px;display:grid;gap:18px;width:min(384px,calc(100vw - 40px));max-height:calc(100svh - 86px);overflow:auto;padding:18px;border:1px solid rgba(32,32,32,.16);border-radius:8px;background:#f5f4f0f0;box-shadow:0 18px 60px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(calc(100% + 36px));transition:transform .22s ease}.editor-panel.open{transform:translate(0)}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.editor-head p{margin:0 0 5px;color:#8a1b16;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.editor-head h2{margin:0;font-size:22px;line-height:1.2}.editor-head button{width:32px;height:32px;border:1px solid rgba(32,32,32,.16);border-radius:8px;background:#fff;color:#202020;cursor:pointer}.control-group{display:grid;gap:12px;padding-top:16px;border-top:1px solid rgba(32,32,32,.12)}.control-group h3{margin:0;font-size:15px}.control-row{display:grid;gap:7px;color:#343434;font-size:13px}.control-row span{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-row strong{color:#c90000;font-size:12px;font-weight:700}.control-row input{width:100%;accent-color:#c90000}.editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-actions button{height:38px;border:1px solid rgba(32,32,32,.14);border-radius:8px;background:#fff;color:#202020;cursor:pointer}.editor-actions button:last-child{border-color:#c900003d;background:#c90000;color:#fff}.export-preview{max-height:180px;overflow:auto;margin:0;padding:12px;border-radius:8px;background:#202020;color:#f8f3ee;font-size:11px;line-height:1.55}.admin-shell{min-height:100vh;padding:clamp(24px,4vw,56px);background:var(--page-bg);color:var(--text)}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;width:min(100%,1080px);margin:0 auto 24px;padding-bottom:18px;border-bottom:1px solid rgba(32,32,32,.14)}.admin-header p,.admin-card-head p{margin:0 0 6px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.admin-header h1,.admin-card-head h2{margin:0;line-height:1.1}.admin-header h1{font-size:clamp(30px,5vw,54px)}.admin-header a,.admin-card-head button,.admin-actions button{height:42px;padding:0 20px;border:1px solid rgba(201,0,0,.38);border-radius:6px;background:transparent;color:var(--red);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.admin-header a,.admin-card-head button{display:inline-grid;place-items:center}.admin-header a:hover,.admin-card-head button:hover,.admin-actions button:hover{background:var(--red);color:#fff;transform:translateY(-1px)}.admin-card{display:grid;gap:18px;width:min(100%,1080px);margin:0 auto;padding:clamp(20px,3vw,34px);border:1px solid rgba(32,32,32,.14);border-radius:10px;background:#ffffff6b;box-shadow:0 24px 80px #00000014}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-field{display:grid;gap:8px;color:#303030;font-size:14px;font-weight:700}.admin-field input{width:100%;height:46px;padding:0 14px;border:1px solid rgba(32,32,32,.18);border-radius:6px;background:#ffffffc2;color:#202020;outline:none}.admin-field input:focus{border-color:#c90000a6;box-shadow:0 0 0 3px #c900001a}.admin-preview{overflow:auto;max-height:420px;padding:18px;border:1px solid rgba(32,32,32,.12);border-radius:8px;background:#fff}.admin-preview img{width:min(100%,920px);margin:0 auto}.admin-actions{display:flex;flex-wrap:wrap;gap:12px}.admin-actions button:last-child{background:var(--red);color:#fff}.admin-actions button:disabled{border-color:#2020201f;background:#20202014;color:#2020205c;cursor:not-allowed;transform:none}.admin-status{margin:0;color:#565656;font-size:14px;line-height:1.7}.admin-json{overflow:auto;max-height:180px;margin:0;padding:14px;border-radius:8px;background:#202020;color:#fff7f2;font-size:12px;line-height:1.6}@media(max-width:1180px){.hero{--art-top: var(--tablet-art-top)}.site-header{gap:clamp(24px,4vw,56px)}}@media(max-width:760px){.hero{--art-top: var(--mobile-art-top);--content-width: min(var(--mobile-content-width-vw), var(--mobile-content-max-width));--banner-width: min(var(--mobile-banner-width-vw), var(--mobile-banner-max-width));min-height:var(--hero-height, 100svh)}.site-header{display:grid;gap:12px;height:auto;min-height:var(--header-height);padding:clamp(10px,calc(var(--mobile-header-top) * .32),16px) max(14px,calc((100vw - min(var(--mobile-content-width-vw),var(--mobile-content-max-width)))/2)) clamp(8px,calc(var(--mobile-header-top) * .24),12px)}.brand{min-width:0;height:auto;padding:0}.brand img{width:min(100%,420px);max-height:48px}.main-nav{justify-content:space-between;gap:var(--mobile-nav-gap);overflow:visible;padding-bottom:4px;font-size:var(--mobile-nav-font-size);scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.back-to-top{right:16px;bottom:74px;width:40px;height:40px;font-size:22px}.company-intro-section{padding-block:20px 46px}.company-intro-stage{width:100vw;min-height:560px;aspect-ratio:auto}.company-intro-copy{top:28.5%;width:min(100vw,760px)}.company-intro-computer{top:5%;width:min(120vw,620px);min-width:0}.project-fabric-stage{height:720px;min-height:640px}.fabric-cloth{top:21.5%;width:min(94vw,540px)}.project-fabric-copy{text-align:center}.project-main-title{top:7%;flex-wrap:nowrap;gap:clamp(5px,1.4vw,10px);width:max-content;max-width:none;font-size:clamp(18px,5.1vw,30px);line-height:1;white-space:nowrap}.project-main-title strong{width:auto;font-size:clamp(38px,10.5vw,64px)}.project-side-copy{top:min(66%,calc(166px + 55.8125vw));justify-items:center;gap:clamp(7px,2.2vw,14px);font-size:clamp(10px,3.15vw,18px);letter-spacing:.05em;line-height:1.16;text-align:left;white-space:nowrap}.project-side-copy.left{left:5.8vw;width:max-content}.project-side-copy.right{right:5.8vw;width:max-content}.team-showcase-section{padding-block:48px 62px}.team-showcase-title{display:grid;gap:8px;margin-bottom:26px;font-size:clamp(34px,10vw,48px);text-align:center;white-space:normal}.team-row{width:min(96vw,520px)}.team-row+.team-row{margin-top:28px}.team-visual{height:258px}.team-row.row-2 .team-visual{height:280px}.team-red-band{bottom:34px;height:78px;border-radius:24px 24px 0 0}.team-people{top:0;right:12px;bottom:34px;left:12px}.team-person:is(:not(.swap-only),.swap-scale):is(:hover,:focus-visible,.active){transform:translateZ(0) scale(1.12)}.team-row-caption{grid-template-columns:1fr;gap:8px;padding-inline:4px}.team-row-caption strong{font-size:19px}.team-row-caption p{font-size:6px;text-align:left}.map-link-section{padding-inline:22px}.map-strip{align-items:flex-start;flex-direction:column}.map-strip a{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}