.v4-home{background:#edf1f6}.v4-home>.header{position:absolute;inset:0 0 auto;background:transparent;z-index:40}.v4-home .header nav.open{background:#f5f7fa}.precision-story{position:relative;height:350svh}.precision-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:#edf1f6}.scene-colour{position:absolute;inset:0;background:#edf1f6;z-index:-1}.precision-stage #metal-view{position:absolute;inset:0;z-index:1;touch-action:pan-y}.precision-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.metal-fallback{position:absolute;width:47%;height:72%;object-fit:contain;right:4%;top:15%;transition:opacity .5s}.has-metal .metal-fallback{opacity:0;pointer-events:none}.film-portal{position:absolute;inset:0;z-index:2;clip-path:circle(0% at 64% 50%);visibility:hidden}.film-portal video{width:100%;height:100%;object-fit:cover}.film-shade{position:absolute;inset:0;background:rgba(4,12,27,.42)}.story-copy{position:absolute;z-index:3;left:var(--gutter);max-width:48%;pointer-events:none}.story-copy a{pointer-events:auto}.hero-statement{top:27%;}.hero-statement h1{font-size:clamp(60px,7.8vw,122px);line-height:.94;letter-spacing:-.065em;font-weight:500}.hero-statement h1>span{display:block}.hero-statement h1>span:last-child{color:var(--blue)}.hero-purpose{margin-top:36px;max-width:340px}.hero-purpose p{font-size:20px;line-height:1.5;margin-bottom:26px}.hero-purpose .button{min-height:56px}.detail-statement{top:24%;color:white;opacity:0;visibility:hidden;max-width:38%}.detail-statement h2{font-size:clamp(55px,6.8vw,106px);letter-spacing:-.055em}.detail-statement p{max-width:26ch;font-size:22px;line-height:1.5;margin-top:28px}.detail-product{display:inline-block;font-size:16px;margin-top:35px;text-decoration:underline;text-underline-offset:7px}.film-statement{top:27%;color:white;opacity:0;visibility:hidden;max-width:60%}.film-statement h2{font-size:clamp(65px,8.2vw,125px);line-height:.95;letter-spacing:-.065em}.film-statement h2>span{display:block}.film-statement p{font-size:22px;max-width:32ch;margin:30px 0}.object-caption{position:absolute;z-index:4;right:5%;top:19%;font-size:14px;text-align:right;line-height:1.5}.object-caption a>span{margin-left:12px}.model-note{display:block;font-size:11px;color:#667185;margin-top:6px}.object-controls{position:absolute;right:5%;bottom:120px;display:flex;align-items:center;gap:7px;z-index:4}.object-controls button{background:#fff;color:#233049;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1;transition:background .2s,color .2s}.object-controls button:hover{background:var(--blue);color:white}.drag-hint{font-size:13px;margin-right:10px;color:#56647b}.story-bottom{position:absolute;z-index:5;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:25px}.skip-story{font-size:14px;display:flex;align-items:center;gap:30px}.story-chapters{display:flex;gap:4px;padding:5px;border-radius:40px;background:rgba(255,255,255,.85);color:#1a2c48}.story-chapters button{padding:11px 20px;border-radius:30px;background:none;color:inherit;font-size:14px;transition:background .25s,color .25s}.story-chapters button[aria-pressed=true]{background:var(--blue);color:white}#pause-motion{font-size:13px;background:transparent;color:inherit;display:flex;gap:10px;align-items:center;padding:12px 0;min-width:115px;justify-content:end}.motion-symbol{font-size:18px}.story-progress{height:3px;position:absolute;bottom:0;left:0;right:0;z-index:5;background:transparent}.story-progress span{display:block;height:100%;background:#164be4;transform-origin:left;transform:scaleX(0)}.precision-stage.dark .story-bottom{color:white}.precision-stage.dark .story-chapters{color:#172b4d}.precision-stage.dark .object-caption{color:white}.precision-stage.dark .model-note{color:#c7d4ef}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.world{padding:100px var(--gutter) 110px;background:#fff}.world-intro{display:flex;justify-content:space-between;gap:10%;align-items:end;margin-bottom:70px}.world-intro h2{max-width:15ch;font-size:clamp(44px,5.6vw,84px);line-height:1}.world-intro p{font-size:21px;line-height:1.5;max-width:32ch}.world-body{display:grid;grid-template-columns:1.15fr 1fr;gap:8%}.world-object{background:#edf1f6;position:relative;min-height:540px;display:flex;flex-direction:column;justify-content:space-between;padding:40px}.world-object>img{width:100%;height:410px;object-fit:contain;mix-blend-mode:multiply;transition:opacity .2s,transform .5s}.world-object>div{display:flex;justify-content:space-between;gap:20px;font-size:15px;margin-top:30px}.world-object>div>a{color:var(--blue)}.world-list{display:flex;flex-direction:column;justify-content:center}.world-list button{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:clamp(21px,2.35vw,35px);letter-spacing:-.035em;text-align:left;padding:22px 22px 22px 0;background:transparent;color:#5a687c;line-height:1.2;transition:color .3s,padding .3s,background .3s}.world-list button>span:last-child{font-size:25px;opacity:0;transform:translateX(-12px);transition:opacity .2s,transform .3s}.world-list button[aria-selected=true]{color:var(--blue);padding-left:24px;background:#e9effc}.world-list button[aria-selected=true]>span:last-child{opacity:1;transform:none}.world-list button:hover{color:var(--blue)}.factory-invitation{display:grid;grid-template-columns:1.1fr 1fr;background:#e9eef6}.factory-portrait{overflow:hidden;min-height:640px}.factory-portrait img{width:100%;height:100%;object-fit:cover}.factory-words{padding:100px 12%;align-self:center}.factory-words h2{font-size:clamp(40px,4.6vw,68px);max-width:14ch}.factory-words p{font-size:21px;line-height:1.6;margin:32px 0}.drawing-invitation{background:var(--blue);color:#fff;padding:100px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:10%}.drawing-invitation h2{font-size:clamp(48px,6vw,90px);max-width:12ch;line-height:1.02}.drawing-invitation p{font-size:23px;line-height:1.55;max-width:31ch;margin-bottom:35px}.v4-home footer{padding-top:65px}.v4-home footer .contact-top{display:none}
html[lang=zh] .hero-statement h1{font-size:clamp(54px,7vw,106px);line-height:1.13}html[lang=zh] .detail-statement h2{font-size:clamp(44px,5.4vw,82px)}html[lang=zh] .film-statement h2{font-size:clamp(56px,7vw,106px);line-height:1.15}html[lang=zh] .world-intro h2{max-width:9ch}html[lang=zh] .world-list button{font-size:clamp(20px,2.1vw,32px)}
@media(max-width:1100px){.hero-statement h1{font-size:8vw}.hero-purpose{max-width:290px}.hero-purpose p{font-size:18px}.object-caption{font-size:12px}.model-note{max-width:26ch;margin-left:auto;font-size:10px}.world-object{min-height:450px;padding:28px}.world-object>img{height:340px}.world-body{gap:5%}.world-list button{padding-top:20px;padding-bottom:20px}.factory-portrait{min-height:500px}.factory-words{padding:70px 10%}.factory-words p{font-size:19px}}
@media(max-width:900px){.precision-stage{min-height:760px}.story-copy.hero-statement{top:21%;max-width:52%}.hero-purpose{max-width:250px}.hero-purpose p{font-size:18px}.object-controls{bottom:120px;right:4%}.object-caption{top:17%;right:4%}.drag-hint{display:none}.skip-story{font-size:13px;gap:15px}.story-chapters button{padding:10px 15px;font-size:13px}.world-intro{gap:6%}.world-intro p{font-size:18px}.world-object{min-height:390px;padding:20px}.world-object>img{height:300px}.world-object>div{font-size:13px}.world-list button{font-size:24px;padding-top:17px;padding-bottom:17px}.factory-invitation{grid-template-columns:1fr}.factory-portrait{min-height:0;height:430px}.factory-words{padding:65px var(--gutter)}.factory-words h2{max-width:20ch}.factory-words p{max-width:45ch}.drawing-invitation{gap:6%}.drawing-invitation p{font-size:20px}.detail-statement p{font-size:20px}.detail-statement{max-width:44%}.film-statement{max-width:70%}}
@media(max-width:600px){.precision-story{height:300svh}.precision-stage{height:100svh;min-height:740px}.hero-statement.story-copy{top:110px;max-width:none;right:22px;left:22px}.hero-statement h1{font-size:clamp(46px,13.3vw,62px);line-height:.96;max-width:100%;letter-spacing:-.06em}.hero-purpose{position:fixed;display:none}.precision-stage .hero-purpose{position:absolute;top:calc(100svh - 352px);left:0;display:block;max-width:100%;right:0}.hero-purpose p{font-size:16px;line-height:1.45;max-width:32ch;margin-bottom:17px}.hero-purpose .button{min-height:48px;font-size:14px;padding:12px 18px}.object-caption{top:260px;right:22px;font-size:11px}.object-caption a>span{margin-left:7px}.model-note{font-size:9px;max-width:31ch;margin-top:4px}.object-controls{bottom:230px;right:22px;gap:5px}.object-controls button{width:36px;height:36px;font-size:21px}.story-bottom{bottom:17px;left:22px;right:22px;gap:7px}.story-chapters{padding:3px;gap:0}.story-chapters button{font-size:11px;padding:10px 11px}.skip-story{display:none}#pause-motion{font-size:11px;min-width:auto;gap:6px}.motion-symbol{font-size:16px}.metal-fallback{top:33%;right:6%;width:88%;height:36%}.detail-statement{left:22px;right:22px;top:100px;max-width:none}.detail-statement h2{font-size:49px;max-width:10ch}.detail-statement p{font-size:17px;margin-top:20px;max-width:26ch}.detail-product{margin-top:22px;font-size:14px}.film-statement{left:22px;right:22px;max-width:none;top:25%}.film-statement h2{font-size:57px}.film-statement p{font-size:18px;max-width:27ch;margin-top:25px}.film-statement .button{font-size:15px}.world{padding:60px 22px}.world-intro{display:block;margin-bottom:35px}.world-intro h2{font-size:44px;max-width:14ch}.world-intro p{font-size:18px;max-width:31ch;margin-top:26px}.world-body{display:flex;flex-direction:column-reverse;gap:28px}.world-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.world-list button{font-size:15px;padding:15px 12px;min-height:64px;letter-spacing:-.02em}.world-list button>span:last-child{display:none}.world-list button[aria-selected=true]{padding-left:12px}.world-object{min-height:360px;padding:25px}.world-object>img{height:270px}.world-object>div{font-size:13px}.factory-portrait{height:310px}.factory-words{padding:50px 22px}.factory-words h2{font-size:39px;max-width:16ch}.factory-words p{font-size:18px;margin:25px 0}.drawing-invitation{display:block;padding:60px 22px}.drawing-invitation h2{font-size:47px;max-width:12ch}.drawing-invitation p{font-size:19px;margin-top:30px}.v4-home footer{padding-top:50px}html[lang=zh] .hero-statement h1{font-size:51px;line-height:1.12}html[lang=zh] .detail-statement h2{font-size:42px;max-width:8ch}html[lang=zh] .film-statement h2{font-size:51px}html[lang=zh] .world-list button{font-size:15px}html[lang=zh] .world-intro h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.precision-story{height:auto}.precision-stage{position:relative}.detail-statement,.film-statement,.film-portal{display:none}.story-progress,.story-chapters{display:none}.story-bottom{justify-content:end}.object-controls{display:none}}
.object-controls{visibility:hidden}.has-metal .object-controls{visibility:visible}
@media(max-width:600px){.precision-stage{min-height:640px}.precision-stage .hero-purpose{margin-top:0}.object-caption{top:240px}.object-controls{bottom:260px}.detail-statement h2{font-size:44px;max-width:none}}
@media(max-width:600px) and (max-height:750px){.hero-statement.story-copy{top:90px}.hero-statement h1{font-size:44px}.object-caption{top:190px}.object-controls{bottom:215px}.precision-stage .hero-purpose{top:calc(100svh - 290px)}.hero-purpose p{font-size:14px;max-width:35ch;margin-bottom:12px}.hero-purpose .button{min-height:44px;padding:10px 16px}.story-bottom{bottom:12px}html[lang=zh] .hero-statement h1{font-size:44px}}
html:not(.has-metal) .object-controls{display:none}
@media(min-width:601px) and (max-width:900px) and (orientation:portrait){.hero-statement.story-copy{top:115px;left:var(--gutter);right:var(--gutter);max-width:none}.hero-statement h1{font-size:78px}.precision-stage .hero-purpose{position:absolute;top:calc(100svh - 355px);margin:0;max-width:390px}.hero-purpose p{font-size:19px;max-width:36ch}.object-caption{top:290px;right:var(--gutter);font-size:13px}.object-controls{bottom:225px;right:var(--gutter)}.detail-statement{top:110px;max-width:none;right:var(--gutter)}.detail-statement h2{font-size:65px}.detail-statement p{max-width:34ch;font-size:21px}.detail-product{margin-top:22px}.film-statement{max-width:85%}.film-statement h2{font-size:82px}.metal-fallback{width:70%;height:45%;top:30%;right:15%}}