*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#031321;color:#e6f3fa;font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}.stage{position:relative;isolation:isolate;min-height:100svh;height:100svh;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 58% -20%,#287b9b88,transparent 65%),linear-gradient(145deg,#082b43,#031321 70%)}.water,.rays,.grain,#scene{position:absolute;inset:0;pointer-events:none}#scene{z-index:1}#scene canvas{width:100%;height:100%;display:block}.water{background:radial-gradient(ellipse at 60% 0,#44b9d322,transparent 55%),radial-gradient(ellipse at 50% 90%,#08709222,transparent 60%)}.rays{opacity:.5;background:conic-gradient(from 165deg at 65% -15%,transparent 0deg,#90e1fb18 5deg,transparent 12deg,#90e1fb12 18deg,transparent 25deg,#90e1fb12 32deg,transparent 40deg);filter:blur(12px)}.grain{z-index:2;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#00101c44 4px);mix-blend-mode:soft-light}header,.intro,footer,.product-label{position:absolute;z-index:3}header{top:38px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{color:white;font-weight:900;font-size:44px;letter-spacing:-3px;text-decoration:none;line-height:1}.wordmark span{display:block;letter-spacing:2.2px;font-size:8px;font-weight:400;margin-top:12px}.edition{font-size:10px;letter-spacing:2px;color:#a3c6d8}.intro{top:31%;left:7%;max-width:31%}.eyebrow{font-size:10px;letter-spacing:3px;color:#93cbdc;margin:0 0 23px}h1{font-size:clamp(30px,3.4vw,57px);font-weight:400;letter-spacing:-1.8px;line-height:1.12;margin:0 0 22px;overflow-wrap:anywhere}.description{font-size:14px;line-height:1.8;color:#b5cbd8}.product-label{right:6%;top:57%;font-size:11px;letter-spacing:2px;display:flex;gap:12px;align-items:center}.product-label small{display:block;max-width:180px;font-size:10px;line-height:1.7;letter-spacing:.3px;color:#a7c9d8;margin-top:9px}.dot{width:5px;height:5px;background:#8ed8ef;border-radius:50%;box-shadow:0 0 16px #8ed8ef}button{min-height:44px;border:1px solid #547589;background:#092137c9;color:#e8f5fc;padding:12px 16px;font-size:11px;letter-spacing:.6px;cursor:pointer;border-radius:2px}button:hover,button[aria-pressed=true]{background:#194761}button:focus-visible,a:focus-visible{outline:3px solid #9be6ff;outline-offset:5px}footer{bottom:25px;left:7%;right:6%;border-top:1px solid #779cb733;padding-top:17px;display:flex;gap:35px;align-items:flex-start;justify-content:space-between}.disclaimer{max-width:730px;font-size:10px;line-height:1.65;color:#a8c2d1;margin:0}#status{font-size:10px;line-height:1.6;color:#a8c2d1;margin:0;max-width:230px}.fallback{position:absolute;z-index:4;top:50%;left:35%;max-width:280px;padding:20px;background:#031321e8}.is-fallback #status{color:#e4f5ff}@media(max-width:900px){.intro{left:6%;max-width:36%}.product-label{right:4%;max-width:140px}.product-label small{font-size:9px}.edition{font-size:8px}}@media(max-width:600px){.stage{height:100svh;min-height:920px}header{top:24px;left:6%;right:6%}.wordmark{font-size:35px}.edition{max-width:95px;text-align:right;line-height:1.8}.intro{top:135px;max-width:88%;left:6%}.eyebrow{margin-bottom:14px}h1{font-size:36px;letter-spacing:-1px}.description{font-size:12px;margin:12px 0}.product-label{top:64%;right:6%;max-width:135px;font-size:9px;letter-spacing:1px}footer{left:6%;right:6%;bottom:22px;display:block;padding-top:12px}.disclaimer{font-size:9px}#status{font-size:9px;margin-top:9px;max-width:none}.fallback{left:6%;top:48%;max-width:88%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Stage 2: shared sticky viewport and reversible depth travel */
.journey{position:relative;height:300svh}.stage{position:sticky;top:0;height:100svh;min-height:0}.motor-stop{position:absolute;top:200svh;height:1px;width:1px}.scroll-cue{position:absolute;z-index:4;bottom:145px;right:6%;font-size:12px;color:#b8e0ef;text-decoration:none;padding:12px}.depth-tint,.transition-water,.motor-beam{position:absolute;inset:0;pointer-events:none}.depth-tint{z-index:0;background:#010719;opacity:var(--depth,0)}.transition-water{z-index:2;background:radial-gradient(ellipse,#5a98b388,#173c6980 50%,#03142bdd);opacity:var(--veil,0);backdrop-filter:blur(var(--water-blur,0px))}.motor-beam{z-index:0;opacity:var(--motor,0);background:conic-gradient(from 157deg at 54% -15%,transparent 0deg,#b9efff35 11deg,#e1f7ff55 20deg,#80d1ff20 30deg,transparent 43deg);filter:blur(16px)}.intro{opacity:var(--copy,1)}.product-label{opacity:var(--copy,1)}#scene canvas{filter:none}
@media(max-width:600px){.stage{height:100svh;min-height:0}.intro{top:105px}.intro h1{font-size:clamp(24px,6.8vw,34px);margin-bottom:10px}.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:10px}.description{font-size:11px;line-height:1.5;margin-top:0}.product-label{top:55%;right:5%;max-width:110px}button{font-size:10px;padding:10px;min-height:44px}.scroll-cue{bottom:198px;right:6%;font-size:10px}footer{bottom:14px;padding-top:9px}.disclaimer{font-size:8px;line-height:1.45}#status{font-size:8px;margin-top:6px}.wordmark span{font-size:7px}.motor-stop{top:200svh}}
@media(max-height:650px){.intro{top:90px}.intro h1{font-size:25px}.description{display:none}.eyebrow{margin-bottom:8px}.scroll-cue{bottom:175px}footer{bottom:10px}.disclaimer{font-size:8px;line-height:1.35}.product-label{top:47%}}
@media(max-height:450px){.intro{top:85px;max-width:30%}.intro h1{font-size:20px}.scroll-cue{bottom:85px}.disclaimer{max-width:70%;font-size:7px}header{top:14px}.wordmark{font-size:26px}.wordmark span,.eyebrow{display:none}footer{display:flex}.product-label{top:40%;font-size:9px}}

/* 3A: water rendered behind products, no foreground veil. */
.transition-water{display:none}

.journey{height:650svh}.motor-stop{top:500svh}#scene-title,#scene-description{transition:transform .18s ease-out}@media(max-width:600px){}@media(prefers-reduced-motion:reduce){#scene-title,#scene-description{transform:none!important;transition:none}}

/* Compact timeline: 270svh travel + one viewport. Gallery uses normal document flow. */
.journey{height:370svh}.motor-stop{top:130svh}.gallery-skip{color:#c3edf8;font-size:11px;text-decoration:none;padding:10px;border-bottom:1px solid #46778a}.holo-gallery{position:relative;z-index:5;padding:72px 6%;background:radial-gradient(ellipse at 50% 0,#0c4358aa,transparent 70%),linear-gradient(#02101e,#031928);min-height:100svh;color:#d5f2fa}.terminal-head{max-width:700px;margin:0 auto 42px;text-align:center}.terminal-head h2{font-size:clamp(28px,4vw,48px);font-weight:400;letter-spacing:-1px}.terminal-head p{color:#a5cbd8;line-height:1.7}.holo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;perspective:1000px}.holo-card{grid-column:span 2;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 18px;border:1px solid #448a9d88;border-radius:12px;background:linear-gradient(140deg,#65ccdf16,#082438bb);box-shadow:inset 0 1px 0 #a0edff44,0 12px 40px #0004;transition:transform .25s,box-shadow .25s,border-color .25s;color:#d8f7ff}.holo-card:nth-child(4){grid-column:2/span 2}.holo-card:nth-child(5){grid-column:4/span 2}.holo-card:hover,.holo-card[aria-pressed=true]{background:linear-gradient(145deg,#348fa13b,#082438);transform:translateY(-5px) rotateX(3deg);border-color:#96e9f5;box-shadow:0 0 26px #5de8ff22,inset 0 0 24px #6cc6e81c}.card-code{align-self:flex-start;letter-spacing:2px;font-size:9px;color:#8dc7d7}.holo-card strong{font-size:18px;font-weight:500}.card-action{font-size:10px;color:#9cc7d4;margin-top:12px}.silhouette{height:130px;width:140px;display:flex;align-items:center;justify-content:center;gap:7px;filter:drop-shadow(0 0 9px #50dbec55)}.silhouette i{display:block;width:24px;height:105px;border:1px solid #94dfed;border-radius:7px;background:linear-gradient(90deg,#3f788133,#bfedf24d,#16495644);transform:rotate(12deg)}.pump i:first-child{background:repeating-linear-gradient(0deg,transparent 0 16px,#95dce95c 17px 19px);height:125px}.pump i:not(:first-child),.motor i:not(:first-child){display:none}.motor i{width:33px;border-top:8px solid #8dbec9}.iron i,.pvc i,.corrugated i{height:95px;border-radius:12px 12px 3px 3px;transform:rotate(-24deg)}.pvc i{background:#bbecf533}.corrugated i{background:repeating-linear-gradient(0deg,#76c3d444 0 4px,#0c2638 5px 9px)}.category-preview{max-width:850px;min-height:160px;margin:38px auto 25px;padding:25px;border:1px solid #4b8ea277;background:#0b2a3b88;border-radius:10px}.category-preview h3{margin-top:0;font-weight:500}.category-preview p{color:#b9d9e3;line-height:1.8}.return-top{display:block;text-align:center;color:#aaddeb;font-size:12px;padding:15px}@media(max-width:700px){.holo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.holo-card,.holo-card:nth-child(4),.holo-card:nth-child(5){grid-column:auto;min-height:230px;padding:16px 10px}.holo-card:last-child{grid-column:1/-1}.holo-card strong{font-size:14px}.silhouette{width:100px;height:115px}.holo-gallery{padding:45px 6%}.gallery-skip{font-size:9px}.edition{display:none}}@media(max-width:350px){.holo-grid{grid-template-columns:1fr}.holo-card{min-height:230px}}@media(prefers-reduced-motion:reduce){.holo-card{transition:none}.holo-card:hover{transform:none}}

/* Refined corporate glass; compact timeline and five categories preserved. */
.wordmark{display:block;background:#f4fafc;border:1px solid #d8e8ef;border-radius:5px;padding:9px 13px;line-height:0;flex-shrink:0;letter-spacing:normal}.wordmark img{display:block;width:146px;height:auto;max-width:100%;object-fit:contain}
.rays{display:none}
.holo-gallery{background:radial-gradient(ellipse at 50% 0,#12415c66,transparent 65%),linear-gradient(#020e23,#071e32)}
.holo-grid{gap:22px;perspective:1100px}
.holo-card{border-radius:7px;border-color:#6994ac55;background:linear-gradient(145deg,#b7dded12,#0b2639dd);box-shadow:inset 0 1px 0 #d2edfa20,0 8px 24px #0002;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s,background .3s}
.holo-card:hover,.holo-card[aria-pressed=true]{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:linear-gradient(145deg,#badfed1c,#0d2a40);border-color:#85bfd199;box-shadow:inset 0 1px 0 #d9effb30,0 8px 26px #0003}
.holo-card strong{font-weight:500;letter-spacing:.2px}.card-code{color:#a7c3d3;letter-spacing:1.4px}.card-action{color:#bfd8e4}.silhouette{filter:none;opacity:.9}.category-preview{border-radius:7px;border-color:#6994ac55;background:#102b3d88}
@media(max-width:700px){.holo-grid{gap:12px}.holo-card{min-height:240px}.holo-card strong{font-size:15px;line-height:1.5}.card-action{font-size:11px}.wordmark img{width:115px}.wordmark{padding:7px 9px}}
@media(max-height:450px){.wordmark img{width:100px}}
@media(prefers-reduced-motion:reduce),(hover:none){.holo-card,.holo-card:hover,.holo-card[aria-pressed=true]{transform:none;transition:none}}

/* Real catalogue photos remain undistorted and large. */
.catalog-cover{display:flex;width:100%;height:220px;padding:14px;margin:12px 0;background:#f5f8fa;border-radius:5px;align-items:center;justify-content:center}.catalog-cover img{width:100%;height:100%;object-fit:contain}.catalog-unavailable{display:grid;place-items:center;min-height:220px;color:#adc4d1;font-size:13px}.holo-card{min-height:340px}.catalog-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1200px;margin:32px auto}.catalog-product{padding:20px;background:#14304499;border:1px solid #719ab344;border-radius:7px}.catalog-product img{width:100%;height:280px;object-fit:contain;background:#f5f8fa;border-radius:4px;padding:16px}.catalog-product h3{font-size:18px;line-height:1.5;font-weight:500}.catalog-product a{display:inline-block;padding:12px 0;color:#bddde9;font-size:13px}.catalog-product[hidden],#catalog-empty[hidden]{display:none}#catalog-empty{text-align:center;padding:25px;color:#c6dce6}
@media(max-width:700px){.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-product{padding:12px}.catalog-product img{height:220px}.catalog-product h3{font-size:15px}.catalog-cover{height:180px;padding:8px}.holo-card{min-height:300px}}
@media(max-width:420px){.catalog-products{grid-template-columns:1fr}.catalog-cover{height:150px}.holo-card strong{font-size:14px}}

/* Transparent official artwork: only the former CSS plate is removed. */
.wordmark{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.wordmark img{filter:drop-shadow(0 0 1px #b9f2ff) drop-shadow(0 1px 3px #00111dcc)}
/* Keep one live water canvas underneath the catalogue for the entire descent. */
.cinematic .journey{height:calc(440svh + clamp(70px,10svh,110px));pointer-events:none}
.cinematic .stage{position:fixed;inset:0;width:100%;height:100svh;pointer-events:none}
.cinematic .stage header,.cinematic .stage .scroll-cue{pointer-events:auto}.cinematic .stage footer,.cinematic .stage .scroll-cue{opacity:var(--hud,1)}
.cinematic .holo-gallery{margin-top:-70svh;background:linear-gradient(180deg,transparent,#03142366 65%,#03142399);isolation:isolate}
.cinematic .terminal-head,.cinematic .holo-card,.cinematic .category-preview,.cinematic .catalog-products,.cinematic .return-top{opacity:var(--reveal,1)}
.cinematic .terminal-head,.cinematic .category-preview,.cinematic .catalog-products,.cinematic .return-top{transform:translateY(calc((1 - var(--reveal,1))*22px))}
.cinematic .holo-card,.cinematic .holo-card:hover,.cinematic .holo-card[aria-pressed=true]{transform:perspective(900px) translateY(calc((1 - var(--reveal,1))*26px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
@media(max-width:700px){.wordmark{padding:0}}
@media(prefers-reduced-motion:reduce){.cinematic .terminal-head,.cinematic .holo-card,.cinematic .category-preview,.cinematic .catalog-products,.cinematic .return-top{opacity:1;transform:none!important}}

/* Only the post-motor handoff is compacted; model thresholds remain unchanged. */
.cinematic .holo-gallery{padding-top:24px}.cinematic .terminal-head{margin-bottom:24px}