:root{--v8-navy:#061b30;--v8-cyan:#35b8ed}.scene-shell{position:relative;overflow:hidden;isolation:isolate;background:#08243c}.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.scene-shell:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,18,32,.19),transparent 55%),linear-gradient(0deg,rgba(2,18,30,.22),transparent 45%)}.scene-vehicle{position:absolute;z-index:3;display:block;will-change:transform;filter:drop-shadow(0 16px 18px rgba(3,18,30,.32));pointer-events:none}.motion-hero{min-height:850px;background:#061c31}.hero-live-scene{position:absolute;inset:0}.hero-live-scene:after{background:linear-gradient(90deg,rgba(2,17,31,.94) 0%,rgba(3,26,45,.79) 38%,rgba(3,26,45,.22) 72%,rgba(3,26,45,.34)),linear-gradient(0deg,rgba(2,17,31,.63),transparent 60%)}.hero-live-scene .scene-bg{animation:v8-hero-camera 18s ease-in-out infinite alternate}.hero-live-scene .moving-ship{width:min(43vw,660px);left:49%;bottom:13%;animation:v8-hero-ship 19s ease-in-out infinite}.scene-haze{position:absolute;z-index:2;inset:0;background:linear-gradient(110deg,rgba(100,199,235,.08),transparent 52%);mix-blend-mode:screen}.motion-hero-inner{z-index:4}.hero-service-panel{background:rgba(4,25,43,.78)!important;border-color:rgba(255,255,255,.22)!important;backdrop-filter:blur(18px)}.action-dock{z-index:5}.mode-scenes .scene-shell{background:#0a2940}.mode-scenes .scene-bg{z-index:0;transition:transform 9s ease}.mode-scene.active .scene-bg{transform:scale(1.035)}.mode-scene .photo-caption{z-index:6}.mode-scene:not(.active) .scene-vehicle,.mode-scene:not(.active) .wake,.mode-scene:not(.active) .flight-trail,.mode-scene:not(.active) .crane-rail{animation-play-state:paused!important}.moving-ship{width:62%;left:-48%;bottom:8%;animation:v8-sail 15s linear infinite}.wake{position:absolute;z-index:2;height:3px;width:32%;left:-33%;bottom:15%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);border-radius:50%;filter:blur(1px);animation:v8-wake 15s linear infinite}.wake-two{bottom:12%;animation-delay:-.22s;opacity:.6}.moving-plane{width:44%;left:-43%;top:30%;animation:v8-fly 12s cubic-bezier(.39,.1,.58,.92) infinite}.flight-trail{position:absolute;z-index:2;left:-38%;top:61%;width:45%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72));transform:rotate(-10deg);animation:v8-trail 12s cubic-bezier(.39,.1,.58,.92) infinite}.moving-train{width:76%;left:-74%;bottom:2%;animation:v8-rail 13s linear infinite}.moving-truck{width:42%;left:-39%;bottom:0;animation:v8-road 11s linear infinite}.road-shadow{position:absolute;z-index:2;bottom:8%;left:-36%;width:35%;height:7%;border-radius:50%;background:rgba(0,0,0,.25);filter:blur(8px);animation:v8-road-shadow 11s linear infinite}.moving-forklift{width:31%;right:-31%;bottom:-5%;animation:v8-forklift 10s ease-in-out infinite}.crane-rail{position:absolute;z-index:2;left:14%;right:9%;top:7%;height:8px;background:#e7a51f;box-shadow:0 5px 14px rgba(0,0,0,.25)}.crane-rail i{position:absolute;left:55%;top:7px;width:3px;height:150px;background:#263d49;animation:v8-trolley 8s ease-in-out infinite}.crane-rail b{position:absolute;left:calc(55% - 34px);top:148px;width:70px;height:40px;background:#b97132;box-shadow:0 8px 12px rgba(0,0,0,.25);animation:v8-load 8s ease-in-out infinite}.page-motion-scene{position:absolute;inset:0;z-index:0}.page-hero.v8-live-hero{position:relative;min-height:440px;display:flex;align-items:center;overflow:hidden;isolation:isolate}.page-hero.v8-live-hero>.container{position:relative;z-index:5;max-width:1240px}.page-hero.v8-live-hero h1,.page-hero.v8-live-hero p{max-width:650px;text-shadow:0 2px 18px rgba(0,0,0,.38)}.page-motion-scene:after{background:linear-gradient(90deg,rgba(2,18,33,.94) 0%,rgba(3,25,44,.72) 46%,rgba(3,25,44,.14) 80%),linear-gradient(0deg,rgba(2,18,33,.45),transparent)}.page-motion-scene .moving-ship{width:min(42vw,620px);bottom:6%;animation-duration:17s}.page-motion-scene .moving-plane{width:min(36vw,530px);animation-duration:11s}.page-motion-scene .moving-truck{width:min(37vw,540px);animation-duration:10s}.page-motion-scene .moving-forklift{width:min(28vw,400px)}
@keyframes v8-hero-camera{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-1.3%,0,0)}}@keyframes v8-hero-ship{0%{transform:translate3d(5%,1%,0)}48%{transform:translate3d(15%,-1%,0)}52%{transform:translate3d(15%,-1%,0)}100%{transform:translate3d(5%,1%,0)}}@keyframes v8-sail{0%{transform:translate3d(0,0,0)}48%,58%{transform:translate3d(210%,0,0)}100%{transform:translate3d(210%,0,0)}}@keyframes v8-wake{0%{transform:translate3d(0,0,0) scaleX(.65)}48%,58%{transform:translate3d(395%,0,0) scaleX(1)}100%{transform:translate3d(395%,0,0) scaleX(1)}}@keyframes v8-fly{0%{transform:translate3d(0,18%,0) rotate(-5deg) scale(.72)}52%,65%{transform:translate3d(295%,-42%,0) rotate(-7deg) scale(1.04)}100%{transform:translate3d(295%,-42%,0) rotate(-7deg) scale(1.04)}}@keyframes v8-trail{0%{transform:translate3d(0,0,0) rotate(-10deg);opacity:0}10%{opacity:.65}52%,100%{transform:translate3d(286%,-510%,0) rotate(-10deg);opacity:0}}@keyframes v8-rail{0%{transform:translate3d(0,0,0)}58%,70%{transform:translate3d(232%,0,0)}100%{transform:translate3d(232%,0,0)}}@keyframes v8-road{0%{transform:translate3d(0,0,0)}58%,70%{transform:translate3d(330%,0,0)}100%{transform:translate3d(330%,0,0)}}@keyframes v8-road-shadow{0%{transform:translate3d(0,0,0)}58%,70%{transform:translate3d(390%,0,0)}100%{transform:translate3d(390%,0,0)}}@keyframes v8-forklift{0%{transform:translate3d(0,0,0)}45%,58%{transform:translate3d(-245%,0,0)}72%{transform:translate3d(-245%,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes v8-trolley{0%,100%{transform:translate3d(-170px,0,0)}45%,70%{transform:translate3d(170px,0,0)}}@keyframes v8-load{0%,100%{transform:translate3d(-170px,-65px,0)}25%{transform:translate3d(-170px,0,0)}45%,70%{transform:translate3d(170px,0,0)}90%{transform:translate3d(170px,-65px,0)}}
@media(max-width:980px){.motion-hero{min-height:980px}.hero-live-scene .moving-ship{width:72vw;left:34%;bottom:26%;opacity:.8}.page-hero.v8-live-hero{min-height:390px}.page-motion-scene .scene-vehicle{opacity:.62}.mode-scenes{min-height:420px}}
@media(max-width:640px){.motion-hero{min-height:1040px}.hero-live-scene .scene-bg{object-position:62% center}.hero-live-scene .moving-ship{width:95vw;left:22%;bottom:29%}.mode-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(116px,1fr))}.mode-stage{min-height:690px}.mode-copy{min-height:330px;padding:38px 28px}.mode-scenes{min-height:360px}.moving-ship{width:82%;bottom:8%}.moving-plane{width:58%;top:34%}.moving-train{width:95%;bottom:3%}.moving-truck{width:58%;bottom:0}.moving-forklift{width:42%;bottom:-2%}.page-hero.v8-live-hero{min-height:360px}.page-motion-scene .scene-bg{object-position:62% center}}
@media(prefers-reduced-motion:reduce){.scene-bg,.scene-vehicle,.wake,.flight-trail,.road-shadow,.crane-rail i,.crane-rail b{animation:none!important;transition:none!important}.moving-ship{left:37%}.moving-plane{left:54%;top:24%}.moving-train{left:25%}.moving-truck{left:53%}.moving-forklift{right:5%}}
.mode-scene .scene-vehicle{height:auto;object-fit:contain;transition:none}.mode-scene.active .moving-ship{width:62%;animation:v8-sail 15s linear infinite}.mode-scene.active .moving-plane{width:44%;animation:v8-fly 12s cubic-bezier(.39,.1,.58,.92) infinite}.mode-scene.active .moving-train{width:76%;animation:v8-rail 13s linear infinite}.mode-scene.active .moving-truck{width:42%;animation:v8-road 11s linear infinite}.mode-scene.active .moving-forklift{width:31%;animation:v8-forklift 10s ease-in-out infinite}
@media(max-width:640px){.mode-scene.active .moving-ship{width:82%}.mode-scene.active .moving-plane{width:58%}.mode-scene.active .moving-train{width:95%}.mode-scene.active .moving-truck{width:58%}.mode-scene.active .moving-forklift{width:42%}}
@media(prefers-reduced-motion:reduce){.mode-scene.active .scene-vehicle{animation:none!important}}
.mode-scene.scene-shell{position:absolute}
@media(max-width:640px){.hero-service-panel{display:none}.motion-hero{min-height:1040px}.motion-hero-inner{display:block}.hero-live-scene .moving-ship{bottom:19%}}
.hero-film{position:absolute;inset:0;overflow:hidden;background:#061c31}.hero-film video{width:100%;height:100%;object-fit:cover;display:block}.hero-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,17,31,.93) 0%,rgba(3,26,45,.72) 40%,rgba(3,26,45,.18) 75%,rgba(3,26,45,.32)),linear-gradient(0deg,rgba(2,17,31,.58),transparent 65%)}
@media(max-width:640px){.hero-film video{object-position:62% center}.hero-film-shade{background:linear-gradient(90deg,rgba(2,17,31,.88),rgba(3,26,45,.38)),linear-gradient(0deg,rgba(2,17,31,.68),transparent 65%)}}
@media(prefers-reduced-motion:reduce){.hero-film video{display:none}.hero-film{background:url('../images/scenes/hero-live-poster.webp') center/cover no-repeat}}
.mode-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#08243c}.mode-scene.active .mode-video{animation:none}.mode-scene:after{z-index:1}.mode-scene .photo-caption{z-index:2}