/* Cinematic chapters — all defaults remain readable without animation. */
.hero{height:100svh;min-height:680px;padding:104px var(--pad) 0;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 38%,#32383b 0,#171c20 36%,#070a0c 78%)}
.hero-top{position:relative;z-index:5}.hero-heading{position:absolute;top:16%;left:var(--pad);right:var(--pad);z-index:5;padding:0;text-align:center;display:block}.hero-heading h1{font-size:clamp(36px,4vw,60px);line-height:1.17}.hero-intro{display:none}.metal-scene{position:absolute;inset:0;--house-width:min(64vw,950px);--base:73%}.studio-halo{position:absolute;inset:12% 8% 0;background:radial-gradient(ellipse at 50% 58%,#aeb9bb20,transparent 62%)}.hero-house{position:absolute;width:var(--house-width);left:50%;top:var(--base);aspect-ratio:1.5;transform:translate(-50%,-79.0039%);transform-origin:50% 79.0039%;z-index:4}.hero-house img{width:100%;height:100%;max-width:none}.metal-platform{position:absolute;top:calc(var(--base) - 3.8%);left:50%;width:min(65vw,960px);height:25%;transform:translateX(-50%)}.platform-top{position:absolute;inset:0 0 auto;height:34%;background:repeating-linear-gradient(92deg,#ffffff06 0 1px,transparent 1px 3px),linear-gradient(155deg,#d1d7d8,#566169 37%,#bec6c9 68%,#707c84);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);overflow:hidden}.platform-top:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff8 48%,transparent 66%);opacity:.2;transform:translateX(var(--sweep,0%))}.platform-reflection{position:absolute;width:92%;max-width:none;left:4%;top:-100%;transform:scaleY(-1);opacity:.17;filter:blur(2px);mask-image:linear-gradient(transparent 62%,#000 79%)}.platform-edge{position:absolute;top:33%;left:0;right:0;height:3px;background:linear-gradient(90deg,#b0bcc0,#fff,#aebdc6);box-shadow:0 2px 5px #fff3;z-index:2}.platform-face{position:absolute;top:calc(33% + 3px);bottom:0;left:0;right:0;background:repeating-linear-gradient(0deg,#fff02 0 1px,transparent 1px 4px),linear-gradient(110deg,#49545c 0,#1b242a 40%,#0d1319 68%,#303b43);border:1px solid #7d8b9338;box-shadow:0 28px 60px #0009}.contact-shadow{position:absolute;left:50%;top:calc(var(--base) - 1%);width:49%;height:2%;transform:translateX(-50%);border-radius:50%;background:#000b;filter:blur(6px);z-index:3}.hero-cta{position:absolute;z-index:5;top:84%;left:50%;transform:translateX(-50%)}.hero-bottom{position:absolute;bottom:20px;left:var(--pad);right:var(--pad);z-index:5;font-size:9px}
.site-header{transition:background .4s,color .4s,border-color .4s}.site-header.light-nav{background:#f2eee5f2;color:#181915;border-color:#18191520}.light-nav .header-note{color:#626458}.header-note,.header-plan{transition:opacity .35s,transform .35s}.nav-down .header-note,.nav-down .header-plan{opacity:0;transform:translateY(-10px);pointer-events:none}.site-menu.open{animation:menu-mask .6s cubic-bezier(.2,.7,.2,1)}@keyframes menu-mask{from{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}
.space-stage{height:100svh;min-height:640px;background:#080b0d;padding-top:110px}.world-canvas,.house-canvas{position:absolute;inset:0;pointer-events:none}.world-canvas{z-index:0}.world-canvas canvas,.house-canvas canvas{width:100%;height:100%;display:block}.house-canvas{z-index:3}.tube-soften{position:absolute;inset:65% 0 0;z-index:2;backdrop-filter:blur(7px);mask-image:linear-gradient(transparent,#000 75%);background:linear-gradient(transparent,#080b0dcc);pointer-events:none;opacity:0}.space-stage .stage-top{z-index:6}.earth-copy{position:absolute;top:20%;left:6%;right:6%;text-align:center;z-index:4;pointer-events:none}.earth-copy h2{font-size:clamp(35px,4.5vw,68px);margin:24px 0 18px}.earth-copy p{font-size:14px;color:#b7c0c3}.earth-copy .tiny{display:block;font-size:10px;margin-top:20px;color:#849397}.tube-copy{position:absolute;bottom:12%;left:var(--pad);right:var(--pad);z-index:5;text-align:center;opacity:0}.tube-copy .space-title{font-size:clamp(30px,3.4vw,52px);margin-top:15px}.space-foot{z-index:6}.space-static{position:absolute;inset:28% 6% 10%;display:flex;align-items:center;justify-content:center}.space-static>img{width:60%;position:absolute;bottom:10%}.static-earth{position:absolute;top:0;width:35%;aspect-ratio:1;border-radius:50%;background:transparent url('assets-v8/web/earth-preview.webp') center/contain no-repeat;box-shadow:0 0 35px #c3d6d730;opacity:.4}.static-gallery{display:none}.dimension-arcs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.28}.dimension-arcs text{font-size:43px;letter-spacing:13px;fill:currentColor}.dimension-numbers,.dimension-note,.dimensions-stage h2{position:relative;z-index:1}
.liquid-story{height:100svh;min-height:600px;max-height:none;background:#131612}.liquid-background{position:absolute;inset:0;overflow:hidden}.liquid-background img{width:100%;height:100%;object-fit:cover}.liquid-background.scene-b{clip-path:inset(100% 0 0 0)}.liquid-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 50%,#0007);pointer-events:none}.liquid-type{position:absolute;z-index:4;top:12%;left:var(--pad);right:var(--pad);color:#fff;text-shadow:0 1px 20px #0004}.liquid-type .eyebrow{margin-bottom:28px}.liquid-line{font-size:clamp(48px,6vw,88px);line-height:1.3;transform-origin:left top;white-space:nowrap}.liquid-lens{position:absolute;z-index:3;width:350px;height:380px;left:50%;top:48%;transform:translate(-50%,-50%);clip-path:ellipse(49% 49% at 50% 50%);background:#afb6b8;filter:drop-shadow(0 10px 18px #0003);overflow:hidden}.lens-content{position:absolute;inset:0;overflow:hidden}.lens-content img{position:absolute;width:100vw;height:100svh;max-width:none;object-fit:cover;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.15);filter:saturate(.85) brightness(1.05)}.lens-b{clip-path:inset(100% 0 0 0)}.lens-glint{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 5%,#fffc,transparent 19%),linear-gradient(130deg,#ffffff55,transparent 19%,transparent 68%,#ffffff6b 92%);box-shadow:inset 8px 4px 18px #fff8,inset -12px -8px 25px #1118}.lens-silver{position:absolute;inset:0;background:linear-gradient(138deg,#ecf0eb,#58696b 29%,#d7ded8 44%,#253236 74%,#c1caca);opacity:0}.liquid-signature{position:absolute;z-index:4;bottom:9%;width:100%;text-align:center;color:#f1f2eb;font-size:26px;letter-spacing:-1px;opacity:0}.scene-clock{position:absolute;right:var(--pad);bottom:23px;color:#fff;font-size:10px;z-index:4}.wall-layout{grid-template-columns:.8fr 1.35fr;align-items:start}.wall .technical-list button{padding:16px 0}.wall .technical-list h3{font-size:19px}.wall .technical-list p{font-size:12px;margin-top:6px}.wall-picture{position:sticky;top:105px}.wall-picture>img{width:100%;height:auto}.wall-order{display:flex;justify-content:space-between;gap:10px;padding:19px 22px;font-size:10px;color:#696d62}.wall-picture figcaption{gap:10px}.wall-picture[data-state] img{opacity:1}
@media(max-width:768px){.hero{min-height:620px;padding-top:91px}.hero-heading{top:19%;left:15px;right:15px}.hero-heading h1{font-size:36px}.hero-top{font-size:8px}.hero-edition{font-size:8px}.metal-scene{--house-width:109vw;--base:66%}.metal-platform{width:96vw;height:23%;top:calc(var(--base) - 2.8%)}.contact-shadow{width:81%;height:1%;top:calc(var(--base) - .4%)}.hero-cta{top:79%}.hero-bottom{font-size:7px;bottom:25px}.hero-bottom>span:nth-child(2){display:none}.space-stage{min-height:580px;padding-top:92px}.earth-copy{top:18%;left:20px;right:20px}.earth-copy .eyebrow{font-size:8px;letter-spacing:.07em}.earth-copy h2{font-size:32px}.earth-copy p{font-size:12px}.tube-copy{bottom:16%}.tube-copy .space-title{font-size:27px}.tube-copy .eyebrow{font-size:9px}.dimension-arcs{opacity:.17;transform:scale(1.5)}.liquid-story{min-height:600px}.liquid-type{top:13%}.liquid-type .eyebrow{font-size:9px;margin-bottom:25px}.liquid-line{font-size:39px}.liquid-lens{width:46vw;height:52vw;top:46%}.liquid-signature{bottom:13%}.scene-clock{font-size:8px}.wall-layout{grid-template-columns:1fr}.wall-picture{position:relative;top:auto;grid-row:1}.wall .technical-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wall .technical-list h3{font-size:15px}.wall .technical-list p{font-size:11px}.wall .technical-list button{gap:9px}.wall-order{padding:15px 12px;font-size:8px}.wall-picture figcaption{padding:15px 12px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-house{transform:translate(-50%,-79.0039%)!important}.site-menu.open{animation:none}.space-stage{height:auto;min-height:1250px}.space-static{display:flex;inset:250px 0 30px;flex-direction:column;justify-content:flex-start;gap:30px}.space-static .static-earth{position:relative;width:300px;opacity:1}.space-static>img{position:relative;width:min(90%,700px);bottom:auto}.static-gallery{display:flex;gap:12px;justify-content:center}.static-gallery img{width:27%;object-fit:cover;aspect-ratio:1}.earth-copy{top:125px}.earth-copy h2{font-size:30px}.earth-copy p,.earth-copy .tiny{display:none}.tube-copy{opacity:1;bottom:40px}.liquid-story{height:auto;min-height:0;padding-top:150px}.liquid-background{position:relative;aspect-ratio:1.5}.liquid-background.scene-b{clip-path:none}.liquid-type{top:30px}.liquid-line{font-size:24px}.liquid-lens{position:relative;left:50%;top:auto;transform:translateX(-50%);margin:50px 0;width:170px;height:190px;clip-path:polygon(50% 0,100% 40%,86% 40%,86% 100%,14% 100%,14% 40%,0 40%)}.lens-silver{opacity:1}.liquid-signature{display:none}}
.space-stage.static-mode{height:auto;min-height:1250px}.static-mode .space-static{inset:280px 0 70px;flex-direction:column;justify-content:flex-start;gap:30px}.static-mode .static-earth{position:relative;width:280px;opacity:1}.static-mode .space-static>img{position:relative;width:min(90%,700px);bottom:auto}.static-mode .static-gallery{display:flex;justify-content:center;gap:12px}.static-mode .static-gallery img{width:27%;aspect-ratio:1;object-fit:cover}.static-mode .earth-copy{top:130px}.static-mode .earth-copy h2{font-size:30px}.static-mode .earth-copy p,.static-mode .earth-copy .tiny{display:none}.static-mode .tube-copy{opacity:1;bottom:55px}.motion-fallback .liquid-story{height:auto;min-height:0}.motion-fallback .liquid-background{position:relative;aspect-ratio:1.5}.motion-fallback .liquid-background.scene-b{clip-path:none}.motion-fallback .liquid-type,.motion-fallback .liquid-lens{display:none}
.lens-rim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}

/* Quiet, continuous clock; only the single readout is exposed to accessibility. */
.scene-clock{--clock-span:180px;width:var(--clock-span);font-variant-numeric:tabular-nums;letter-spacing:.05em}
.clock-readout{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.clock-window{display:block;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.clock-track{display:flex;width:max-content;animation:clock-drift 20s linear infinite;animation-play-state:paused}
.clock-running .clock-track{animation-play-state:running}
.clock-group{display:flex;align-items:center;justify-content:space-between;flex:0 0 var(--clock-span);width:var(--clock-span);padding:0 16px;white-space:nowrap}
.clock-separator{opacity:.5}
@keyframes clock-drift{to{transform:translateX(-50%)}}
@media(max-width:768px){.scene-clock{--clock-span:132px}}
@media(prefers-reduced-motion:reduce){.clock-track{animation:none;transform:none}.clock-group+ .clock-group{display:none}.clock-window{mask-image:none}.clock-group{padding:0;justify-content:flex-end}.clock-separator{display:none}}
/* A short silver glint follows the source alpha silhouette in product coordinates. */
.hero-contour{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;opacity:0;transition:opacity .45s}
.hero-contour path{stroke:#d8e1e7;stroke-width:2.7px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:78 922;filter:drop-shadow(0 1px 0 #314351a6);animation:contour-glint 9s linear infinite;animation-play-state:paused}
.hero-house.contour-running .hero-contour{opacity:.95}
.hero-house.contour-running .hero-contour path{animation-play-state:running}
@keyframes contour-glint{to{stroke-dashoffset:-1000}}
.static-earth{box-shadow:none}
.space-stage.scene-near .static-earth,.space-stage.static-mode .static-earth{background:transparent url('assets-v8/web/earth-preview.webp') center/contain no-repeat}
.scene-managed .space-static{inset:0;pointer-events:none}
.scene-managed .static-earth{top:43%;width:min(52vw,550px);opacity:var(--earth-visibility,1)}
.scene-managed .space-static>img{width:min(76%,1100px);bottom:10%;opacity:var(--house-visibility,0);z-index:3}
.scene-managed .static-gallery{display:flex;position:absolute;inset:10% -10% 14%;gap:3%;justify-content:center;align-items:center;opacity:var(--gallery-visibility,0)}
.scene-managed:not(.scene-near) .static-gallery{display:none}
.scene-managed .static-gallery img{width:31%;height:65%;object-fit:cover;border-radius:3px}
.scene-managed.earth-ready .static-earth,.scene-managed.house-ready .space-static>img,.scene-managed.gallery-ready .static-gallery{visibility:hidden}
@media(max-width:768px){.scene-managed .static-earth{width:75vw;top:46%}.scene-managed .space-static>img{width:94%;bottom:23%}.scene-managed .static-gallery{inset:20% -25% 20%}}
@media(prefers-reduced-motion:reduce){.static-earth{background:transparent url('assets-v8/web/earth-preview.webp') center/contain no-repeat}}

@media(prefers-reduced-motion:reduce){.hero-contour{display:none}}

.hero-contour path:not(.contour-head){opacity:.65}
.hero-contour .contour-head{stroke:#fbfdff;stroke-width:2px;stroke-dasharray:15 985;animation-name:contour-head;filter:drop-shadow(0 0 .65px #edf5ffaa)}
@keyframes contour-head{from{stroke-dashoffset:-63}to{stroke-dashoffset:-1063}}
/* 银灰反射带随大面转折，原图材质细节保持可见。 */
.hero-sheen{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;opacity:0}
.hero-sheen>svg{width:100%;height:100%}
.metal-reflection-band{mix-blend-mode:soft-light}
.metal-reflection-core{mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){.hero-sheen{display:none}}