*{box-sizing:border-box}html{background:#090a0b;color:#eeefef;font-family:Arial,"Helvetica Neue","PingFang SC",sans-serif}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:1px solid #fff;outline-offset:7px}header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:38px 4.2vw;height:100px}nav{display:flex;gap:36px;align-items:center;margin-left:auto;font-size:14px}nav a{padding:7px 0;border-bottom:1px solid transparent}nav a:hover{border-color:#999}.language{margin-left:24px}.brand{font-size:24px;letter-spacing:-1px}.home{overflow:hidden}.home header{position:absolute;inset:0 0 auto}.stage{height:100svh;min-height:430px;position:relative;isolation:isolate;overflow:hidden}.art{position:absolute;inset:-4%;z-index:-2;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 1.5s ease-out}.art img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;filter:brightness(.72);animation:drift 32s ease-in-out infinite alternate}.stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.34),transparent 75%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 40%)}.stage h1{position:absolute;left:4.2vw;bottom:8.5vh;margin:0;font-weight:400;letter-spacing:-.072em;font-size:clamp(70px,12.1vw,200px);line-height:.9}.stage h1 span{display:block;font-size:13px;letter-spacing:.025em;line-height:1;margin-top:27px;margin-left:5px}.motion{position:fixed;z-index:5;right:4.2vw;bottom:7.7vh;background:none;border:1px solid #7778;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;color:white;cursor:pointer}.motion[hidden]{display:none}.motion span{width:2px;height:10px;background:#ddd}.motion[aria-pressed=true] span:first-child{width:0;height:0;background:none;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #ddd;margin-left:2px}.motion[aria-pressed=true] span:last-child{display:none}.paused .art img{animation-play-state:paused}.interior{max-width:1140px;margin:75px auto 110px;padding:0 36px}.interior h1{font-size:clamp(44px,6vw,78px);font-weight:400;letter-spacing:-.045em;margin:0 0 48px}.intro{font-size:clamp(19px,2.2vw,27px);line-height:1.65;max-width:900px;color:#d4d6d8;margin-bottom:70px}.services{border-top:1px solid #353638}.services section{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:25px 0;border-bottom:1px solid #353638}.services h2{font-size:18px;font-weight:400;margin:3px 0}.services p{font-size:16px;color:#b5b7ba;line-height:1.7;margin:0}main.contact{padding-top:0}.email{font-size:clamp(20px,3.7vw,48px);letter-spacing:-.035em;border-bottom:1px solid #666;padding-bottom:13px;display:flex;justify-content:space-between;gap:16px}.contact>p{font-size:16px;color:#b5b7ba;line-height:1.8}.entity{margin-top:90px;font-size:15px;line-height:1.8}.entity p{margin:0}.contact .privacy{margin-top:48px;font-size:12px;color:#999}.home nav{color:#ddd}@keyframes drift{from{transform:scale(1.015) translate(0,0)}to{transform:scale(1.095) translate(-1.2%,.6%)}}@media(max-width:600px){header{height:86px;padding:25px 24px}nav{gap:22px;font-size:13px}.language{margin-left:8px}.brand{font-size:19px}.stage h1{left:24px;bottom:14vh;font-size:15.1vw;letter-spacing:-.07em}.stage h1 span{font-size:11px;margin-top:20px;margin-left:2px}.art{inset:-3% -29%}.art img{object-position:69% 50%;filter:brightness(.65)}.stage:after{background:linear-gradient(0deg,#070808a0,transparent 65%)}.motion{right:24px;bottom:5vh}.interior{margin:48px auto 70px;padding:0 24px}.interior h1{margin-bottom:32px}.intro{font-size:18px;margin-bottom:42px;line-height:1.8}.services section{grid-template-columns:1fr;gap:12px;padding:24px 0}.services h2{font-size:17px}.services p{font-size:14px}.email{font-size:clamp(16px,5.1vw,28px);letter-spacing:-.04em}.contact>p{font-size:14px}.entity{margin-top:65px;font-size:13px}.contact .privacy{font-size:11px}}@media(prefers-reduced-motion:reduce){.art img{animation:none}.art{transition:none;transform:none}.motion{display:none}}
/* Mobile touch targets and display cutouts. */
header{height:auto;min-height:100px;padding-top:max(28px,env(safe-area-inset-top));padding-left:max(4.2vw,env(safe-area-inset-left));padding-right:max(4.2vw,env(safe-area-inset-right))}nav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.brand{min-height:44px;display:inline-flex;align-items:center}.motion{width:44px;height:44px;right:max(4.2vw,env(safe-area-inset-right));bottom:max(5vh,env(safe-area-inset-bottom))}.stage{min-height:0}.interior{padding-left:max(36px,env(safe-area-inset-left));padding-right:max(36px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}@media(max-width:600px){header{min-height:88px;padding: max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 18px max(24px,env(safe-area-inset-left))}nav{gap:10px}.language{margin-left:0}.stage h1{left:max(24px,env(safe-area-inset-left));bottom:max(14vh,calc(env(safe-area-inset-bottom) + 72px))}.motion{right:max(24px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}.interior{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}@media(orientation:landscape) and (max-height:500px){header{min-height:70px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}.stage h1{font-size:min(12vw,24vh);bottom:max(12vh,env(safe-area-inset-bottom))}.stage h1 span{margin-top:18px}.motion{bottom:max(20px,env(safe-area-inset-bottom))}.interior{margin-top:30px}}

/* About: image and concise company information, mobile first. */
.about-layout{margin:30px auto 80px;padding:0 max(24px,env(safe-area-inset-left)) 0 max(24px,env(safe-area-inset-right));max-width:1500px;display:grid;grid-template-columns:1fr;gap:38px}.about-visual{height:265px;position:relative;overflow:hidden;background:#111}.about-visual img{height:100%;width:100%;object-fit:cover;object-position:70% 45%;filter:brightness(.7)}.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 75%)}.locations{position:absolute;z-index:1;left:22px;bottom:19px;margin:0;font-size:14px;line-height:1.65;letter-spacing:.01em}.about-copy h1{font-size:13px;font-weight:400;color:#aaa;margin:0 0 22px}.about-intro{font-size:24px;line-height:1.55;letter-spacing:-.025em;margin:0;max-width:560px}.about-services{list-style:none;padding:0;margin:34px 0 24px;font-size:15px;line-height:2;color:#bfc1c3}.about-contact{display:inline-flex;min-height:44px;align-items:center;gap:45px;font-size:15px}.about-contact span{font-size:22px}.about-legal{font-size:11px;color:#92969a;line-height:1.85;margin:39px 0 0;max-width:480px}@media(min-width:760px){.about-layout{padding:0 4.2vw;grid-template-columns:1fr 1fr;gap:8vw;margin-top:42px;align-items:center}.about-visual{height:630px}.about-visual img{object-position:60% 50%}.locations{left:32px;bottom:30px;font-size:17px}.about-copy{padding:15px 0}.about-copy h1{margin-bottom:30px}.about-intro{font-size:clamp(25px,2.4vw,36px);line-height:1.5}.about-services{font-size:17px;margin:40px 0 24px}.about-legal{margin-top:56px;font-size:12px}}@media(max-width:359px){.about-intro{font-size:22px}.about-visual{height:230px}}@media(orientation:landscape) and (max-height:500px){.about-visual{height:360px}.about-layout{margin-top:20px;gap:35px}.about-intro{font-size:24px}.about-services{margin-top:24px}}
.drawn-arrow{position:relative;width:15px;height:15px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:scale(.8)}.drawn-arrow:after{content:"";position:absolute;width:20px;height:1px;background:currentColor;right:-3px;top:6px;transform:rotate(-45deg)}
.service-detail{display:block;font-size:13px;color:#bfc1c3;line-height:1.6;margin:0 0 8px}
.keep-term{white-space:nowrap}


/* Live GPU illumination. A still texture, no video or geometric drift. */
.art{transform:none;transition:none}.art img{animation:none;transform:none}.fabric-light{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.72);pointer-events:none}.fabric-light[hidden]{display:none}@media(max-width:600px){.fabric-light{filter:brightness(.65)}}@media(prefers-reduced-motion:reduce){.motion{display:flex}.motion[hidden]{display:none}}

/* Concise company details, retaining the production layout and artwork. */
.about-operator{max-width:560px;font-size:14px;line-height:1.75;color:#adb2b6;margin:22px 0 0}
.about-operator [lang=zh-CN]{white-space:normal}
.email .drawn-arrow{flex:none;align-self:center}
.about-services{margin-top:28px}
.about-services li{margin-bottom:14px}
.about-services li:last-child{margin-bottom:0}
.service-scope{display:block;font-size:14px;line-height:1.6;color:#adb2b6;margin-top:1px}
@media(max-width:600px){.about-operator{font-size:13px;line-height:1.7;margin-top:20px}.service-scope{font-size:13px;line-height:1.65}.about-services li{margin-bottom:17px}}


/* Shared page frame: short pages fill the viewport; long pages grow normally. */
html{scrollbar-gutter:stable}
body{
  --page-header:110px;
  --page-start:42px;
  --page-end:80px;
  min-height:100svh;
}
.about-layout,main.contact{
  margin-top:var(--page-start);
  margin-bottom:var(--page-end);
  min-height:calc(100svh - var(--page-header) - var(--page-start) - var(--page-end));
}
.home{overflow:visible}
.stage{min-height:430px}
@media(max-width:759px){body{--page-start:30px}}
@media(max-width:600px){body{--page-header:88px}}
@media(orientation:landscape) and (max-height:500px){
  body{--page-header:70px;--page-start:20px}
}