@font-face{font-family:Oswald;src:url('assets/oswald-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--red:#df2c32;--ink:#10171b;--muted:#aab5ba;--line:rgba(218,230,237,.2);--display:Oswald,'Arial Narrow',sans-serif;--pad:clamp(24px,4.6vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:#f5f5f1;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button:disabled{cursor:default}.skip{position:fixed;top:0;left:20px;transform:translateY(-150%);z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{transform:translateY(0)}
.section{padding:75px var(--pad)}.section-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-bottom:45px}.section-location{font-size:11px;color:#929fa5}.company{background:#e9eceb;color:#152027}.company .section-top{border-color:#aab4b8}.company-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;margin-bottom:35px}.company h2,.contacts h2{font-family:var(--display);font-size:clamp(29px,3.5vw,55px);font-weight:600;line-height:1.17;letter-spacing:-.5px}.company h2 span{color:#68757c}.company-grid p{font-size:14px;line-height:1.8}.muted{color:#7c8a93}.company-grid .muted{margin-top:14px;color:#55636b;font-size:12px}.production-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.production-strip img{width:100%;height:210px;object-fit:cover}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0 55px}.facts>div{border-top:1px solid #bec6c9;padding-top:18px}.facts span{color:#9a202a;font-size:10px;display:block;margin-bottom:8px}.facts h3{font-size:15px;font-weight:400}.facts p{font-size:11px;color:#5b6971;margin-top:6px}.clients{border-top:1px solid #bec6c9;padding-top:25px}.clients .eyebrow{margin-bottom:25px}.clients img{width:100%;height:auto}.contacts{background:#131c22;display:grid;grid-template-columns:1fr 1fr;gap:40px}.contacts h2{margin-top:20px}.contact-details{padding-top:10px;font-size:12px;color:#aebac1;line-height:1.8}.contact-phone{display:inline-block;font-size:clamp(23px,2.5vw,38px);color:white;margin:18px 0 12px;letter-spacing:-.8px}.text-link{display:inline-block;margin-top:24px;color:#fff}.footer-line{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:22px;font-size:9px;color:#8d9ba5}
dialog{color:#f4f4ef;border:0;padding:0;background:#152027;max-height:100dvh}dialog::backdrop{background:#030a0dd9;backdrop-filter:blur(7px)}body.modal-open{overflow:hidden}.close{font-size:29px;width:46px;height:46px;display:grid;place-items:center;background:transparent;color:#fff;flex-shrink:0}.close:hover{background:#ffffff13}.menu-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:36px 25px}.menu-dialog .close{position:absolute;right:20px;top:22px}.menu-dialog nav{display:flex;flex-direction:column;gap:20px;margin:65px 0;font-family:var(--display);font-size:34px}.menu-dialog sup{font:12px Arial;color:#df2c32}.menu-dialog>a{font-size:21px}.catalog-dialog{margin:0 0 0 auto;height:100dvh;width:min(760px,100%);max-width:100%;overflow-y:auto;overscroll-behavior:contain}.dialog-top{position:sticky;top:0;z-index:3;background:#152027f2;backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 28px}.dialog-content{padding:28px 38px 40px}.dialog-content>h2{font-family:var(--display);font-size:43px;line-height:1.15;margin:12px 0 22px;font-weight:600}.dialog-content>p{font-size:14px;line-height:1.75}.dialog-content>.eyebrow{font-size:10px;color:#e65b61}.dialog-content>.muted{margin-top:12px;font-size:12px}.dialog-links{display:flex;gap:12px;margin:25px 0 35px}.secondary{border:1px solid var(--line);background:transparent}.secondary:hover{background:#ffffff0b}.models-heading{font-size:17px;margin-bottom:17px;font-weight:400}.models-heading span{color:#b8c6cc;font-size:12px;margin-left:8px}.model{border-top:1px solid var(--line)}.model:last-child{border-bottom:1px solid var(--line)}.model summary{list-style:none;display:flex;align-items:center;gap:20px;padding:15px 0;cursor:pointer}.model summary::-webkit-details-marker{display:none}.model summary::after{content:'+';font-size:23px;margin-left:auto;color:#b0bdc6}.model[open] summary::after{content:'−'}.model-thumb{width:72px;height:72px;flex-shrink:0;display:grid;place-items:center;background:#eef1f1}.model-thumb img{width:66px;height:66px;object-fit:contain}.model-thumb.empty{background:#24323b;color:#bbc5ca;font-size:9px;text-align:center}.model strong{font-size:16px;font-weight:400;display:block}.model small{color:#a6b3bc;display:block;font-size:11px;margin-top:3px;line-height:1.5}.model-specs{padding:2px 0 20px 92px}.model-specs dl{margin:0}.model-specs dl>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #ffffff0d;font-size:12px}.model-specs dt{color:#aab9c3}.model-specs dd{margin:0;text-align:right}.missing-note{color:#aab9c3;font-size:11px;padding-top:10px}.catalog-note{color:#97a6af;font-size:11px!important;margin-top:24px}.dialog-contact{display:inline-block;font-size:14px;margin-top:20px;border-bottom:1px solid #df2c32;padding-bottom:8px}.noscript{position:fixed;bottom:0;background:#fff;color:#000;z-index:10;padding:18px}.noscript a{text-decoration:underline}

/* V3: intact photographic compositions from the approved covers. */
.hero{--accent:#ef242d;--scene-time:9s;position:relative;isolation:isolate;min-height:820px;height:100svh;max-height:1200px;display:flex;flex-direction:column;overflow:hidden;background:#06111d;font-family:Arial,Helvetica,sans-serif}
.scene-deck{position:absolute;inset:0;z-index:-3;overflow:hidden}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;pointer-events:none}.scene.active{opacity:1;visibility:visible}.scene-ambient{position:absolute;inset:-3%;background-image:var(--scene-image);background-size:cover;background-position:center 60%;filter:blur(24px);opacity:.32}.scene-ambient::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04101de0,transparent 70%)}
.scene-art{position:absolute;right:0;bottom:100px;height:calc(100% - 65px);width:auto;aspect-ratio:1048/1220;max-width:69%;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 98%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 98%)}.scene-art>img{width:100%;height:100%;object-fit:contain;display:block}.scene-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06111d 0%,transparent 12%,transparent 88%,#06111d33);pointer-events:none}.scene-lamp{position:absolute;left:var(--x);top:var(--y);width:clamp(26px,5vw,95px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff7da80 0%,#ffb34260 12%,#ff9f1524 40%,transparent 70%);mix-blend-mode:screen;opacity:.4;animation:lamp-breathe 4.8s ease-in-out var(--delay) infinite alternate;pointer-events:none}.scene-lamp.cold{background:radial-gradient(circle,#d6f7ff8c,#35baff38 25%,transparent 70%)}.scene-haze{position:absolute;inset:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 30% 38%,#8bd8ff23,transparent 40%);animation:scene-haze 11s ease-in-out infinite alternate;pointer-events:none;mask-image:linear-gradient(#000 0 45%,transparent 70%)}.scene-reflection{position:absolute;bottom:1%;left:5%;right:3%;height:11%;background:linear-gradient(110deg,transparent 15%,#ffc46836 27%,transparent 40%,#5fbeff3b 70%,transparent 85%);mix-blend-mode:screen;animation:reflection-glow 6s ease-in-out infinite alternate;pointer-events:none}.scene-grain{position:absolute;inset:0;background-image:radial-gradient(#f1deac 0 .65px,transparent 1px);background-size:131px 173px;opacity:.13;mask-image:linear-gradient(#000,transparent 65%);animation:atmosphere-drift 23s linear infinite;pointer-events:none}.scene:not(.active) *{animation-play-state:paused!important}
.hero-shading{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06111df5 0%,#06111dd9 21%,#06111d8c 35%,transparent 60%),linear-gradient(0deg,#06111d 0%,#06111dce 13%,transparent 32%,transparent 86%,#06111d60)}
.header{height:104px;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 var(--pad);position:relative;z-index:4;border-bottom:1px solid #d7eaf125}.brand{width:146px;flex-shrink:0}.brand img{width:100%;height:auto}.desktop-nav{display:flex;gap:34px;font-size:12px}.desktop-nav a{padding:15px 0;color:#d9e2e9;transition:color .2s}.desktop-nav a:hover{color:#fff}.desktop-nav sup{font-size:8px;color:#a0b4c5;margin-left:4px}.header-phone{font-size:16px;font-weight:600}.header-phone small{display:block;font-size:9px;font-weight:400;color:#a1b5c6;text-align:right;margin-top:3px}.menu-button{display:none;width:48px;height:48px;background:transparent;padding:12px}.menu-button span{height:1px;width:24px;background:white;display:block;margin:7px 0}
.hero-body{position:relative;flex:1;min-height:0;margin:0 var(--pad);display:flex;align-items:center;touch-action:pan-y}.hero-copy{width:48%;max-width:650px;position:relative;z-index:2;padding:30px 0 40px}.hero-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.3px;display:flex;align-items:center;gap:10px;white-space:nowrap;color:#acbed0}.hero-eyebrow i{width:22px;height:2px;background:var(--accent);flex-shrink:0}h1{margin:25px 0 38px;font-family:Arial,Helvetica,sans-serif;line-height:1;letter-spacing:-3px;font-weight:900}.headline-main{display:block;font-size:clamp(76px,7.9vw,134px);color:#fff}.headline-line{display:block;white-space:nowrap;font-size:clamp(22px,2.65vw,42px);font-weight:500;letter-spacing:-1.2px;line-height:1.3;margin-top:10px;color:#eef4f8}.slide-copy{max-width:370px;min-height:138px}.scene-kicker{font-size:9px;letter-spacing:1.4px;color:#9db9cc;line-height:1.5;padding-left:13px;border-left:2px solid var(--accent);margin-bottom:13px}.slide-copy h2{font-size:clamp(25px,2.4vw,37px);font-weight:700;letter-spacing:-.9px;line-height:1.15;margin-bottom:12px;max-width:400px}.slide-copy #product-tag{font-size:13px;color:#a9bdcd;line-height:1.65;max-width:300px}.slide-copy #product-series{font-size:10px;color:#829cae;margin-top:8px;letter-spacing:.4px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:23px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:13px 20px;font-size:12px;font-weight:600;transition:background .2s}.primary{background:#e3222c;color:#fff}.primary:hover{background:#bf1420}.primary span{font-size:21px;font-weight:400}.hero-actions .primary{min-width:226px}.pdf-link{display:flex;gap:16px;align-items:center;font-size:11px;min-height:44px;border-bottom:1px solid #c8d7df40}.pdf-link span{font-size:9px;color:#a5bacb}.hero-origin{display:flex;align-items:center;gap:19px;margin-top:35px}.hero-origin img{width:90px;height:auto}.hero-origin>span{border-left:1px solid #d7eaf138;padding-left:18px;color:#8ea6b9;font-size:10px;line-height:1.65}
.scene-controls{position:absolute;right:0;bottom:25px;display:flex;align-items:center;gap:22px;z-index:3}.scene-count{font-size:11px;color:#b4c9d9;display:flex;align-items:baseline;gap:10px;letter-spacing:1px}.scene-count b{color:#fff;font-size:28px;font-weight:500;letter-spacing:-1px}.scene-count i{font-style:normal;color:#70869a}.scene-arrows{display:flex;gap:8px}.scene-arrows button{width:46px;height:46px;border:1px solid #d1e5f13b;background:#07162580;backdrop-filter:blur(8px);font-size:22px;transition:background .2s}.scene-arrows button:hover{background:#d1e5f128}.scene-arrows .motion-button{font-size:14px}
.category-zone{position:relative;z-index:3;padding:0 var(--pad);flex-shrink:0}.rail-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.25px;color:#8ca8bd;margin-bottom:13px}.rail-hint{letter-spacing:0;color:#b8cbd9}.rail-hint span{margin-left:10px}.category-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.category{height:96px;position:relative;background:#0e203080;border:1px solid #9ec3dc29;text-align:left;display:flex;align-items:center;gap:12px;padding:12px;overflow:hidden;transition:background .3s,border-color .3s}.category::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#5796b612,transparent);opacity:0;transition:opacity .3s}.category[data-active=true]{border-color:#f0464c;background:#152a3a}.category:hover{background:#1b3448}.category:hover::before{opacity:1}.category-photo{width:61px;height:69px;position:relative;overflow:hidden;flex-shrink:0}.category-photo img{width:100%;height:100%;object-fit:cover;object-position:65% 65%;transition:transform .6s}.category:hover .category-photo img{transform:scale(1.08)}.category-text{position:relative;z-index:1}.category-number{display:block;font-size:8px;letter-spacing:1px;color:#8da9bf;margin-bottom:7px}.category-name{display:block;font-size:11px;font-weight:600;line-height:1.3}.category[data-active=true] .category-number{color:#ff6e75}.category-progress{position:absolute;height:2px;left:0;bottom:0;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.category[data-active=true] .category-progress{animation:category-time var(--scene-time) linear forwards}.hero.is-interacting .category-progress{animation-play-state:paused}.hero-scroll{align-self:center;font-size:9px;letter-spacing:.3px;color:#8da8bb;padding:17px 0 15px}.hero-scroll span{margin-left:12px;color:#d5e5f0}.motion-paused .hero *,.motion-paused .hero *::before,.motion-paused .hero *::after,.hero.is-offscreen *{animation-play-state:paused!important}
@keyframes lamp-breathe{0%{opacity:.15}45%{opacity:.6}65%{opacity:.32}100%{opacity:.8}}@keyframes scene-haze{from{opacity:.3;transform:translateX(-2%)}to{opacity:.85;transform:translateX(3%)}}@keyframes reflection-glow{from{opacity:.12}to{opacity:.6}}@keyframes atmosphere-drift{to{background-position:35px -173px}}@keyframes category-time{to{transform:scaleX(1)}}
@media(min-width:1600px){.scene-art{right:2%;bottom:110px;height:calc(100% - 40px)}.hero-copy{width:45%}.category{height:112px}.category-photo{width:72px;height:82px}.category-name{font-size:13px}}
@media(max-width:1100px){.desktop-nav{gap:20px}.header-phone{font-size:14px}.hero-copy{width:48%}.headline-main{font-size:8.1vw}.headline-line{font-size:2.65vw}.hero-eyebrow{font-size:7px;letter-spacing:.8px}.scene-art{right:-7%;max-width:74%}.slide-copy{max-width:300px}.hero-actions{gap:18px}.hero-actions .primary{min-width:200px}.category{gap:9px;padding:9px}.category-photo{width:48px;height:64px}.category-name{font-size:10px}.category-number{margin-bottom:5px}}
@media(max-width:800px){:root{--pad:24px}.header{height:80px;min-height:80px}.brand{width:125px}.desktop-nav,.header-phone{display:none}.menu-button{display:block}.hero{min-height:820px;max-height:none}.hero-copy{width:51%}.headline-main{font-size:64px}.headline-line{font-size:21px;letter-spacing:-.6px}.hero-eyebrow{font-size:6px;letter-spacing:.5px}.slide-copy h2{font-size:27px}.slide-copy #product-tag{font-size:11px;max-width:240px}.hero-origin{gap:12px}.hero-origin>span{padding-left:12px;font-size:8px}.hero-origin img{width:70px}.hero-actions{gap:15px}.hero-actions .primary{min-width:0;padding:12px 14px;gap:18px;font-size:10px}.pdf-link{gap:8px;font-size:10px}.category-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:1px;overscroll-behavior-x:contain}.category-rail::-webkit-scrollbar{display:none}.category{flex:0 0 173px;scroll-snap-align:start}.category-photo{width:54px}.scene-controls{gap:12px}.scene-arrows button{width:44px;height:44px}.scene-count{display:none}.rail-heading{font-size:7px}.rail-heading>span:first-child{letter-spacing:.7px}.company-grid{gap:30px}.production-strip img{height:150px}.facts{gap:15px}.facts h3{font-size:13px}.contacts{gap:25px}.footer-line{flex-wrap:wrap}}
@media(max-width:600px){:root{--pad:20px}.hero{height:100svh;min-height:820px;max-height:1060px}.header{height:70px;min-height:70px;margin:0 20px;border-color:#d7eaf123}.brand{width:112px}.scene-art{right:0;bottom:168px;width:100%;height:auto;max-width:none;aspect-ratio:1048/1220;mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 98%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 98%)}.scene-ambient{opacity:.7;filter:blur(7px);background-position:center top}.scene-ambient::after{background:linear-gradient(180deg,#06111d55,transparent 20%,#06111d 70%)}.hero-shading{background:linear-gradient(180deg,#04101d9c 0%,#04101d45 17%,transparent 30%,transparent 58%,#06111d5c 71%,#06111d 84%,#06111d 100%)}.scene-art::after{background:linear-gradient(0deg,#06111d 0%,transparent 7%,transparent 95%)}.hero-body{margin:0 20px;display:block;min-height:0}.hero-copy{position:static;width:100%;max-width:none;padding:22px 0 0}.hero-eyebrow{font-size:6.5px;letter-spacing:.8px;gap:7px;color:#bccddb}.hero-eyebrow i{width:16px}h1{margin:13px 0 0;letter-spacing:-2px}.headline-main{font-size:clamp(59px,18.3vw,87px);line-height:1}.headline-line{font-size:clamp(21px,6.25vw,31px);letter-spacing:-.6px;margin-top:7px;line-height:1.25}.slide-copy{position:absolute;left:0;right:0;bottom:75px;max-width:100%;min-height:0;padding:0;pointer-events:none}.scene-kicker{font-size:7px;letter-spacing:1px;margin-bottom:5px;line-height:1.4;max-width:230px}.slide-copy h2{font-size:clamp(23px,6.2vw,30px);line-height:1.12;margin-bottom:0;max-width:280px;letter-spacing:-.7px;text-shadow:0 2px 10px #000}.slide-copy #product-tag,.slide-copy #product-series{display:none}.hero-actions{position:absolute;bottom:15px;left:0;right:0;gap:22px;margin:0}.hero-actions .primary{min-height:46px;flex:1;max-width:260px;font-size:11px;padding:12px 16px}.pdf-link{font-size:10px;gap:10px}.hero-origin{position:absolute;right:0;top:146px;margin:0;opacity:.9;pointer-events:none}.hero-origin img{width:64px}.hero-origin>span{display:none}.scene-controls{right:0;bottom:77px;gap:0}.scene-arrows{gap:5px}.scene-arrows button{width:34px;height:38px;min-width:34px;font-size:18px;background:#06111d50;border-color:#bad8ed2a}.scene-arrows .motion-button{font-size:11px}.scene-arrows #previous-scene{display:none}.category-zone{padding:0 0 0 20px}.rail-heading{padding-right:20px;margin-bottom:10px}.rail-heading>span:first-child{font-size:6px;letter-spacing:.5px}.rail-hint{font-size:8px}.rail-hint span{margin-left:4px}.category-rail{padding-right:20px;gap:7px}.category{flex-basis:155px;height:82px;padding:8px;gap:9px}.category-photo{width:48px;height:62px}.category-name{font-size:10px}.category-number{font-size:7px;margin-bottom:6px}.hero-scroll{font-size:8px;padding:13px 0 14px}.scene-lamp{width:50px}.section{padding:48px var(--pad)}.section-top{margin-bottom:28px}.section-top .eyebrow{font-size:9px}.section-location{font-size:9px}.company-grid{grid-template-columns:1fr;gap:24px}.company h2,.contacts h2{font-size:35px}.company-grid p{font-size:13px}.production-strip{gap:5px;grid-template-columns:1fr 1fr}.production-strip img{height:145px}.production-strip img:last-child{display:none}.facts{grid-template-columns:1fr;margin:22px 0 35px;gap:17px}.facts>div{padding-top:14px;display:grid;grid-template-columns:28px 1fr;gap:0 10px}.facts span{grid-row:1/3;margin:3px 0}.facts p{grid-column:2;font-size:10px;margin:4px 0 0}.facts h3{font-size:14px}.clients-viewport{overflow-x:auto;padding-bottom:10px}.clients img{min-width:800px}.contacts{grid-template-columns:1fr;gap:25px}.contact-details{padding-top:0}.contact-phone{font-size:26px}.footer-line{font-size:8px;gap:15px}.footer-line span:nth-child(2){width:100%;order:3}.dialog-top{padding:10px 19px}.dialog-content{padding:24px 22px 35px}.dialog-content>h2{font-size:34px}.dialog-content>p{font-size:13px}.dialog-links{gap:8px}.dialog-links .button{font-size:11px;padding:12px 14px;gap:14px}.model summary{gap:13px}.model-thumb{height:58px;width:58px}.model-thumb img{height:54px;width:54px}.model strong{font-size:15px}.model small{font-size:10px}.model-specs{padding-left:0}.dialog-contact{font-size:12px}}
@media(max-width:370px){:root{--pad:16px}.hero{min-height:780px}.header{margin:0 16px}.hero-body{margin:0 16px}.headline-main{font-size:59px}.headline-line{font-size:21px}.hero-eyebrow{font-size:5.8px;letter-spacing:.5px}.hero-copy{padding-top:18px}.hero-origin{top:135px}.hero-origin img{width:54px}.scene-art{bottom:175px}.category-zone{padding-left:16px}.slide-copy h2{font-size:22px;max-width:232px}.scene-kicker{font-size:6px;max-width:220px}.hero-actions .primary{font-size:10px}.category{flex-basis:148px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scene.active{opacity:1}.category-progress{display:none}}
@media(max-width:600px){.slide-copy h2{max-width:calc(100% - 88px)}.scene-arrows button{width:42px;height:44px;min-width:42px}.scene-controls{bottom:76px}.scene-kicker{max-width:calc(100% - 90px)}}

.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600}
/* V4 — independent environment, original rigid suspended assembly. */
.scene-ambient{filter:none;opacity:.65;inset:0;background-position:center;background-image:url('assets/scenes/mine-wide.png')}.scene-ambient::after{background:linear-gradient(90deg,#04101d99,transparent)}
.live-mine{overflow:hidden}.mine-environment{position:absolute;left:50%;top:50%;width:max(100%,177.7svh,1458px);aspect-ratio:1672/941;transform:translate(-50%,-50%);background:url('assets/scenes/mine-wide.png') center/100% 100%;isolation:isolate}
.hanging-assembly{position:absolute;right:5%;top:-9%;height:94%;width:auto;aspect-ratio:550/1010;transform-origin:34% 0;animation:suspended-sway 6.8s ease-in-out infinite;will-change:transform;filter:drop-shadow(8px 12px 18px #0005)}.hanging-assembly img{width:100%;height:100%;object-fit:contain}.hanging-shadow{position:absolute;width:26%;height:5%;right:11%;bottom:16%;border-radius:50%;background:radial-gradient(ellipse,#000a,transparent 68%);animation:shadow-sway 6.8s ease-in-out infinite}.mine-beam{position:absolute;inset:0;background:conic-gradient(from 155deg at 74% -12%,transparent 0deg,#80cfff22 8deg,transparent 22deg);mix-blend-mode:screen;animation:shaft-light 12s ease-in-out infinite alternate}.mine-fog{position:absolute;inset:58% -15% 12%;background:radial-gradient(ellipse at 70% 65%,#abc9df24,transparent 60%);animation:mine-fog 18s ease-in-out infinite alternate;mix-blend-mode:screen}.practical-light{position:absolute;width:100px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff9dd 0 2%,#ffb43a99 6%,#fa900044 23%,transparent 68%);mix-blend-mode:screen;animation:practical-switch 10s linear var(--phase) infinite}.practical-light::after{content:'';position:absolute;top:70%;left:20%;width:60%;height:140%;background:linear-gradient(#ffab3438,transparent);filter:blur(12px)}.mine-dust{position:absolute;inset:0;background-image:radial-gradient(#dfedff80 .7px,transparent 1.4px),radial-gradient(#b7d7ee70 .5px,transparent 1px);background-size:173px 211px,257px 307px;opacity:.24;mask-image:linear-gradient(transparent,#000 30%,transparent 85%);animation:mine-dust 24s linear infinite}
.hero-shading{background:linear-gradient(90deg,#04101dc4, #04101d77 28%,transparent 62%),linear-gradient(0deg,#04101df5 0%,#04101dbb 12%,transparent 35%,#04101d33 80%,#04101d77)}
.category{background:#0614219c;backdrop-filter:blur(8px)}.category[data-active=true]{background:#0d2435bb}.hero-copy{width:49%}.hero-origin{opacity:.85}.hero-eyebrow{color:#d0deea}.slide-copy #product-tag{color:#d1dce5}
@keyframes suspended-sway{0%,100%{transform:rotate(-.85deg)}50%{transform:rotate(.85deg)}}
@keyframes shadow-sway{0%,100%{transform:translateX(-8px);opacity:.65}50%{transform:translateX(8px);opacity:.85}}
@keyframes practical-switch{0%,24%,28%,100%{opacity:.18}25%,27%{opacity:.9}29%,65%{opacity:1}66%,68%{opacity:.35}70%,89%{opacity:.7}90%,96%{opacity:.1}}
@keyframes shaft-light{from{opacity:.35}to{opacity:1}}@keyframes mine-fog{from{transform:translateX(-4%);opacity:.35}to{transform:translateX(5%);opacity:.8}}@keyframes mine-dust{to{background-position:40px -211px,-30px -307px}}
@media(max-width:1100px) and (min-width:601px){.hanging-assembly{right:-3%;height:89%;top:-3%}}
@media(max-width:600px){.hero-copy{width:100%}.mine-environment{width:max(177.7svh,1458px);left:45%}.hanging-assembly{height:535px;width:291px;right:calc(50% - 170px);top:auto;bottom:212px;transform-origin:34% 0}.hanging-shadow{right:16%;bottom:25%;width:55%}.hero-shading{background:linear-gradient(180deg,#03101ec9, #03101e55 22%,transparent 36%,transparent 59%,#03101e99 73%,#03101efa 88%)}.hero-copy{padding-top:20px}.hero-origin{display:none}.mine-beam{background:conic-gradient(from 155deg at 60% -12%,transparent,#80cfff25 8deg,transparent 24deg)}.scene-ambient{filter:none;opacity:.65}.slide-copy h2{text-shadow:0 2px 12px #000}.scene-lamp{animation-name:practical-switch}.header{background:none}.hero-eyebrow{font-size:7px}.mine-fog{inset:45% -20% 20%}}
@media(max-width:370px){.hanging-assembly{height:490px;width:267px;bottom:218px;right:calc(50% - 151px)}}
@media(prefers-reduced-motion:reduce){.hanging-assembly,.hanging-shadow,.mine-beam,.mine-fog,.practical-light,.mine-dust{animation:none!important}}
/* V5 — explicit category, operator-scale composition and equipment dock. */
.headline-category{display:block;font-size:clamp(20px,2.3vw,36px);letter-spacing:.02em;line-height:1.15;font-weight:700;margin-bottom:14px;max-width:560px}.headline-main{font-size:clamp(72px,7.6vw,124px)}h1{margin-top:22px;margin-bottom:24px}.slide-copy h2{display:none}.slide-copy{min-height:80px}.hero-origin{margin-top:24px}.hero-copy{padding-top:15px;padding-bottom:20px}.hero{min-height:900px}.hero-scroll{display:none}
.category-zone{padding:20px var(--pad) 15px;isolation:isolate}.category-zone::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,#0879b5 0%,#092f64 1%,#061d40 48%,#020e23 100%);clip-path:polygon(4% 0,96% 0,100% 22%,100% 100%,0 100%,0 22%);border-top:2px solid #209ee9;box-shadow:inset 0 25px 65px #1676cf22}.category-zone::after{content:'';position:absolute;inset:2px 0 0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(125deg,#ffffff02 0 1px,transparent 1px 5px);clip-path:polygon(4% 0,96% 0,100% 22%,100% 100%,0 100%,0 22%)}.rail-heading{color:#e9f4ff;font-size:11px;letter-spacing:1.5px;margin:0 0 6px}.rail-hint{font-size:10px;color:#98bada}.category-rail{gap:16px;overflow:visible}.category{height:148px;border:0;border-bottom:2px solid #7fa8ca28;background:none!important;backdrop-filter:none;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:0 8px 10px;overflow:visible;text-align:center;isolation:isolate;transition:transform .3s}.category::before{inset:auto 10% 35px;height:19px;border-radius:50%;background:radial-gradient(ellipse,#000b,transparent 70%);opacity:1;z-index:-1}.category-photo{width:110px;height:97px;overflow:visible;display:grid;place-items:end center}.category-photo img{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 7px 5px #0007);transition:transform .35s;transform-origin:50% 100%}.category:hover .category-photo img,.category[data-active=true] .category-photo img{transform:translateY(-6px) scale(1.07)}.category[data-active=true]{border-color:#fb414b}.category[data-active=true]::after{content:'';position:absolute;bottom:33px;left:15%;right:15%;height:20px;background:#3b9bff33;filter:blur(12px);z-index:-1}.category-text{display:block}.category-number{display:none}.category-name{font-size:12px;font-weight:600}.category-progress{bottom:-2px}.category:hover{transform:translateY(-2px)}
.hanging-assembly{animation:hoist-settle 16s ease-in-out infinite;transform-origin:50% 0;height:82%;top:-1%;right:4%;aspect-ratio:1048/1486}.hanging-shadow{animation:none;width:35%;right:5%;bottom:22%;opacity:.7}.crane-caption{position:absolute;right:10%;bottom:25%;font:9px Arial;letter-spacing:1.5px;color:#b3d8f1;display:flex;gap:8px;align-items:center}.crane-caption i{width:5px;height:5px;background:#6ddaa9;border-radius:50%;box-shadow:0 0 10px #6ddaa9}.mine-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mine-rain i{position:absolute;left:var(--rx);top:-10%;width:1px;height:20px;background:linear-gradient(transparent,#b9e4ff77);animation:water-drop var(--rt) linear var(--rd) infinite}.mine-rain i:nth-child(3n){height:35px;opacity:.4}
@keyframes hoist-settle{0%,20%,75%,100%{transform:translate(0,0)}35%,55%{transform:translate(3px,-3px)}65%{transform:translate(1px,-1px)}}@keyframes water-drop{0%{transform:translateY(0);opacity:0}10%{opacity:.7}85%{opacity:.45}100%{transform:translateY(850px);opacity:0}}
@media(max-width:1100px) and (min-width:601px){.hanging-assembly{height:76%;right:-6%;top:5%}.hero{min-height:900px}.headline-category{font-size:25px}.category-name{font-size:10px}.category-photo{width:90px}}
@media(max-width:600px){.hero{min-height:930px;max-height:none}.headline-category{font-size:clamp(17px,4.6vw,24px);margin-bottom:8px;letter-spacing:0}.headline-main{font-size:clamp(57px,17.8vw,84px)}.headline-line{font-size:clamp(21px,6.1vw,29px);margin-top:5px}.hero-copy{padding-top:16px}h1{margin-top:12px}.hanging-assembly{width:365px;height:518px;right:calc(50% - 190px);bottom:255px;top:auto}.hanging-shadow{bottom:28%;width:75%;right:7%}.crane-caption{display:none}.slide-copy{bottom:64px;min-height:0}.scene-kicker{font-size:8px}.hero-actions{bottom:11px}.scene-controls{bottom:68px}.category-zone{padding:17px 0 11px}.category-zone::before,.category-zone::after{clip-path:polygon(6% 0,94% 0,100% 12%,100% 100%,0 100%,0 12%)}.rail-heading{padding:0 20px;font-size:8px;letter-spacing:.7px;margin-bottom:8px;display:block}.rail-heading>span:first-child{font-size:8px}.rail-hint{display:block;font-size:9px;margin-top:5px}.category-rail{overflow-x:auto;overflow-y:hidden;padding:8px 20px 0;gap:10px}.category{height:129px;flex:0 0 112px;padding:0 3px 8px}.category-photo{height:86px;width:91px}.category-name{font-size:10px;min-height:26px;display:flex;align-items:center;justify-content:center}.hero-shading{background:linear-gradient(180deg,#03101ec9,#03101e77 25%,transparent 40%,transparent 61%,#03101e88 76%,#03101ee0 86%)}.mine-rain i{opacity:.35}}
@media(max-width:370px){.hero{min-height:900px}.hanging-assembly{width:335px;height:475px;bottom:262px;right:calc(50% - 175px)}.headline-category{font-size:16px}.headline-main{font-size:56px}}
@media(prefers-reduced-motion:reduce){.hanging-assembly,.mine-rain i{animation:none!important}.category-photo img{transition:none}}
/* Source photograph keeps the operator/pump scale and hand contact intact. */
.hanging-assembly{aspect-ratio:1048/1220;width:auto;height:79%;right:0%;top:0;filter:drop-shadow(5px 8px 10px #0006);animation:none}.hanging-assembly img{animation:operator-settle 16s ease-in-out infinite;transform-origin:50% 100%}.hanging-shadow{right:7%;width:40%;bottom:20%}.crane-caption{right:12%;bottom:22%}
@keyframes operator-settle{0%,23%,75%,100%{transform:translateX(0)}38%,54%{transform:translateX(2px)}64%{transform:translateX(.5px)}}
@media(max-width:1100px) and (min-width:601px){.hanging-assembly{height:70%;right:-11%;top:7%}}
@media(max-width:600px){.hanging-assembly{width:400px;height:466px;right:calc(50% - 208px);bottom:273px;top:auto}.hanging-shadow{bottom:28%;right:7%;width:80%}}
@media(max-width:370px){.hanging-assembly{width:365px;height:425px;bottom:278px;right:calc(50% - 190px)}}
@media(prefers-reduced-motion:reduce){.hanging-assembly img{animation:none!important}}
/* V6: one photographic foreground including its real contact floor. */
.hero{min-height:960px}.live-mine .mine-environment{opacity:.18;filter:none}.operator-stage{position:absolute;right:0;bottom:160px;width:min(77vw,950px);aspect-ratio:1048/1219;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 94%,transparent)}.operator-stage>img{width:100%;height:100%;object-fit:contain}.operator-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051529 0%,transparent 3%,transparent 88%,#03101e88)}.operator-stage .mine-fog{inset:45% 0 8%;opacity:.35}.operator-stage .practical-light{width:80px}.floor-reflections{position:absolute;left:4%;right:2%;bottom:1%;height:19%;background:linear-gradient(100deg,transparent 5%,#ffae4944 16%,transparent 25%,#ffb65855 44%,transparent 56%,#8bcfff22 78%,transparent);mix-blend-mode:screen;mask-image:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 6px,transparent 8px 12px);animation:wet-floor 7s ease-in-out infinite alternate;pointer-events:none}.hero-shading{background:linear-gradient(90deg,#03101ef5,#03101ed9 24%,#03101e66 40%,transparent 57%),linear-gradient(0deg,#04152a 0%,transparent 22%,transparent 88%,#03101e55)}.hero-copy{width:39%;max-width:570px}.headline-category{font-size:clamp(20px,2.15vw,34px)}.headline-main{font-size:clamp(68px,7vw,112px)}.headline-line{font-size:clamp(21px,2.3vw,37px)}.scene-controls{bottom:18px}.hero-body{align-items:flex-start}.hero-copy{padding-top:60px}.hero-origin{margin-top:24px}.scene-ambient{background-image:var(--scene-image);opacity:.24;filter:none}.scene-art{right:0;bottom:160px;height:calc(100% - 90px);max-width:76%;mask-image:linear-gradient(90deg,transparent,#000 16%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000)}.scene[data-scene=slurry] .scene-reflection{height:20%;bottom:0;mask-image:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 6px,transparent 7px 11px);animation:wet-floor 7s ease-in-out infinite alternate}.scene[data-scene=slurry] .scene-haze{background:radial-gradient(ellipse at 25% 24%,#ff964421,transparent 50%);animation:evening-light 16s ease-in-out infinite alternate}
/* A stable common baseline: selection never moves or scales the equipment. */
.category,.category:hover{transform:none!important;transition:border-color .2s,color .2s}.category-photo img,.category:hover .category-photo img,.category[data-active=true] .category-photo img{transform:none!important;animation:none!important;transition:none!important}.category-photo{height:96px;align-items:end;position:relative}.category-photo::after{content:'';position:absolute;left:-8px;right:-8px;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,#648eb7aa,transparent)}.category::before{bottom:40px;height:10px;left:22%;right:22%;background:radial-gradient(ellipse,#000c,transparent 72%)}.category-progress{display:none!important}.category{border-bottom:2px solid #86afcf33;height:148px;justify-content:flex-start;padding-top:0;padding-bottom:9px;gap:9px}.category-text{height:30px;display:grid;place-items:center}.category-name{line-height:1.2}.category[data-active=true]{border-bottom-color:#ff4c52}.category[data-active=true]::after{bottom:42px;height:12px;opacity:.5}.rail-heading{margin-bottom:12px}.category-zone{padding-top:18px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-actions .primary{min-width:205px}
@keyframes wet-floor{0%{opacity:.12;transform:translateY(0)}50%{opacity:.48}100%{opacity:.2;transform:translateY(2px)}}@keyframes evening-light{from{opacity:.25;transform:translateX(-1%)}to{opacity:.65;transform:translateX(2%)}}
@media(min-width:1600px){.operator-stage{right:4%;width:min(72vw,1100px)}.hero-copy{padding-top:80px}}
@media(max-width:1100px) and (min-width:601px){.hero-copy{width:43%;padding-top:50px}.headline-main{font-size:74px}.headline-line{font-size:24px}.operator-stage{right:-11%;width:88vw;bottom:166px}.headline-category{font-size:23px}.category-photo{width:90px}.scene-art{right:-8%;max-width:80%}}
@media(max-width:600px){.hero{min-height:940px;height:100svh}.hero-copy{width:100%;max-width:none;padding-top:15px}.headline-category{font-size:clamp(17px,4.6vw,24px);margin-bottom:7px}.headline-main{font-size:clamp(57px,17.8vw,84px)}.headline-line{font-size:clamp(21px,6.1vw,29px)}.operator-stage{width:110%;right:-5%;bottom:267px;mask-image:linear-gradient(180deg,transparent,#000 13%,#000 97%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%,#000 97%,transparent)}.operator-stage::after{background:linear-gradient(0deg,#04152a44,transparent 6%,transparent 86%,#03101e55)}.hero-shading{background:linear-gradient(180deg,#03101ed9,#03101e77 22%,transparent 37%,transparent 64%,#03101e66 73%,#03101ef5 82%)}.hero-actions{flex-wrap:nowrap;gap:18px;bottom:14px}.hero-actions .primary{min-width:0}.slide-copy{bottom:69px}.scene-controls{bottom:72px}.scene-kicker{max-width:calc(100% - 100px)}.category-zone{padding:16px 0 11px}.rail-heading{margin-bottom:7px}.category-rail{padding-top:0}.category{flex-basis:112px;height:126px;gap:7px}.category-photo{height:82px;width:91px}.category-text{height:28px}.category::before{bottom:36px}.category[data-active=true]::after{bottom:36px}.scene-art{width:110%;height:auto;right:-5%;bottom:267px;max-width:none;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 97%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 97%,transparent)}}
@media(max-width:370px){.hero{min-height:900px}.operator-stage,.scene-art{width:115%;right:-7.5%;bottom:269px}.headline-main{font-size:56px}.headline-category{font-size:16px}}
@media(prefers-reduced-motion:reduce){.floor-reflections{animation:none!important}}
/* V7: foreground grounded in the new wide mine, synchronized helmet lighting. */
.live-mine .mine-environment{opacity:1;filter:none}.hero-shading{background:linear-gradient(90deg,#020d1877,transparent 55%),linear-gradient(0deg,#04152a 0%,transparent 25%,transparent 87%,#03101e55)}.operator-rig{position:absolute;width:min(68vw,850px);aspect-ratio:1048/1220;right:1%;bottom:185px;isolation:isolate}.operator-rig>img{width:100%;height:100%;object-fit:contain;transform-origin:29% 97%;animation:rig-tension 14s ease-in-out infinite}.operator-ground{position:absolute;right:1%;bottom:185px;width:min(68vw,850px);aspect-ratio:1048/1220;pointer-events:none;background:radial-gradient(ellipse 5% 1.2% at 22.5% 97.7%,#000e,transparent),radial-gradient(ellipse 7% 1.5% at 37% 95%,#000d,transparent),radial-gradient(ellipse 16% 2.5% at 31% 97%,#0009,transparent),radial-gradient(ellipse 18% 3% at 67% 96%,#0007,transparent)}.helmet-flare{position:absolute;left:32%;top:34.6%;width:45px;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0 8%,#e7f6ffdd 12%,#8bceff88 25%,transparent 68%);mix-blend-mode:screen;animation:helmet-on 9s linear infinite;filter:drop-shadow(0 0 14px #c4eaff)}.helmet-beam{position:absolute;left:32%;top:21%;width:49%;height:34%;clip-path:polygon(0 40%,100% 0,100% 100%);background:linear-gradient(90deg,#e7f6ff77,#a3d8ff24 50%,transparent);mix-blend-mode:screen;animation:helmet-on 9s linear infinite;pointer-events:none}.pump-light{position:absolute;left:53%;top:26%;width:30%;height:41%;background:radial-gradient(ellipse at 12% 35%,#d9f2ff77,transparent 66%);mix-blend-mode:soft-light;animation:helmet-on 9s linear infinite;pointer-events:none}.live-mine .practical-light{width:150px;animation:lamp-ignite 8s linear var(--phase) infinite;background:radial-gradient(circle,#fff 0 2%,#ffefc9ee 5%,#ffb139aa 14%,#ff920044 35%,transparent 70%)}.live-mine .practical-light::after{height:200%;background:linear-gradient(#ffbd5f66,transparent)}.hero-copy{text-shadow:0 2px 20px #0009}.hero-copy .primary{text-shadow:none}
@keyframes helmet-on{0%,14%,100%{opacity:.06}15%{opacity:1}16%{opacity:.15}18%,52%{opacity:1}58%,70%{opacity:.35}73%,88%{opacity:.85}94%{opacity:.08}}
@keyframes lamp-ignite{0%,12%,100%{opacity:.08}13%{opacity:1}14%{opacity:.15}16%,48%{opacity:1}49%{opacity:.25}51%,76%{opacity:.8}80%,94%{opacity:.12}}
/* Sub-pixel settling anchored at the boots; no floating or pendulum rotation. */
@keyframes rig-tension{0%,25%,80%,100%{transform:translateX(0)}40%,58%{transform:translateX(.7px)}68%{transform:translateX(.2px)}}
@media(min-width:1600px){.operator-rig,.operator-ground{right:6%;width:950px}}
@media(max-width:1100px) and (min-width:601px){.operator-rig,.operator-ground{right:-9%;width:77vw;bottom:190px}}
@media(max-width:600px){.operator-rig,.operator-ground{width:110%;right:-5%;bottom:268px}.hero-shading{background:linear-gradient(180deg,#03101e99,transparent 35%,transparent 65%,#03101e88 79%,#04152a 86%)}.helmet-flare{width:30px}.live-mine .mine-environment{left:45%;opacity:1}.live-mine .practical-light{width:120px}}
@media(max-width:370px){.operator-rig,.operator-ground{width:115%;right:-7.5%;bottom:270px}}
@media(prefers-reduced-motion:reduce){.operator-rig>img,.helmet-flare,.helmet-beam,.pump-light,.live-mine .practical-light{animation:none!important}.helmet-flare,.helmet-beam,.pump-light{opacity:.35}}
/* V8: light interacts with original surface pixels; canvas carries airborne dust/water. */
.operator-rig>img.lit-pump{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;filter:brightness(1.3) saturate(.55);mask-image:radial-gradient(ellipse 16% 23% at 58% 43%,#0009,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 16% 23% at 58% 43%,#0009,transparent 90%);opacity:var(--helmet-power,.4)}
.helmet-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
/* V9: guaranteed visible optical bloom below the fine particle layer. */
.operator-rig::after{content:'';position:absolute;left:31.87%;top:34.59%;width:76px;height:76px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fffdf2e6 0 3%,#e1f3ffb0 7%,#b3dfff55 20%,#93ccff22 40%,transparent 70%);mix-blend-mode:screen;animation:lamp-bloom-v9 9s ease-in-out infinite}.helmet-atmosphere{z-index:2}.operator-rig>img.lit-pump{opacity:calc(var(--helmet-power,.4) * .65)}
@keyframes lamp-bloom-v9{0%,100%{opacity:.65}19%,52%{opacity:1}63%{opacity:.75}82%{opacity:.95}}
@media(max-width:600px){.operator-rig::after{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.operator-rig::after{animation:none;opacity:.8}}
/* V11: four desktop stories. Original pump pixels sit in independent scenes. */
.desktop-stage{display:none}
@media(min-width:801px){
 .scene:not(.live-mine)>.scene-ambient,.scene:not(.live-mine)>.scene-art{display:none}
 .scene:not(.live-mine) .desktop-stage{display:block;position:absolute;inset:0;overflow:hidden;isolation:isolate}
 .desktop-landscape{position:absolute;inset:-1%;background-image:var(--desktop-image);background-size:cover;background-position:center;filter:saturate(.95) contrast(1.04)}
 .desktop-stage::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#04111dc4 0%,#04111d7c 22%,#04111d18 48%,transparent 72%),linear-gradient(0deg,#04111d 0%,transparent 26%,transparent 85%,#04111d33)}
 .desktop-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 16%,#73bbff2b,transparent 42%),linear-gradient(115deg,transparent 22%,#77baff17 50%,transparent 70%);mix-blend-mode:screen;opacity:.3;animation:desktop-air-breathe 11s ease-in-out infinite alternate}
 .desktop-practical-light{position:absolute;left:var(--light-x);top:var(--light-y);width:clamp(70px,8vw,160px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#fff6dbab 0 3%,#ffca7055 12%,#ff9c1829 36%,transparent 70%);animation:desktop-lamp 7.5s ease-in-out var(--light-phase) infinite}
 .desktop-subject{position:absolute;z-index:2;right:var(--product-right,3%);bottom:var(--product-bottom,190px);height:var(--product-height,min(75svh,770px));aspect-ratio:var(--product-ratio);filter:drop-shadow(0 17px 16px #0009)}
 .desktop-subject>img{display:block;width:100%;height:100%;object-fit:contain}
 .desktop-subject>.desktop-surface-glint{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;filter:brightness(1.4) saturate(.7);opacity:.17;mask-image:linear-gradient(105deg,transparent 22%,#000 37%,transparent 51%);-webkit-mask-image:linear-gradient(105deg,transparent 22%,#000 37%,transparent 51%);animation:desktop-product-glint 11s ease-in-out infinite}
 .desktop-ground-shadow{position:absolute;z-index:1;right:var(--shadow-right,6%);bottom:var(--shadow-bottom,184px);width:var(--shadow-width,44%);height:clamp(25px,5svh,62px);background:radial-gradient(ellipse,#000b 0%,#0008 30%,transparent 73%);filter:blur(6px);transform:skewX(-10deg)}
 .desktop-wet-light{position:absolute;z-index:1;left:28%;right:0;bottom:170px;height:24%;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 6%,#ffd4962d 24%,transparent 31%,#81c3f62e 55%,transparent 68%,#ffbc6c22 87%,transparent);mask-image:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 7px,transparent 8px 14px);-webkit-mask-image:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 7px,transparent 8px 14px);animation:desktop-wet-glow 8s ease-in-out infinite alternate}
 .desktop-air{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:radial-gradient(#e1edff8c .5px,transparent 1px),radial-gradient(#ffc87566 .5px,transparent 1px);background-size:211px 179px,311px 257px;opacity:.18;mask-image:linear-gradient(#000,transparent 82%);-webkit-mask-image:linear-gradient(#000,transparent 82%);animation:desktop-air-drift 25s linear infinite}
 .desktop-sand{--product-ratio:1048/1090;--product-height:min(76svh,810px);--product-right:2%;--shadow-right:6%;--shadow-width:49%}
 .desktop-drainage{--product-ratio:699/980;--product-height:min(73svh,780px);--product-right:7%;--shadow-right:9%;--shadow-width:37%}
 .desktop-drainage .desktop-landscape{filter:hue-rotate(5deg) saturate(.9) brightness(.82)}
 .desktop-drainage .desktop-wet-light{background:linear-gradient(105deg,transparent,#4caeff37 27%,transparent 39%,#d5efff2e 56%,transparent 77%);animation-duration:5s}
 .desktop-slurry{--product-ratio:1048/1110;--product-height:min(78svh,815px);--product-right:2%;--shadow-right:7%;--shadow-width:42%}
 .desktop-slurry .desktop-atmosphere{background:linear-gradient(180deg,#e25c6029 0%,#fdb25d20 29%,transparent 62%);opacity:.5;animation:desktop-sunset 15s ease-in-out infinite alternate}
 .desktop-slurry .desktop-wet-light{background:linear-gradient(100deg,transparent 4%,#ffae483c 23%,transparent 34%,#ffd09745 51%,transparent 68%,#ffb04e38 87%,transparent)}
 .desktop-pulp{--product-ratio:924/900;--product-height:min(72svh,755px);--product-right:2%;--shadow-right:5%;--shadow-width:46%}
 .desktop-pulp .desktop-atmosphere{background:radial-gradient(ellipse at 73% 43%,#ffc47129,transparent 50%),linear-gradient(180deg,#2974cd20,transparent 50%);animation-duration:14s}
 .desktop-pulp .desktop-air{opacity:.3;background-size:157px 193px,263px 227px}
 .hero-shading{background:linear-gradient(90deg,#03101e66,transparent 50%),linear-gradient(0deg,#04152a 0%,transparent 25%)}
}
@keyframes desktop-lamp{0%,100%{opacity:.2}13%{opacity:.7}18%{opacity:.35}22%,56%{opacity:1}65%{opacity:.52}79%{opacity:.82}}
@keyframes desktop-air-breathe{from{opacity:.24;transform:translateX(-1%)}to{opacity:.6;transform:translateX(2%)}}
@keyframes desktop-product-glint{0%,10%{mask-position:-250px 0;-webkit-mask-position:-250px 0;opacity:.07}50%{mask-position:250px 0;-webkit-mask-position:250px 0;opacity:.24}95%,100%{mask-position:500px 0;-webkit-mask-position:500px 0;opacity:.06}}
@keyframes desktop-wet-glow{from{opacity:.12;transform:translateX(-2%)}to{opacity:.56;transform:translateX(2%)}}
@keyframes desktop-air-drift{to{background-position:83px -179px,-37px -257px}}
@keyframes desktop-sunset{from{opacity:.28}to{opacity:.8}}
@media(min-width:801px) and (max-width:1100px){.desktop-sand{--product-height:min(69svh,730px);--product-right:-4%}.desktop-drainage{--product-height:min(69svh,730px);--product-right:2%}.desktop-slurry{--product-height:min(72svh,760px);--product-right:-4%}.desktop-pulp{--product-height:min(69svh,720px);--product-right:-4%}}
@media(prefers-reduced-motion:reduce){.desktop-stage *{animation:none!important}}
@media(min-width:801px){.desktop-slurry{--product-ratio:500/1110;--product-height:min(79svh,830px);--product-right:7%;--shadow-right:7%;--shadow-width:25%}.desktop-secondary{position:absolute;z-index:1;right:28%;bottom:190px;height:200px;aspect-ratio:540/300;filter:drop-shadow(0 13px 10px #000a)}.desktop-secondary img{width:100%;height:100%;object-fit:contain}.desktop-secondary::after{content:'';position:absolute;left:10%;right:6%;bottom:-9px;height:16px;background:radial-gradient(ellipse,#0009,transparent 72%);z-index:-1}}
@media(min-width:801px) and (max-width:1100px){.desktop-slurry{--product-height:min(72svh,760px);--product-right:0%}.desktop-secondary{right:27%;height:160px}}
@media(min-width:801px){.desktop-subject>.desktop-surface-glint{mask-size:220% 100%;-webkit-mask-size:220% 100%;mask-position:-100% 0;-webkit-mask-position:-100% 0}}
@keyframes desktop-product-glint{0%,12%{mask-position:-100% 0;-webkit-mask-position:-100% 0;opacity:.04}50%{mask-position:55% 0;-webkit-mask-position:55% 0;opacity:.18}88%,100%{mask-position:110% 0;-webkit-mask-position:110% 0;opacity:.04}}
/* V12: horizontally extended brochure scenes retain solid, intact product pixels. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.scene-arrows button .ui-arrow{width:22px;height:22px;vertical-align:middle}
.mobile-rig-extension{display:none}
@media(min-width:801px){
 .desktop-landscape{inset:-1%;background-position:64% center;filter:saturate(1.02) contrast(1.02)}
 .desktop-sand .desktop-landscape{transform:scale(1.07);transform-origin:69% 56%}
 .desktop-drainage .desktop-landscape{filter:saturate(1.02) contrast(1.02)}
 .desktop-practical-light{z-index:4;width:clamp(84px,8.5vw,170px);background:radial-gradient(circle,#fffefaaf 0 2%,#ffdf938f 7%,#ffad4273 17%,#ff9c1830 39%,transparent 70%);animation:lamp-ignite 8s linear var(--light-phase) infinite}
 .desktop-headlight{position:absolute;z-index:4;left:var(--light-x);top:var(--light-y);width:clamp(92px,10vw,180px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#fffff0ef 0 2%,#fff5d5d9 6%,#ffd37b95 14%,#ffad4c44 34%,transparent 70%);animation:truck-headlamp 7.2s ease-in-out var(--light-phase) infinite}
 .desktop-wet-light{z-index:2;opacity:.42}
}
@keyframes truck-headlamp{0%,100%{opacity:.12}12%{opacity:.87}14%{opacity:.45}16%,51%{opacity:.95}55%{opacity:.22}59%,76%{opacity:.8}88%{opacity:.3}}
@media(max-width:600px){
 .mobile-rig-extension{display:block;position:absolute;z-index:1;top:0;left:-5%;width:110%;height:calc(var(--rig-top,180px) + 6px);pointer-events:none;opacity:.92;mask-image:linear-gradient(180deg,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}
 .mobile-rig-extension svg{display:block;width:100%;height:100%}
}
@media(max-width:370px){.mobile-rig-extension{left:-7.5%;width:115%}}
@media(prefers-reduced-motion:reduce){.desktop-headlight{animation:none!important;opacity:.68}}
/* V13: the slider owns one viewport; equipment navigation starts on the next scroll. */
.hero{height:100svh;min-height:0;max-height:none}
.hero-body{min-height:0}
.hero-scroll{display:flex;position:absolute;left:var(--pad);bottom:18px;z-index:4;align-items:center;gap:12px;padding:10px 0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#d4e6f1}
.hero-scroll span{margin:0}
.category-zone{position:relative;isolation:isolate;min-height:380px;padding:62px var(--pad) 72px;background:linear-gradient(145deg,#081e39 0%,#06142b 60%,#06101d 100%)}
.category-zone::before,.category-zone::after{content:none}
.rail-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px;color:#e8f4ff;font-size:clamp(11px,1vw,15px);letter-spacing:.12em}
.rail-hint{font-size:11px;letter-spacing:0;color:#9cbdd5}
.category-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;overflow:visible}
.category,.category:hover{height:310px;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:0;overflow:hidden;text-align:left;background:#0b2741!important;border:1px solid #71a5c444;border-radius:12px;box-shadow:0 22px 35px #0003;transition:border-color .22s,box-shadow .22s!important}
.category::before,.category::after,.category[data-active=true]::after{content:none}
.category:hover,.category[data-active=true]{border-color:#d4e8f2;box-shadow:0 22px 42px #0006,0 0 0 1px #a7d3f055}
.category[data-active=true]{border-color:#ee5663}
.category-photo{display:block;position:relative;flex:none;width:100%;height:245px;overflow:hidden;background:#071c31}
.category-photo::before{content:'';position:absolute;inset:-10%;background-image:var(--card-image);background-position:center 45%;background-size:cover;filter:blur(13px) brightness(.35) saturate(1.25)}
.category-photo::after{content:'';position:absolute;inset:0;height:auto;background:linear-gradient(0deg,#0b2741 0%,transparent 28%,transparent 85%,#03101c33)}
.category-photo img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 10px 12px #000a)}
.category-text{width:100%;height:64px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#0b2741}
.category-number{display:block;flex:none;margin:0;color:#6ba9cc;font-size:9px;letter-spacing:.1em}
.category-name{display:block;text-align:right;color:#edf7ff;font-size:clamp(11px,.85vw,15px);line-height:1.2;font-weight:700}
.category-progress{display:none!important}
@media(min-width:801px){
 .mine-environment,.live-mine .mine-environment{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background-size:cover;background-position:center;opacity:1}
 .desktop-stage::before{content:'';position:absolute;inset:-3%;z-index:0;background-image:var(--desktop-image);background-size:cover;background-position:center;filter:blur(26px) brightness(.55)}
 .desktop-landscape{inset:0;z-index:1;background-size:contain;background-repeat:no-repeat;background-position:right center;filter:saturate(1.02) contrast(1.02)}
 .desktop-sand .desktop-landscape{transform:none}
 .desktop-drainage .desktop-landscape{filter:saturate(1.02) contrast(1.02)}
 .hero-shading{background:linear-gradient(90deg,#03101ee0 0%,#03101e9a 22%,#03101e36 42%,transparent 63%),linear-gradient(0deg,#03101e99,transparent 23%)}
 .scene-controls{bottom:42px}
}
@media(min-width:801px) and (max-width:1250px){.category-zone{padding-top:48px}.category-rail{gap:9px}.category,.category:hover{height:278px}.category-photo{height:218px}.category-text{height:60px;padding:8px}.category-name{font-size:11px}}
@media(max-width:800px){
 .hero{height:100svh;min-height:0;max-height:none}
 .category-zone{min-height:0;padding:38px 0 46px}
 .rail-heading{padding:0 var(--pad);display:block;margin-bottom:17px;font-size:12px}
 .rail-hint{display:block;margin-top:6px;font-size:10px}
 .category-rail{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:0 var(--pad) 12px;gap:12px;scrollbar-width:none}
 .category{flex:0 0 220px;scroll-snap-align:start}
 .scene-art{bottom:85px}
 .operator-rig,.operator-ground{bottom:90px}
 .hero-scroll{display:none}
}
@media(max-width:600px){
 .hero{height:100svh;min-height:0}
 .scene-art{bottom:87px}
 .operator-rig,.operator-ground{bottom:88px}
 .scene-controls{bottom:72px}
 .category,.category:hover{height:280px;flex-basis:210px}
 .category-photo{height:218px;width:100%}
 .category-text{height:62px}
 .category-name{font-size:12px}
}
@media(max-width:370px){.operator-rig,.operator-ground{bottom:91px}.scene-art{bottom:90px}}
/* V14: original supplied submersible pump, grounded in the existing mine. */
.standalone-pump{position:absolute;z-index:2;right:clamp(3%,6vw,10%);bottom:16%;height:min(76svh,930px);aspect-ratio:614/922;isolation:isolate;pointer-events:none}
.standalone-pump::before{content:'';position:absolute;z-index:-1;left:23%;right:-6%;bottom:-1.2%;height:7%;border-radius:50%;background:radial-gradient(ellipse,#000f 0%,#000c 34%,#0005 58%,transparent 76%);filter:blur(9px);transform:skewX(-8deg)}
.standalone-pump img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.93) contrast(1.08) saturate(1.06) drop-shadow(13px 15px 12px #010710ae)}
.category[data-index="4"] .category-photo::before{background-position:68% center}
.category[data-index="4"] .category-photo img{filter:brightness(.95) contrast(1.06) drop-shadow(0 12px 9px #000b)}
@media(min-width:801px) and (max-width:1150px){.standalone-pump{right:2%;height:min(72svh,720px);bottom:15%}}
@media(max-width:800px){.live-mine .mine-environment{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background-size:cover;background-position:58% center}.standalone-pump{right:2%;bottom:13%;height:min(60svh,620px)}}
@media(max-width:600px){.standalone-pump{right:-1%;bottom:12%;height:min(57svh,510px)}.standalone-pump::before{filter:blur(6px)}}

/* V15: scale and colour-match the original supplied pump without altering its geometry. */
@media(min-width:1151px){.standalone-pump{right:clamp(10%,13vw,16%);height:min(66svh,810px);bottom:16%}}
@media(min-width:801px) and (max-width:1150px){.standalone-pump{right:10%;height:min(63svh,660px);bottom:15%}}
.standalone-pump img{filter:brightness(1.09) contrast(1.07) saturate(1.28) hue-rotate(-7deg) drop-shadow(13px 15px 12px #010710ae)}
@media(max-width:800px){.standalone-pump{right:8%;height:min(54svh,560px)}}
@media(max-width:600px){.standalone-pump{right:7%;height:min(51svh,460px)}}

/* Equipment selector: portrait-format artwork sits edge-to-edge inside narrower cards. */
.category-zone{padding:70px var(--pad) 84px}
.rail-heading,.category-rail{width:min(100%,1380px);margin-inline:auto}
.rail-heading{margin-bottom:25px;font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:.1em}
.category-rail{gap:15px}
.category,.category:hover{height:348px;border-radius:9px;background:#08243f!important}
.category-photo{height:279px;background:#071c32}
.category-photo::before{inset:0;background:linear-gradient(135deg,#102b47,#06182d);filter:none}
.category-photo::after{background:linear-gradient(0deg,#061c31 0%,transparent 14%,transparent 85%,#06111d30)}
.category-photo img{object-fit:contain;object-position:center center;filter:none}
.category-text{height:68px;padding:10px 14px;background:#0a2c4a;transition:background .25s}
.category-name{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(12px,.9vw,16px);line-height:1.12;letter-spacing:-.035em;text-transform:uppercase}
.category-number{font-weight:700}
.category[data-active=true] .category-text{background:#d61f2c}
.category[data-active=true] .category-number{color:#ffdce0}
.category[data-active=true]{border-color:#f2424e;box-shadow:0 20px 42px #0007,0 0 0 1px #ff5260aa}
.category[data-index="4"] .category-photo{background:#061a31}
.category[data-index="4"] .category-photo::before{background-image:linear-gradient(0deg,#041322a8,transparent 38%),var(--card-image);background-size:cover;background-position:54% center;filter:brightness(.94) saturate(1.07)}
.category[data-index="4"] .category-photo img{width:100%;height:100%;padding:8px 0 4px;filter:brightness(1.09) contrast(1.07) saturate(1.28) hue-rotate(-7deg) drop-shadow(0 12px 9px #000b)}
@media(min-width:801px) and (max-width:1250px){.category-zone{padding-top:55px}.category-rail{gap:10px}.category,.category:hover{height:300px}.category-photo{height:240px}.category-text{height:59px;padding:8px}.category-name{font-size:clamp(10px,1vw,13px)}}
@media(max-width:800px){.category-zone{padding:44px 0 52px}.rail-heading{padding:0 var(--pad)}.category-rail{width:100%;margin:0;padding:0 var(--pad) 14px;gap:12px}.category,.category:hover{height:300px;flex:0 0 240px}.category-photo{height:239px}.category-text{height:60px}.category-name{font-size:12px}}
@media(max-width:600px){.category-zone{padding:35px 0 45px}.rail-heading{margin-bottom:18px}.rail-heading>span:first-child{font-size:11px;line-height:1.35;display:block}.category,.category:hover{height:275px;flex-basis:215px}.category-photo{height:216px}.category-text{height:58px}.category-name{font-size:11px}}

/* A three-part company story using the manufacturing imagery and text from the booklets. */
.company{color:#eaf1f5;background:#061b32}
.company .section-top,.clients-section .section-top{border-color:#a5c5d033}
.company-opening{min-height:100svh;padding-top:82px;padding-bottom:88px;background:radial-gradient(ellipse at 100% 0%,#173f68 0,transparent 44%),#071b31}
.company .section-location{color:#91aabd}
.company-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.64fr);gap:8%;align-items:end;margin:0 0 52px}
.company h2,.clients-section h2,.contacts h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.065em;line-height:.99}
.company h2{font-size:clamp(44px,5.35vw,94px)}
.company h2 span{color:#7eb6da}
.company-lead-copy{max-width:480px;padding-bottom:4px;color:#b7cbd8;font-size:clamp(14px,1.05vw,17px);line-height:1.7}
.company-lead-copy p+p{margin-top:20px}
.company-lead-copy .lead{color:#fff;font-size:clamp(18px,1.5vw,25px);font-weight:700;line-height:1.3}
.production-panorama{position:relative;margin:0;overflow:hidden;background:#06111d}
.production-panorama img{width:100%;height:clamp(300px,40vw,600px);object-fit:cover;object-position:center}
.production-panorama::after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#04162ac7,transparent);pointer-events:none}
.production-panorama figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:22px;display:flex;justify-content:space-between;gap:20px;color:#fff;font-size:11px;letter-spacing:.08em}
.production-panorama figcaption span:last-child{letter-spacing:0;color:#d5e2e9}
.company-engineering{min-height:100svh;background:#e8eceb;color:#14232f;padding-top:88px;padding-bottom:90px}
.company-engineering .section-top{border-color:#a8b6bd}
.company-engineering .section-location{color:#677984}
.engineering-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.62fr);gap:8%;align-items:end;margin-bottom:56px}
.engineering-head h2{font-size:clamp(42px,4.8vw,84px)}
.engineering-head h2 span{color:#718b9b}
.engineering-head>p{max-width:470px;font-size:clamp(14px,1vw,17px);line-height:1.7}
.capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}
.capabilities article{min-height:244px;padding:25px 26px 28px;background:#fff;border-top:3px solid #d62734;box-shadow:0 14px 28px #1125360b}
.capabilities article>span,.production-gallery figcaption{font-size:10px;font-weight:700;letter-spacing:.12em;color:#b32937}
.capabilities h3{font-size:clamp(21px,1.8vw,30px);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin:28px 0 18px}
.capabilities p{font-size:13px;line-height:1.65;color:#50616b}
.production-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.production-gallery figure{margin:0;background:#09243f;overflow:hidden}
.production-gallery img{width:100%;height:clamp(185px,19vw,310px);object-fit:cover}
.production-gallery figcaption{padding:14px 18px;color:#d8eaf3}
.company-assurance{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 0 0;margin-top:60px;border-top:1px solid #aebdc5}
.company-assurance h3{font-size:clamp(38px,4vw,70px);font-weight:900;letter-spacing:-.065em;line-height:1.03}
.company-assurance>div{display:grid;gap:18px}
.company-assurance p{font-size:15px;line-height:1.65;color:#445866;border-bottom:1px solid #bcc8cd;padding-bottom:18px}
.company-assurance b{color:#112a3b}
.clients-section{min-height:90svh;background:linear-gradient(145deg,#06182e,#092c4b 64%,#061729);color:#fff;padding-top:84px;padding-bottom:100px}
.clients-section .section-location{color:#90b0c8}
.clients-head{display:flex;align-items:end;justify-content:space-between;gap:8%;margin-bottom:44px}
.clients-section h2{font-size:clamp(45px,4.6vw,82px)}
.clients-section h2 span{color:#8ac2e5}
.clients-head p{max-width:360px;color:#b3c9d9;font-size:14px;line-height:1.7}
.client-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.client-group{position:relative;display:flex;flex-direction:column;gap:18px;min-height:205px;padding:20px 24px 24px;background:#ebf2f5;border:1px solid #afcadb;color:#285273}
.client-group>span{font-size:10px;font-weight:700;letter-spacing:.12em;color:#7692a5}
.client-group img{width:100%;height:140px;object-fit:contain;object-position:center;max-width:none}
@media(max-width:1000px){.company-lead,.engineering-head{gap:5%}.company h2{font-size:clamp(42px,5.2vw,70px)}.engineering-head h2{font-size:clamp(40px,5vw,70px)}.capabilities article{padding:20px;min-height:260px}.client-group{min-height:170px}.client-group img{height:112px}}
@media(max-width:700px){.company-opening,.company-engineering,.clients-section{padding-top:52px;padding-bottom:58px;min-height:0}.company-lead,.engineering-head,.company-assurance{grid-template-columns:1fr;gap:26px}.company-lead{margin-bottom:36px}.company h2,.engineering-head h2,.clients-section h2{font-size:clamp(39px,10vw,68px);line-height:1.02}.company-lead-copy,.engineering-head>p{max-width:none}.production-panorama img{height:330px}.production-panorama figcaption{left:15px;right:15px;bottom:14px;font-size:9px}.production-panorama figcaption span:last-child{display:none}.capabilities{grid-template-columns:1fr;gap:9px}.capabilities article{min-height:0;padding:20px}.capabilities h3{margin:15px 0 10px}.production-gallery{grid-template-columns:repeat(2,1fr);gap:8px}.production-gallery figure:last-child{grid-column:1/-1}.production-gallery img{height:180px}.production-gallery figure:last-child img{height:210px}.company-assurance{margin-top:42px;padding-top:42px}.company-assurance h3{font-size:clamp(36px,9vw,55px)}.clients-head{display:block}.clients-head p{margin-top:26px}.client-groups{grid-template-columns:1fr;gap:10px}.client-group{min-height:155px;padding:16px}.client-group img{height:105px}.clients-section{padding-bottom:68px}}
@media(max-width:420px){.company h2,.engineering-head h2,.clients-section h2{font-size:clamp(34px,9vw,42px)}.production-panorama img{height:275px}.production-gallery img{height:145px}.production-gallery figure:last-child img{height:175px}.client-group img{height:90px}}
:root{--display:Arial,Helvetica,sans-serif}
.menu-dialog nav,.dialog-content>h2{font-weight:900;letter-spacing:-.045em}

/* V16: supplied production photograph, deliberate headline breaks, individual client marks. */
.company-lead h2{font-size:clamp(34px,3.8vw,72px);line-height:1.04;letter-spacing:-.055em}
.company-lead h2 .lead-line{display:block;white-space:nowrap}
.company-lead h2 .lead-line:first-child{color:#f7fafc}
.company-lead h2 .lead-line-accent{color:#8ac2e5}
.production-panorama img{height:clamp(360px,35vw,680px);object-fit:cover;object-position:center 69%}
.clients-section{background:#03090f}
.client-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:1px;background:#ffffff48}
.client-logo{min-width:0;min-height:144px;display:grid;place-items:center;background:#03090f}
.client-logo[hidden]{display:none}
.client-logo img{width:80%;height:74px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}
.clients-more{display:flex;align-items:center;justify-content:center;gap:18px;min-height:50px;margin:28px auto 0;padding:12px 22px;border:1px solid #ffffff7a;background:transparent;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;transition:background .2s,border-color .2s}
.clients-more:hover{background:#ffffff18;border-color:#fff}
.clients-more .ui-arrow{width:17px;height:17px;transition:transform .2s}
.clients-more[aria-expanded="true"] .ui-arrow{transform:rotate(180deg)}
@media(max-width:1300px){.client-logos{grid-template-columns:repeat(5,minmax(0,1fr))}.client-logo{min-height:133px}}
@media(max-width:900px){.client-logos{grid-template-columns:repeat(4,minmax(0,1fr))}.client-logo{min-height:120px}.client-logo img{height:62px}}
@media(max-width:700px){.company-lead h2{font-size:clamp(25px,7vw,48px);letter-spacing:-.06em}.production-panorama img{height:330px;object-position:62% 66%}.client-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.client-logo{min-height:108px}.client-logo img{width:82%;height:56px}}
@media(max-width:420px){.company-lead h2{font-size:clamp(24px,7vw,29px)}.production-panorama img{height:300px;object-position:62% 66%}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo{min-height:104px}}

/* V17: light, contact shadow and wet-floor reflection follow the unaltered pump image. */
.standalone-pump::before{z-index:1;left:-9%;right:-8%;bottom:-2%;height:10%;transform:skewX(-7deg);background:radial-gradient(ellipse at 61% 45%,#01070ffa 0%,#01070fe0 26%,#01070f8c 47%,transparent 76%);filter:blur(12px)}
.standalone-pump>.pump-product{position:relative;z-index:2;filter:brightness(.96) contrast(1.09) saturate(1.08) drop-shadow(9px 14px 11px #010710b8)}
.pump-reflection{position:absolute;z-index:0;left:-1%;top:98%;width:102%;height:100%;transform:scaleY(.31) skewX(-7deg);transform-origin:center top;opacity:.34;filter:blur(2.4px);mask-image:linear-gradient(to bottom,#000 0%,#000a 18%,transparent 54%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000a 18%,transparent 54%);pointer-events:none}
.standalone-pump .pump-reflection img{display:block;width:100%;height:100%;object-fit:contain;transform:scaleY(-1);filter:brightness(.65) contrast(1.17) saturate(.83)}
.pump-groundlight{position:absolute;z-index:0;left:-17%;right:-12%;bottom:-4%;height:15%;background:radial-gradient(ellipse at 23% 54%,#ff9f3340 0%,transparent 39%),radial-gradient(ellipse at 70% 45%,#77caff3b 0%,transparent 56%);filter:blur(13px);mix-blend-mode:screen;pointer-events:none}
.standalone-pump::after{content:'';position:absolute;z-index:3;inset:0;background:linear-gradient(100deg,#04132a99 0%,transparent 23%,transparent 66%,#06152ab0 100%),linear-gradient(0deg,#03132688,transparent 24%,transparent 82%);opacity:.4;mix-blend-mode:multiply;mask-image:url('assets/submersible-pump-original.png');-webkit-mask-image:url('assets/submersible-pump-original.png');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none}
.pump-environment-light{position:absolute;z-index:4;inset:0;background:linear-gradient(98deg,#ffb45fca 0%,#ffad5840 13%,transparent 34%,transparent 72%,#a2d9ff2e 100%),radial-gradient(ellipse at 66% 9%,#b3e5ff87,transparent 41%);opacity:.27;mix-blend-mode:screen;mask-image:url('assets/submersible-pump-original.png');-webkit-mask-image:url('assets/submersible-pump-original.png');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none}
@media(max-width:600px){.standalone-pump::before{filter:blur(7px)}.pump-reflection{opacity:.23;transform:scaleY(.24) skewX(-7deg)}.pump-groundlight{filter:blur(8px)}}

/* V18: a single fixed glass header and a continuous blue palette below the hero. */
html{scroll-padding-top:0}
#categories,#company,#clients,#contacts{scroll-margin-top:112px}
.skip{z-index:120}
.header{position:fixed;inset:0 0 auto;z-index:100;width:100%;height:96px;min-height:96px;margin:0;padding:0 var(--pad);background:rgba(6,27,49,.48);border-bottom:1px solid #a4c9e642;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);transition:background .25s ease,box-shadow .25s ease}
.has-scrolled .header{background:rgba(6,27,49,.84);box-shadow:0 12px 28px #020b1640}
.header-spacer{height:96px;min-height:96px;flex:none}
.desktop-nav{gap:clamp(22px,2.1vw,42px);font-size:clamp(13px,.83vw,15px);font-weight:700;letter-spacing:-.015em}
.desktop-nav a{color:#edf4f9}
.desktop-nav sup{font-size:9px;font-weight:700;color:#8fb8d6}
.header-phone{font-size:clamp(16px,1.05vw,19px);font-weight:700;letter-spacing:-.035em;white-space:nowrap}
.header-phone small{font-size:10px;letter-spacing:0;color:#bdd1e1;margin-top:1px}
.clients-section{background:linear-gradient(145deg,#0b2b4b 0%,#071b31 65%,#061426 100%)}
.clients-section .section-top{border-color:#8dbbd63b}
.client-logos{gap:0;padding:0;background:transparent;border-top:1px solid #8bb6d044;border-left:1px solid #8bb6d044}
.client-logo{background:#0a2541;border-right:1px solid #8bb6d044;border-bottom:1px solid #8bb6d044}
.clients-more{min-height:56px;gap:22px;margin-top:30px;padding:14px 27px;border:1px solid #e3222c;background:#e3222c;color:#fff;font-size:14px;letter-spacing:0;box-shadow:0 12px 24px #020d1c38}
.clients-more:hover{background:#bf1420;border-color:#bf1420}
.clients-more .ui-arrow{width:18px;height:18px}
.contacts{background:linear-gradient(155deg,#0a2a48 0%,#071b31 72%,#061426 100%)}
.contact-details{color:#b5cbdc}
.contact-phone{font-size:clamp(26px,2.2vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.15}
.contact-phone .ui-arrow{width:.8em;height:.8em}
.footer-line{border-color:#8dbbd63b;color:#99b4c8}
@media(max-width:800px){#categories,#company,#clients,#contacts{scroll-margin-top:94px}.header{height:80px;min-height:80px;margin:0;padding:0 var(--pad)}.header-spacer{height:80px;min-height:80px}}
@media(max-width:600px){#categories,#company,#clients,#contacts{scroll-margin-top:84px}.header{height:70px;min-height:70px;margin:0;padding:0 var(--pad)}.header-spacer{height:70px;min-height:70px}.clients-more{min-height:50px;font-size:12px}.contact-phone{font-size:clamp(23px,6vw,32px)}}

/* V19: a dewatering bay with one wet foreground deck and a working rear plane. */
.dewatering-scene .mine-environment{inset:auto;left:var(--set-left,0px);bottom:0;width:var(--set-width,100%);height:var(--set-height,100%);aspect-ratio:auto;transform:none;background-image:url('assets/scenes/submersible-mine-v19.png');background-size:100% 100%;background-position:center;filter:none;opacity:1}
.dewatering-scene .practical-light{width:9%;opacity:.7}
.dewatering-scene .practical-light::after{opacity:.3}
.sump-reflections{position:absolute;left:36%;right:12%;top:54%;height:17%;background:linear-gradient(90deg,transparent 12%,#ffb85d66 23%,transparent 29%,#ffc87555 35%,transparent 41%,transparent 59%,#ffa83d55 69%,transparent 75%,#ffc87555 82%,transparent 87%);mix-blend-mode:screen;mask-image:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 6px,transparent 8px 13px);-webkit-mask-image:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 6px,transparent 8px 13px);filter:blur(1.5px);animation:sump-shimmer 6s ease-in-out infinite alternate;pointer-events:none}
.sump-mist{position:absolute;inset:38% 17% 28% 34%;background:radial-gradient(ellipse,#91bfdf17,transparent 68%);mix-blend-mode:screen;animation:mine-fog 18s ease-in-out infinite alternate;pointer-events:none}
.dewatering-scene .standalone-pump{right:12%;bottom:13.5%;height:min(64svh,810px)}
.dewatering-scene .standalone-pump::before{left:-3%;right:-5%;bottom:-1.6%;height:6%;background:radial-gradient(ellipse at 66% 47%,#01060df5 0%,#01060dd9 26%,#01060d66 47%,transparent 69%),radial-gradient(ellipse at 18% 48%,#01060dbb,transparent 37%);filter:blur(6px);transform:skewX(-4deg)}
.dewatering-scene .standalone-pump>.pump-product{filter:brightness(1.08) contrast(1.13) saturate(1.35) hue-rotate(-4deg) drop-shadow(4px 9px 6px #020916a6)}
.dewatering-scene .standalone-pump::after{opacity:.28;background:linear-gradient(100deg,#04132a88,transparent 24%,transparent 67%,#06152a99),linear-gradient(0deg,#03132677,transparent 22%)}
.dewatering-scene .pump-environment-light{opacity:.3;background:radial-gradient(ellipse at 43% 15%,#9fe2ff88,transparent 45%),linear-gradient(100deg,#ffc07688 0%,#ffc07622 17%,transparent 32%,transparent 77%,#a8e3ff33 100%)}
.dewatering-scene .pump-reflection{top:98.5%;left:0;width:100%;transform:scaleY(.38) skewX(-3deg);opacity:.46;filter:blur(2px);mask-image:linear-gradient(#000 0%,#000b 12%,transparent 47%);-webkit-mask-image:linear-gradient(#000 0%,#000b 12%,transparent 47%)}
.dewatering-scene .pump-reflection img{filter:brightness(.79) contrast(1.1) saturate(1.3) hue-rotate(-4deg)}
.dewatering-scene .pump-groundlight{left:-7%;right:-9%;bottom:-4%;height:13%;opacity:.65;background:radial-gradient(ellipse at 31% 57%,#ffad4940,transparent 43%),radial-gradient(ellipse at 70% 52%,#438bff44,transparent 62%)}
.dewatering-scene .mine-rain{opacity:.32}
.dewatering-scene .mine-dust{opacity:.12}
@keyframes sump-shimmer{from{opacity:.2;transform:translateX(-2px)}to{opacity:.65;transform:translateX(2px)}}
@media(min-width:801px) and (max-width:1150px){.dewatering-scene .standalone-pump{right:8%;height:min(61svh,660px);bottom:13.5%}}
@media(max-width:800px){.dewatering-scene .standalone-pump{right:9%;height:min(53svh,560px);bottom:13%}}
@media(max-width:600px){.dewatering-scene .standalone-pump{right:2%;height:min(47svh,460px);bottom:13%}.dewatering-scene .pump-reflection{opacity:.31;transform:scaleY(.29) skewX(-3deg)}.dewatering-scene .standalone-pump::before{filter:blur(4px)}}
@media(prefers-reduced-motion:reduce){.sump-reflections,.sump-mist{animation:none!important}}

/* V24: portrait artwork fills equipment cards without side strips. */
.category,.category:hover{height:auto}
.category-photo{height:auto;aspect-ratio:1048/1105}
.category-photo img{object-fit:cover}
.category[data-index="4"] .category-photo img{object-fit:contain}