@font-face{font-family:LocalHeavy;src:local('Arial Black');font-weight:900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#eceee7;color:#181916;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #fb5c20;outline-offset:5px}::selection{background:#fb5c20;color:#fff}#progress{position:fixed;top:0;left:0;height:3px;background:#ff5b19;z-index:100;width:0}header{height:88px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;background:#181916;color:#fff;border-bottom:1px solid #ffffff25;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:1px}.brand img{width:47px;height:47px;border-radius:50%}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}nav{display:flex;gap:38px;font-size:14px}nav a{position:relative;padding:12px 0}nav a:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:#ff5b19;transform:scaleX(0);transform-origin:left;transition:.3s}nav a:hover:after{transform:scaleX(1)}nav sup{color:#ff6a30;font-size:10px}#motion{font-size:11px;border:1px solid #ffffff45;border-radius:30px;background:none;color:#ddd;padding:9px 12px}.hero{height:min(860px,calc(100svh - 88px));min-height:650px;background:#132bc7;position:relative;overflow:hidden;color:white}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;transform:scale(1.04);transition:transform 1.5s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07091e70,transparent 70%),linear-gradient(0deg,#050a22a8,transparent 50%)}.hero-kicker{position:relative;display:flex;justify-content:space-between;padding:28px 3.5%;font-size:12px;letter-spacing:2px}.hero h1{position:relative;font-weight:850;font-size:clamp(72px,10.7vw,164px);letter-spacing:-.07em;line-height:1.12;margin:55px 0 0 6%;width:88%;text-shadow:0 3px 30px #0002}.hero h1>span{display:block}.hero h1 .second{padding-left:13%;color:#eaff80}.hero h1 i{font-family:Arial;font-style:normal;font-weight:400;margin-left:35px;display:inline-block;transform:rotate(-8deg)}.hero-foot{position:absolute;bottom:38px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;align-items:end}.hero-foot p{font-size:16px;line-height:1.8;margin:0}.hero-caption{font-size:11px;line-height:1.7;color:#fffd;letter-spacing:1px}.explore{font-size:14px;display:flex;align-items:center;gap:20px}.explore span{display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;height:58px;width:58px;font-size:25px;transition:.3s}.explore:hover span{background:#ff5b19;border-color:#ff5b19;transform:translateY(5px)}.marquee{background:#ff5b19;color:#171916;overflow:hidden;padding:18px 0;font-family:LocalHeavy,Arial,sans-serif;font-size:30px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.marquee>div{width:max-content;animation:marquee 30s linear infinite}.marquee b{padding:0 35px;font-size:36px}@keyframes marquee{to{transform:translateX(-50%)}}.work{padding:100px 5% 65px}.label{font-size:12px;letter-spacing:1.5px}.work-top{display:grid;grid-template-columns:1fr 1.7fr 1fr;align-items:start}.work-top h2{font-size:clamp(40px,5vw,76px);line-height:1.15;letter-spacing:-3px;margin:0;font-weight:650}.work-top h2 span{color:#f45519}.work-top p{font-size:15px;line-height:1.8;margin-top:8px;padding-left:25px}.work-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bcbfb4;margin:65px 0 40px;padding-top:22px}.filters{display:flex;gap:28px}.filters button{padding:8px 0;background:none;border:0;color:#656a60;font-size:14px;position:relative}.filters button.active{color:#181916}.filters button.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#f45519}#count{font-size:11px;letter-spacing:1px}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:70px 32px;align-items:start}.card{grid-column:span 7;background:none;border:0;padding:0;color:inherit;text-align:left;width:100%;min-width:0}.card:nth-child(4n+2){grid-column:span 5;margin-top:140px}.card:nth-child(4n+3){grid-column:span 5}.card:nth-child(4n+4){grid-column:span 7;margin-top:100px}.cover{position:relative;overflow:hidden;isolation:isolate;background:#222;aspect-ratio:1.3}.card:nth-child(4n+2) .cover,.card:nth-child(4n+3) .cover{aspect-ratio:.86}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .7s}.card:hover .cover img{transform:scale(1.065)}.cover:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0001;pointer-events:none}.cover-label{position:absolute;top:20px;left:20px;color:#fff;background:#18191660;backdrop-filter:blur(10px);padding:7px 10px;border:1px solid #ffffff55;font-size:11px;letter-spacing:1px}.cover-title{position:absolute;bottom:24px;left:25px;font-family:LocalHeavy,Arial,sans-serif;font-weight:900;font-size:clamp(26px,4.3vw,65px);line-height:.95;letter-spacing:-2px;color:white;max-width:85%;text-shadow:0 2px 30px #0006}.card:nth-child(2) .cover-title{color:#eaff80}.cover-num{position:absolute;top:17px;right:20px;font-family:Arial;font-size:36px;font-weight:300;color:#fff9}.card-info{display:flex;justify-content:space-between;align-items:start;margin-top:18px}.card-info h3{margin:0 0 7px;font-size:23px;font-weight:550;letter-spacing:-.5px}.card-info small{font-size:12px;color:#73796d}.card-info>span{font-size:28px;transition:transform .3s}.card:hover .card-info>span{transform:translate(3px,-3px)}.demo-note{font-size:12px;color:#73796d;margin:55px 0 0;line-height:1.8}.about{background:#181916;color:#eceee7;padding:65px 5% 75px;overflow:hidden}.about-head{display:flex;justify-content:space-between;align-items:center}.asterisk{color:#f75b22;font-size:85px;line-height:1;animation:rotate 25s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.about h2{font-size:clamp(52px,8vw,120px);line-height:1.2;letter-spacing:-5px;margin:45px 0 60px;font-weight:550}.about h2 span{color:#eaff80}.about-bottom{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff30;padding-top:30px}.about-bottom>p{font-size:22px}.about-bottom small{font-size:11px;color:#92978c;letter-spacing:1px}.about-bottom>div>p{font-size:18px;line-height:1.9;margin-top:0}.services{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:#c3c8ba;font-size:14px}.services span:before{content:'↗';margin-right:8px;color:#f75b22}.contact{padding:65px 5%;background:#ff5b19}.contact-title{position:relative;display:block;font-size:clamp(56px,8.5vw,128px);font-weight:650;letter-spacing:-5px;line-height:1.2;margin:50px 0}.contact-title span{color:#fff3df}.contact-title i{position:absolute;right:3%;top:5%;font-style:normal;font-weight:400;transition:transform .5s}.contact-title:hover i{transform:translate(15px,-15px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #18191650;padding-top:22px}.contact-bottom p{font-size:16px}.contact-bottom>span{font-size:12px}footer{padding:30px 5%;background:#181916;color:#b4b9ab;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px}.footer-brand{font-size:24px;color:#fff;font-weight:650}.cursor{position:fixed;top:0;left:0;width:92px;height:92px;display:grid;place-content:center;border-radius:50%;background:#eaff80;color:#181916;z-index:80;pointer-events:none;font-size:11px;font-weight:700;line-height:1.4;text-align:center;opacity:0;transition:opacity .2s;transform:translate(-50%,-50%)}.cursor.visible{opacity:1}dialog{border:0;padding:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;background:#eceee7;color:#181916;overflow:auto}dialog::backdrop{background:#181916}.close{position:fixed;top:24px;right:30px;z-index:3;background:#181916;color:white;border:1px solid #ffffff60;border-radius:30px;padding:13px 20px;font-size:14px}.detail-hero{position:relative;height:68vh;min-height:360px;background:#222;overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0008)}.detail-hero h2{position:absolute;z-index:1;bottom:35px;left:5%;font-size:clamp(40px,6vw,86px);color:#fff;letter-spacing:-2px;margin:0}.detail-copy{padding:50px 5%;display:grid;grid-template-columns:1fr 2fr;gap:40px}.detail-meta{font-size:14px;line-height:2;color:#6c7165}.detail-copy h3{font-size:30px;font-weight:500;margin:0 0 20px}.detail-copy p{font-size:17px;line-height:1.9}.detail-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.detail-steps div{border-top:1px solid #b9beb0;padding-top:16px}.detail-steps b{color:#ef5010;font-weight:400}.detail-steps h4{font-size:17px}.detail-steps p{font-size:14px}.dialog-nav{padding:25px 5%;background:#181916;color:#eee;display:flex;justify-content:space-between;align-items:center}.dialog-nav button{background:none;border:0;color:inherit;padding:12px 0;font-size:15px}.dialog-nav span{font-size:12px}.reveal{transition:opacity .7s,translate .9s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal:not(.in-view){opacity:0;translate:0 35px}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1!important;translate:none!important}.motion-off .cursor{display:none}@media(pointer:coarse){.cursor{display:none}}@media(min-width:1500px){.work,.about,.contact{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}}@media(max-width:800px){header{height:76px;padding-inline:5%}.brand{font-size:16px}.brand img{width:40px;height:40px}.brand small{font-size:9px}nav{gap:18px}nav a{font-size:12px}nav a:nth-child(2){display:none}#motion{display:none}.hero{height:740px;min-height:0;max-height:calc(100svh - 76px)}.hero-kicker{font-size:10px;padding:24px 5%;letter-spacing:1px}.hero-kicker span:last-child{display:none}.hero h1{font-size:clamp(62px,13vw,104px);margin-top:65px;letter-spacing:-4px}.hero h1 .second{padding-left:0;margin-top:8px}.hero h1 i{margin-left:10px}.hero-art{object-position:60% center}.hero-foot{left:5%;right:5%;bottom:28px}.hero-foot p{font-size:14px;max-width:220px}.hero-caption{display:none}.explore{font-size:0;gap:0}.explore span{font-size:24px;height:48px;width:48px}.marquee{font-size:22px;padding:12px 0}.marquee b{font-size:25px;padding:0 20px}.work{padding-top:55px}.work-top{grid-template-columns:1fr}.work-top h2{font-size:49px;margin-top:25px}.work-top p{padding:0;font-size:14px;margin-top:20px}.work-toolbar{margin-top:28px;gap:12px}.filters{gap:20px;flex-wrap:wrap}.filters button{font-size:13px}#count{display:none}.projects{gap:38px;grid-template-columns:1fr}.card,.card:nth-child(n){grid-column:auto;margin-top:0}.card .cover,.card:nth-child(n) .cover{aspect-ratio:1.05}.card:nth-child(2n) .cover{aspect-ratio:.95}.cover-title{font-size:42px}.card-info h3{font-size:21px}.about{padding-block:45px}.asterisk{font-size:60px}.about h2{font-size:55px;letter-spacing:-3px;margin-block:35px}.about-bottom{grid-template-columns:1fr;gap:25px}.about-bottom>div>p{font-size:16px}.contact{padding-block:45px}.contact-title{font-size:57px;letter-spacing:-3px}.contact-title i{right:0;top:20%;font-size:50px}.contact-bottom{display:block}.contact-bottom p{font-size:14px}footer{flex-wrap:wrap;gap:25px}.footer-brand{width:100%;font-size:24px}.detail-copy{grid-template-columns:1fr;gap:20px;padding-top:30px}.detail-hero{height:55vh}.detail-hero h2{font-size:40px;max-width:85%}.detail-steps{grid-template-columns:1fr}.close{top:15px;right:15px}.dialog-nav button{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.in-view){opacity:1;translate:none}.cursor{display:none}}
/* Immersive video direction */
body{font-family:Inter,'PingFang SC','Microsoft YaHei',sans-serif}.immersive{background:#000;padding:16px;height:100svh;min-height:720px;color:#fff}.glass-stage{width:100%;height:100%;border-radius:18px;overflow:hidden;position:relative;isolation:isolate;background:#080909;display:flex;flex-direction:column}.ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.video-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0003,transparent 38%,#0005),linear-gradient(90deg,#0003,transparent 60%);pointer-events:none}.immersive-nav{height:auto;min-height:118px;padding:28px 40px 0;background:transparent;border:0;align-items:flex-start}.immersive-brand{display:flex;flex-direction:column;align-items:center;gap:9px}.immersive-brand img{width:64px;height:64px;border-radius:50%;box-shadow:0 2px 30px #0002}.immersive-brand>span{font-size:11px;letter-spacing:.3em;font-weight:400}.immersive-nav nav{gap:12px;align-items:center}.immersive-nav nav a{font-size:14px;padding:13px 22px;white-space:nowrap}.immersive-nav nav a:after{display:none}.btn-cut,.btn-cut-border,.btn-cut-sm{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);border:0;transition:background-color .25s,transform .25s}.btn-cut{background:#fff;color:#080808}.btn-cut:hover{background:#e3e8e5}.btn-cut-border{position:relative;background:#ffffffb3;color:white;backdrop-filter:blur(14px)}.btn-cut-border:before{content:'';position:absolute;inset:1px;background:#060b0b90;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);z-index:0}.btn-cut-border>span{position:relative;z-index:1}.btn-cut-border:hover:before{background:#ffffff26}.btn-cut-sm{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.immersive-content{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;padding:0 40px 40px}.immersive-center{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:35px 0}.horizon-note{position:absolute;left:0;top:16%;max-width:200px}.horizon-note p{font-size:16px;line-height:1.8;color:#ffffffcf}.horizon-note small{font-size:11px;line-height:1.6;color:#ffffff9c;letter-spacing:1px}.orbit-marks{display:flex;gap:4px;margin:25px 0 12px}.orbit-marks i{height:16px;width:16px;border:1px solid #ffffff70;border-radius:50%}.immersive-title{width:100%;text-align:center}.immersive-title h1{font-size:clamp(40px,4.9vw,76px);line-height:1.13;letter-spacing:-.04em;font-weight:400;text-shadow:0 2px 12px #0004;margin:0}.immersive-title h1>span{font-weight:400;letter-spacing:-.045em}.immersive-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:end;margin-top:25px}.bottom-intro{display:flex;justify-content:flex-end;padding-bottom:3px}.bottom-intro p{font-size:14px;line-height:1.8;max-width:260px;margin:0 30px 0 0;color:#ffffffe0}.bottom-discover{display:flex;flex-direction:column;align-items:center;gap:clamp(32px,7vh,96px)}.bottom-discover>span{font-size:28px;font-weight:500;letter-spacing:.1em}.discover-button{width:100%;max-width:280px;padding:17px 25px;font-size:14px;font-weight:500;display:flex;justify-content:center;align-items:center;gap:16px}.discover-button>span{font-size:22px;line-height:1;transition:transform .25s}.discover-button:hover>span{transform:translateX(5px)}.bottom-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px}.bottom-controls a,.bottom-controls #motion{display:flex;align-items:center;justify-content:center;height:42px;padding:0 16px;background:#ffffffdf;color:#080808;border:0;border-radius:0;font-size:12px;backdrop-filter:blur(10px)}.bottom-controls a:hover,.bottom-controls #motion:hover{background:#fff}.anim-stagger{opacity:0;animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards}.anim-fade{opacity:0;animation:fadeIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.motion-off .anim-stagger,.motion-off .anim-fade{opacity:1!important;transform:none!important}.immersive .btn-cut:focus-visible,.immersive .btn-cut-sm:focus-visible,.immersive .btn-cut-border:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #f95b22}.marquee{display:none}@media(min-width:1600px){.immersive-title h1{font-size:84px}}@media(max-width:1100px){.horizon-note{display:none}.immersive-title h1{font-size:64px}.bottom-intro p{margin-right:0}.immersive-nav{padding-inline:30px}.immersive-content{padding-inline:30px}}@media(max-width:767px){.immersive{padding:12px;min-height:740px;height:100svh}.glass-stage{border-radius:16px}.immersive-nav{padding:22px 24px 0;min-height:110px}.immersive-brand img{width:54px;height:54px}.immersive-brand>span{font-size:10px;letter-spacing:.2em}.immersive-nav nav{display:none}.immersive-content{padding:0 24px 25px}.immersive-center{padding:25px 0}.immersive-title h1{font-size:clamp(36px,8vw,56px);line-height:1.14}.immersive-bottom{grid-template-columns:1fr;gap:22px;margin-top:15px;align-items:center}.bottom-intro{justify-content:center}.bottom-intro p{font-size:13px;text-align:center;line-height:1.7;max-width:290px}.bottom-discover{gap:22px}.bottom-discover>span{font-size:23px}.discover-button{max-width:280px;padding-block:15px}.bottom-controls{justify-content:center}.bottom-controls #motion{display:flex}.bottom-controls a,.bottom-controls #motion{height:38px;font-size:11px}}@media(max-height:750px) and (min-width:768px){.immersive{min-height:650px}.immersive-title h1{font-size:58px}.bottom-discover{gap:30px}.immersive-nav{min-height:106px}}@media(prefers-reduced-motion:reduce){.anim-stagger,.anim-fade{opacity:1!important;transform:none!important;animation:none!important}}