@charset "UTF-8";:root{--bg:#0b151a;--panel:#132329;--line:#ffffff18;--ink:#ecf2ee;--muted:#99aca9;--lime:#cdf59b;--cyan:#69d4d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'Microsoft YaHei','Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{color:inherit}header{height:96px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:30px;font-weight:850;letter-spacing:4px;line-height:1.3;white-space:nowrap}.brand span{display:block;font:9px/1.8 'Segoe UI',sans-serif;letter-spacing:2.8px;color:var(--muted)}nav{display:flex;gap:34px;align-items:center;font-size:13px}.nav-contact{border:1px solid #ffffff38;border-radius:99px;padding:10px 19px}.hero{max-width:1440px;margin:auto;min-height:690px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:65px 5% 80px;gap:50px;background:radial-gradient(ellipse at 80% 50%,#2346404d,transparent 53%)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.4px;color:var(--cyan);display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 13px var(--lime)}h1{font-size:clamp(34px,4.5vw,66px);line-height:1.35;letter-spacing:-2px;margin:28px 0}h1 span{color:var(--lime)}.intro{font-size:16px;line-height:2;color:#adbfba}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 23px;border:1px solid #ffffff33;border-radius:6px;background:transparent;font-size:13px;font-weight:600;min-height:48px}.button.primary{background:var(--lime);border-color:var(--lime);color:#17291c}.button:hover,.service button:hover,.idea button:hover{filter:brightness(1.13);transform:translateY(-2px)}.hero-tags{display:flex;gap:19px;flex-wrap:wrap;margin-top:42px;color:#839a94;font-size:11px}.hero-tags span:before{content:'✦';margin-right:8px;color:var(--cyan)}.hero-stage{position:relative;min-height:490px;display:grid;place-items:center;perspective:1100px;isolation:isolate}.showcase{width:83%;height:445px;border:1px solid #ffffff35;border-radius:13px;overflow:hidden;box-shadow:0 35px 75px #0007;background:#132a2d;transform:rotateY(-9deg) rotateX(5deg);transition:transform .4s;z-index:2;position:relative}.showcase img{width:100%;height:100%;object-fit:cover;object-position:center 36%;opacity:.85}.stage-top,.stage-bottom{position:absolute;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:22px;background:linear-gradient(#071b1ee6,transparent);font-size:8px;letter-spacing:1.2px}.stage-bottom{bottom:0;align-items:center;font-size:18px;letter-spacing:0;padding:40px 24px 24px;background:linear-gradient(transparent,#08181af5)}.stage-bottom small{display:block;color:#b9ccc7;font-size:10px;margin-top:6px}.round{background:var(--lime);color:#17291c;border:0;border-radius:50%;width:48px;height:48px;font-size:22px}.orbit{position:absolute;border:1px solid #88e4d72d;border-radius:50%;width:112%;height:70%;transform:rotate(-35deg);z-index:0}.orbit-b{transform:rotate(35deg);width:95%;height:95%;border-style:dashed}.floating-tag{position:absolute;z-index:3;bottom:70px;right:-12px;transform:rotate(-7deg);background:var(--lime);color:#203525;padding:10px 18px;font-size:9px;letter-spacing:1.5px;box-shadow:0 10px 40px #0006}.stage-index{position:absolute;bottom:0;font-size:9px;color:#71978e;letter-spacing:3px}.ticker{display:flex;justify-content:space-evenly;gap:30px;padding:21px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px;color:#778f88;overflow:hidden}.section{max-width:1440px;padding:95px 5%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}h2{font-size:clamp(28px,3.2vw,44px);line-height:1.45;font-weight:650;letter-spacing:-1px;margin:15px 0 0}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 7px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service{border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#172b30,#101d23);padding:26px 22px;display:flex;flex-direction:column;min-width:0}.service.featured{background:linear-gradient(145deg,#25483d,#162c29);border-color:#cdf59b55}.service-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.tag{font-size:10px;color:#c2dfb3}.service h3{font-size:25px;line-height:1.5;font-weight:600;margin:30px 0 18px}.service p,.service li{font-size:12px;color:var(--muted)}.service p{min-height:46px}.service ul{padding:0;list-style:none;line-height:2.1;margin:9px 0 30px}.service li:before{content:'·';margin-right:6px;color:var(--lime)}.service-foot{border-top:1px solid var(--line);padding-top:20px;margin-top:auto;display:flex;flex-direction:column;align-items:start;gap:10px}.service button,.idea button,.dialog-bottom button{border:0;padding:5px 0;background:none;font-size:13px;color:var(--lime);text-align:left}.service .text-button{color:var(--muted);font-size:11px;padding:5px 0}.section-note{font-size:11px;color:#8da39b;margin-top:22px}.works-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e1a20}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 30px}.filters button{border:1px solid #ffffff24;background:transparent;border-radius:25px;color:var(--muted);padding:9px 18px;font-size:12px;min-height:40px}.filters button.active{background:var(--lime);color:#17291c;border-color:var(--lime)}.portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.work{min-width:0}.work[hidden]{display:none}.work-cover{aspect-ratio:16/10;display:block;position:relative;overflow:hidden;border-radius:8px;background:#1b3031;border:1px solid var(--line);width:100%;padding:0;text-align:left}.work-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-cover:hover img{transform:scale(1.04)}.work[data-kind=gallery] img{object-fit:contain}.work-cover .play{position:absolute;right:14px;bottom:14px;background:#0a1b1ce8;border:1px solid #ffffff5a;border-radius:30px;padding:7px 13px;font-size:10px}.work h3{font-size:18px;font-weight:600;margin:14px 0 5px}.work p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.work .category{display:block;font-size:9px;letter-spacing:1.5px;color:#87aca0;margin-top:17px}.sound-cover{height:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:radial-gradient(ellipse,#385143,#152b2c);font-size:28px;letter-spacing:4px;color:var(--lime)}.sound-cover i{height:40px;width:3px;background:#cdf59b77;border-radius:3px}.sound-cover i:nth-child(even){height:70px}.ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.idea{padding:26px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#102127}.idea>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.idea h3{font-size:20px;font-weight:550}.idea p{color:var(--muted);font-size:12px;min-height:44px}.idea-art{height:185px;display:flex;align-items:center;justify-content:center;position:relative}.cube-scene{perspective:700px}.cube{width:90px;height:90px;position:relative;transform-style:preserve-3d;animation:turn 18s linear infinite;transform:rotateX(-18deg) rotateY(30deg)}.cube i{position:absolute;inset:0;border:1px solid #9fe8ba88;background:#253f3788;display:grid;place-items:center;color:var(--lime);font-size:14px;font-style:normal;letter-spacing:3px;backface-visibility:hidden}.cube i:nth-child(1){transform:translateZ(45px)}.cube i:nth-child(2){transform:rotateY(90deg) translateZ(45px)}.cube i:nth-child(3){transform:rotateY(180deg) translateZ(45px)}.cube i:nth-child(4){transform:rotateY(270deg) translateZ(45px)}@keyframes turn{to{transform:rotateX(-18deg) rotateY(390deg)}}.rings i{position:absolute;width:160px;height:95px;border:1px solid #78d5c67a;border-radius:50%;transform:rotate(0deg)}.rings i:nth-child(2){transform:rotate(60deg)}.rings i:nth-child(3){transform:rotate(-60deg)}.rings b{letter-spacing:3px;font-size:14px;color:var(--lime)}.flow{gap:10px}.flow i{border:1px solid #8bbea44a;border-radius:13px;padding:17px 12px;font-style:normal;color:var(--lime);font-size:12px;background:#22453d66}.flow b{color:#6ca294;font-size:14px}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.steps b{font-size:12px;color:var(--cyan);font-weight:400}.steps h3{font-size:17px}.steps p{font-size:12px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 10% 100%,#274b3b55,transparent 60%)}.contact>div>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:2}.email{font-size:clamp(17px,2vw,23px);color:var(--lime);display:inline-block;margin-top:18px;overflow-wrap:anywhere}.contact .contact-small{font-size:11px}.download{display:block;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:13px}.download span{display:block;color:var(--muted);font-size:10px;margin-top:4px}form{padding:28px;background:#172a2c88;border:1px solid var(--line);border-radius:12px;min-width:0}form label{display:block;font-size:12px;margin:0 0 9px}input,select,textarea{display:block;width:100%;border:1px solid #ffffff26;background:#0c1a1f;color:var(--ink);border-radius:5px;padding:12px;margin-bottom:21px;font-size:13px}textarea{min-height:150px;resize:vertical}form small{display:block;color:var(--muted);font-size:10px;margin-top:18px}#formStatus{font-size:12px;color:var(--lime);overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}dialog{width:min(1000px,94vw);max-height:92dvh;padding:0;border:1px solid #617a6a;border-radius:12px;background:#101e24;color:var(--ink)}dialog::backdrop{background:#020b10dc;backdrop-filter:blur(9px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;position:sticky;top:0;background:#101e24;z-index:2}.dialog-head h2{font-size:18px;margin:0}.dialog-head button{background:none;border:1px solid #ffffff38;border-radius:5px;padding:8px 12px;font-size:12px}#viewBody{padding:15px;background:#070f13;text-align:center}#viewBody video,#viewBody img{display:block;max-width:100%;max-height:62dvh;margin:auto}#viewBody audio{width:min(540px,100%)}#viewBody h3{font-size:16px}#viewBody .pager{display:flex;justify-content:center;gap:16px;margin:16px 0}#viewBody button{background:#1f3d35;border:1px solid #719c79;border-radius:5px;padding:8px 15px}#viewBody button:disabled{opacity:.35}.dialog-bottom{padding:16px 22px}.dialog-bottom p{font-size:12px;color:var(--muted);margin:0 0 12px}.no-scroll{overflow:hidden}@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:24px}.showcase{height:400px}.hero-stage{min-height:450px}.contact{gap:35px}}@media(max-width:760px){header{height:85px;padding:0 6%}.brand{font-size:25px}nav{gap:17px;font-size:11px}nav>a:first-child,nav>a:nth-child(3){display:none}.nav-contact{padding:8px 10px}.hero{grid-template-columns:1fr;padding:40px 6% 45px;gap:22px}.hero h1{font-size:clamp(31px,8vw,52px);letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.4px}.intro{font-size:13px}.hero-tags{margin-top:25px;font-size:10px;gap:14px}.hero-stage{min-height:370px;max-width:420px;width:100%;margin:auto}.showcase{height:335px;width:80%}.floating-tag{right:0;bottom:45px;font-size:8px}.stage-top{padding:15px;font-size:6px}.stage-bottom{font-size:15px;padding:35px 18px 18px}.ticker{justify-content:start;white-space:nowrap;font-size:8px;gap:30px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:20px;font-size:12px}h2{font-size:30px}.portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.work h3{font-size:15px}.ideas{grid-template-columns:1fr}.idea{display:block}.idea-art{height:150px}.idea p{min-height:0}.steps{grid-template-columns:repeat(2,1fr);gap:20px}.contact{grid-template-columns:1fr;gap:30px}form{padding:22px}.button{padding:12px 16px;gap:12px;font-size:12px}footer{flex-wrap:wrap;padding:28px 6%}footer p{width:100%;order:3;margin:0}.service h3{font-size:22px}.service{padding:22px 17px}.service-top{font-size:8px}.service-top .tag{font-size:8px}.filters{gap:7px}.filters button{font-size:11px;padding:8px 12px}}@media(max-width:390px){.service-grid,.portfolio{grid-template-columns:1fr}.hero-stage{min-height:330px}.showcase{height:300px}.hero-tags{gap:10px;font-size:9px}nav{gap:10px}.nav-contact{font-size:10px}.section-heading h2{font-size:28px}.buttons{gap:8px}.service p{min-height:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cube{animation:none}*,*:before,*:after{transition:none!important}.showcase{transform:none!important}}

.hero{overflow:hidden}.floating-tag{bottom:130px;pointer-events:none}@media(max-width:760px){.floating-tag{bottom:110px}}

.atelier-shell{border:1px solid #a8c5b733;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#28473d,#101f24 70%);overflow:hidden}#physics-stage{height:520px;position:relative}#physics-stage canvas{display:block}#physics-stage[data-state=ready] .physics-fallback{display:none}.physics-fallback{position:absolute;bottom:20px;left:25px;color:#acc2b5;font-size:12px}.atelier-caption{display:flex;justify-content:space-between;align-items:center;padding:10px 35px 30px;gap:25px}.atelier-caption span{font-size:9px;letter-spacing:2px;color:#a4b7a7}.atelier-caption h3{font-size:23px;font-weight:500;margin:10px 0}.atelier-caption p{font-size:12px;color:#91aba0}@media(max-width:760px){#physics-stage{height:340px}.atelier-caption{display:block;padding:10px 22px 25px}}@media(max-width:390px){.hero h1{font-size:28px}}

.work-count{font-size:11px;color:var(--muted);margin:-12px 0 25px}.more-works{text-align:center;margin-top:36px}.more-works [hidden]{display:none}

.work-resources{display:flex;justify-content:center;gap:16px;margin:16px 0 2px}.work-resources a{font-size:12px;color:var(--lime);text-decoration:underline;text-underline-offset:4px}

.studios{border-top:1px solid var(--line)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.studio-link{display:block;border:1px solid #afc7b633;border-radius:14px;overflow:hidden;background:#152a2c;transition:transform .25s,border-color .25s}.studio-link:hover{transform:translateY(-4px);border-color:var(--lime)}.studio-art{height:260px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 50%,#5c7452,#193532 75%)}.demo-can{position:absolute;left:19%;top:15%;width:24%;height:73%;border-radius:45% 45% 12% 12% / 9% 9% 4% 4%;background:linear-gradient(90deg,#aab794,#e7e6c9,#9ea888);box-shadow:20px 20px 40px #0006;transform:rotate(-13deg);display:grid;place-content:center;font:26px/1.6 serif;color:#365541;letter-spacing:5px}.demo-line{position:absolute;right:9%;top:38%;font-size:12px;letter-spacing:2px;color:#d4e5b4;line-height:2}.studio-copy{padding:27px}.studio-copy small{font-size:9px;color:#a5bbaa;letter-spacing:2px}.studio-copy h3{font-size:24px;font-weight:550;margin:13px 0}.studio-copy p{color:var(--muted);font-size:12px}.studio-copy b{display:block;color:var(--lime);font-weight:500;font-size:12px;margin-top:22px}.film-demo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.7}.film-strip{position:absolute;bottom:20px;left:6%;right:6%;padding:10px;background:#07191bbb;color:var(--lime);font-size:11px;letter-spacing:3px;text-align:center}@media(max-width:760px){.studio-grid{grid-template-columns:1fr}.studio-art{height:230px}.studio-copy{padding:23px}.studio-copy h3{font-size:21px}}