.home-hero.home-triad{--cut-a:37%;--cut-b:70%;--slant:7%;display:block;position:relative;min-height:560px;height:calc(100svh - 94px);max-height:820px;padding:0;background:#9acdc5;isolation:isolate;overflow:hidden;color:#fff}
.scene-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene-topline{position:absolute;z-index:6;top:32px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:24px;pointer-events:none}.scene-eyebrow{font-size:10px;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px #10263e;margin:0}.scene-motion-toggle{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:9px 13px;background:#102c49b5;border:1px solid #ffffff70;border-radius:99px;color:#fff;font:inherit;font-size:11px;cursor:pointer;backdrop-filter:blur(8px)}.scene-motion-toggle:before{content:'Ⅱ';font-size:12px}.scene-motion-toggle[aria-pressed=true]:before{content:'▶'}
.scene-panel{position:absolute;inset:0;color:#fff;text-decoration:none!important;overflow:hidden;isolation:isolate;transition:clip-path .7s cubic-bezier(.22,.8,.22,1);outline:0}.scene-machines{clip-path:polygon(0 0,calc(var(--cut-a) - .14%) 0,calc(var(--cut-a) - var(--slant) - .14%) 100%,0 100%)}.scene-cubiscan{clip-path:polygon(var(--cut-a) 0,calc(var(--cut-b) - .14%) 0,calc(var(--cut-b) - var(--slant) - .14%) 100%,calc(var(--cut-a) - var(--slant)) 100%)}.scene-boxes{clip-path:polygon(var(--cut-b) 0,100% 0,100% 100%,calc(var(--cut-b) - var(--slant)) 100%)}
.scene-media{position:absolute;top:0;bottom:0;z-index:-2;overflow:hidden;background:#102a46;transition:left .7s cubic-bezier(.22,.8,.22,1),width .7s cubic-bezier(.22,.8,.22,1),filter .7s}.scene-machines .scene-media{left:0;width:calc(var(--cut-a) + 5%)}.scene-cubiscan .scene-media{left:calc(var(--cut-a) - var(--slant));width:calc(var(--cut-b) - var(--cut-a) + var(--slant) + 3%);background:#dbe4e4}.scene-boxes .scene-media{left:calc(var(--cut-b) - var(--slant));width:calc(100% - var(--cut-b) + var(--slant))}.scene-media>img,.scene-media>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.scene-machines .scene-media video{object-position:53% center}.scene-cubiscan .scene-poster{object-fit:cover;object-position:center;background:#eef2f0}
.scene-film{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s}.scene-film.is-playing{opacity:1}
.scene-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071d35f5 0%,#0b2944b8 26%,#102b4530 64%,#102b454a 100%)}.scene-cubiscan .scene-media:after{background:linear-gradient(0deg,#063c42f5 0%,#0a3c44a3 29%,#07505a1c 66%,#123b4a45 100%)}.scene-boxes .scene-media:after{background:linear-gradient(0deg,#102740f7 0%,#122d45a6 27%,#142f4617 73%,#122d4445 100%)}.scene-boxes .scene-media img{object-position:56% center;animation:scene-box-drift 14s ease-in-out infinite alternate}
.scene-copy{position:absolute;z-index:2;bottom:76px;transition:left .7s cubic-bezier(.22,.8,.22,1),width .7s cubic-bezier(.22,.8,.22,1),transform .7s;pointer-events:none}.scene-copy :is(a,button){pointer-events:auto}.scene-machines .scene-copy{left:4%;width:calc(var(--cut-a) - var(--slant) - 8%)}.scene-cubiscan .scene-copy{left:calc(var(--cut-a) - var(--slant) + 4%);width:calc(var(--cut-b) - var(--cut-a) - 8%)}.scene-boxes .scene-copy{left:calc(var(--cut-b) - var(--slant) + 4%);width:calc(100% - var(--cut-b) + var(--slant) - 8%)}
.scene-kicker{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b8e6db;font-weight:650;margin-bottom:20px}.scene-kicker span{border:1px solid #dbfff26b;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:10px;flex:none}.scene-copy h2{font-size:clamp(28px,3vw,46px);line-height:1.04;letter-spacing:-.035em;margin:0;font-weight:650;color:#fff;transition:font-size .5s}.scene-copy p{font-size:14px;line-height:1.65;color:#d8e8e8;margin:17px 0 0;max-width:355px}.scene-cta{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:650;margin-top:25px;color:#fff}.scene-cta b{display:grid;place-items:center;border:1px solid #ffffff75;border-radius:50%;width:34px;height:34px;font-size:20px;font-weight:400;transition:background .25s,transform .25s}
.scene-machines-links{display:grid;gap:7px;margin-top:23px;max-width:345px}.scene-machines-links a{display:flex;align-items:center;gap:10px;border:1px solid #ffffff75;border-radius:5px;background:#102e484a;color:#fff;text-decoration:none;padding:9px 12px;min-height:44px;backdrop-filter:blur(7px);transition:background .2s}.scene-machines-links strong{font-size:20px;font-weight:650}.scene-machines-links span{font-size:11px;color:#d4e7e7}.scene-machines-links b{margin-left:auto;font-size:19px;font-weight:400}.scene-machines-links a:hover{background:#00998e;border-color:#71d8c8}
.scene-scroll{position:absolute;z-index:6;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#fff;font-size:10px;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.scene-scroll span{font-size:18px;line-height:1;animation:scene-scroll-cue 2s ease-in-out infinite}.scene-panel:focus-visible .scene-copy{outline:2px solid #edbe5f;outline-offset:15px}.scene-machines-links a:focus-visible,.scene-motion-toggle:focus-visible,.scene-scroll:focus-visible{outline:3px solid #edbe5f;outline-offset:4px}
.home-triad[data-scene-active=machines]{--cut-a:53%;--cut-b:78%}.home-triad[data-scene-active=cubiscan]{--cut-a:27%;--cut-b:79%}.home-triad[data-scene-active=boxes]{--cut-a:27%;--cut-b:53%}.home-triad[data-scene-active] .scene-panel:not(.is-active) .scene-media{filter:saturate(.65) brightness(.72)}.home-triad[data-scene-active] .scene-panel:not(.is-active) .scene-copy h2{font-size:clamp(23px,2.1vw,32px)}.home-triad[data-scene-active] .scene-panel:not(.is-active) .scene-copy p{opacity:.65}.scene-panel.is-active .scene-cta b{background:#00978a;border-color:#6bd9c8;transform:translateX(5px)}.home-triad.motion-paused .scene-media img,.home-triad.motion-paused .scene-scroll span{animation-play-state:paused}
@keyframes scene-box-drift{from{transform:scale(1.02) translateX(-.8%)}to{transform:scale(1.13) translateX(1.5%)}}@keyframes scene-scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(min-width:1550px){.scene-copy{bottom:90px}.scene-copy h2{font-size:48px}}
@media(max-width:1000px) and (min-width:761px){.scene-copy h2{font-size:29px}.scene-copy p{font-size:12px}.scene-machines-links a{padding:8px}.scene-machines-links span{font-size:9px}.scene-kicker{font-size:9px;gap:8px}.scene-cta{font-size:11px;gap:9px}}
@media(max-width:760px){.home-hero.home-triad{height:auto;min-height:0;max-height:none;padding-top:22px;background:#102a46;display:flex;flex-direction:column}.scene-topline{position:relative;top:auto;left:auto;right:auto;margin:0 5% 15px}.scene-eyebrow{font-size:8px;letter-spacing:.08em;max-width:230px;line-height:1.4}.scene-motion-toggle{font-size:0;width:28px;height:28px;padding:7px;justify-content:center;flex:none}.scene-motion-toggle:before{font-size:11px}.scene-panel{position:relative;inset:auto;height:195px;flex:none;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);margin-top:-17px;transition:none}.scene-machines{clip-path:polygon(0 0,100% 0,100% 90%,0 100%);margin-top:0}.scene-boxes{clip-path:polygon(0 10%,100% 0,100% 100%,0 100%)}.scene-panel .scene-media{left:0;width:100%;transition:none}.scene-machines .scene-media video{object-position:center 48%}.scene-cubiscan .scene-media img{object-position:center 43%}.scene-boxes .scene-media img{object-position:center 46%}.scene-panel .scene-media:after{background:linear-gradient(90deg,#0b2945ee,#0b2945a8 56%,#0b29453a)}.scene-panel .scene-copy{left:6%;width:75%;bottom:37px;transition:none}.scene-boxes .scene-copy{bottom:25px}.scene-kicker{font-size:8px;margin-bottom:7px;gap:7px}.scene-kicker span{width:21px;height:21px;font-size:8px}.scene-copy h2,.home-triad[data-scene-active] .scene-panel:not(.is-active) .scene-copy h2{font-size:27px;line-height:1.05;letter-spacing:-.025em}.scene-copy p{display:none}.scene-cta{margin-top:12px;font-size:11px;gap:10px}.scene-cta b{width:25px;height:25px;font-size:15px}.scene-machines .scene-copy{bottom:36px;width:88%}.scene-machines .scene-copy h2 br{display:none}.scene-machines-links{display:flex;gap:8px;margin-top:10px;max-width:360px}.scene-machines-links a{flex:1;padding:7px 9px;min-height:36px;gap:7px}.scene-machines-links strong{font-size:17px}.scene-machines-links span{font-size:8px}.scene-machines-links b{font-size:16px}.scene-scroll{display:none}.scene-panel:focus-visible .scene-copy{outline-offset:5px}.scene-panel .scene-media{filter:none!important}}
@media(prefers-reduced-motion:reduce){.scene-panel,.scene-media,.scene-copy,.scene-copy h2,.scene-cta b{transition:none}.scene-media img,.scene-scroll span{animation:none!important}}
@media(max-width:760px){.home-hero.home-triad{align-items:stretch}.home-hero.home-triad .scene-panel{width:100%}}
@media(max-width:760px){.scene-machines .scene-copy h2 br{display:inline}.scene-machines .scene-copy h2 br:after{content:" "}}
/* The live carton replaces the photograph only when WebGL is available. */
.scene-box-animation{position:absolute;inset:0 0 28%;opacity:0;pointer-events:none;transition:opacity .7s;z-index:1}.scene-box-animation.is-ready{opacity:1}.scene-box-animation canvas{display:block;width:100%;height:100%;pointer-events:none}.scene-boxes .scene-media:has(.scene-box-animation.is-ready){background:radial-gradient(ellipse at 48% 32%,#729991 0%,#3d6668 42%,#163949 90%)}.scene-boxes .scene-media:has(.scene-box-animation.is-ready)>img{opacity:0}.scene-boxes .scene-media:after{z-index:2;pointer-events:none}.scene-boxes .scene-media:has(.scene-box-animation.is-ready):after{background:linear-gradient(0deg,#102740f7 0%,#122d4570 20%,transparent 55%)}
@media(max-width:760px){.scene-box-animation{inset:0 -8% 0 32%}.scene-boxes .scene-media:has(.scene-box-animation.is-ready):after{background:linear-gradient(90deg,#0b2945ee,#0b294590 40%,#0b294510)}}


.scene-film iframe{position:absolute;left:50%;top:50%;width:640px;height:360px;border:0;pointer-events:none;transform:translate(-50%,-50%) scale(var(--cubi-video-scale,1))}.scene-film:not(.is-playing){transition:none}

/* The first playable video frame is shown immediately. */
.scene-film{transition:none}
