.home-orbit-hero{min-height:min(970px,100svh);position:relative;isolation:isolate;background:radial-gradient(ellipse 950px 650px at 80% 50%,#20404c78,transparent 76%),#050d13;display:grid;grid-template-columns:38% 62%;align-items:center;overflow:hidden;padding:105px clamp(22px,4.8vw,92px) 54px}
.home-orbit-hero:after{content:"";position:absolute;inset:13% -12% -5% 46%;opacity:.24;pointer-events:none;background:repeating-linear-gradient(90deg,#90aaaa27 0 1px,transparent 1px 115px),repeating-linear-gradient(0deg,#90aaaa1d 0 1px,transparent 1px 115px);transform:perspective(900px) rotateX(67deg);transform-origin:center bottom;z-index:0}
.orbit-copy{position:relative;z-index:10;max-width:620px;pointer-events:none}.orbit-copy h1{font-size:clamp(49px,5.25vw,94px);font-weight:630;line-height:1.055;letter-spacing:-.055em;margin:28px 0 28px}.orbit-copy h1 em{font-style:normal;color:#b9d1d1}.orbit-copy p{font-size:clamp(15px,1.27vw,19px);line-height:1.55;color:#b4c5c8;max-width:370px}.orbit-copy .overline{color:#c3a47e}
.orbit-viewport{position:relative;z-index:4;min-width:0;height:min(660px,74svh);perspective:1700px;perspective-origin:51% 50%;outline:0;overflow:visible}.orbit-viewport:focus-visible{outline:1px solid #93c9ce;outline-offset:-10px}
.orbit-space{position:absolute;inset:3% 0 8%;transform-style:preserve-3d}.orbit-card{--shift:0;position:absolute;left:8%;top:15%;width:86%;height:70%;display:block;border:1px solid #73909a7f;background:#0b202a;box-shadow:0 36px 105px #000d,0 0 60px #38737a18;transform-style:preserve-3d;backface-visibility:hidden;overflow:hidden;opacity:0;pointer-events:none;transition:transform 1.25s cubic-bezier(.2,.72,.16,1),opacity 1.1s ease,filter 1s ease;will-change:transform}
.orbit-card.is-visible{pointer-events:auto;opacity:1}.orbit-card[data-distance="0"]{transform:translate3d(0,0,105px) rotateY(-5deg) scale(1);z-index:8;filter:brightness(1.06)}
.orbit-card[data-distance="-1"]{transform:translate3d(-51%,1%, -320px) rotateY(30deg) scale(.82);z-index:5;opacity:.72;filter:brightness(.74)}
.orbit-card[data-distance="1"]{transform:translate3d(55%,1%, -330px) rotateY(-32deg) scale(.81);z-index:6;opacity:.72;filter:brightness(.73)}
.orbit-card[data-distance="-2"]{transform:translate3d(-89%,0, -700px) rotateY(42deg) scale(.68);z-index:3;opacity:.30;filter:brightness(.54)}
.orbit-card[data-distance="2"]{transform:translate3d(92%,0, -700px) rotateY(-44deg) scale(.68);z-index:4;opacity:.30;filter:brightness(.54)}
.orbit-card:not(.is-visible){transform:translate3d(0,0,-1100px) scale(.55);z-index:0}
.orbit-card:focus-visible{outline:3px solid #dbb88e;outline-offset:-3px}.orbit-card img{width:100%;height:100%;object-fit:cover;display:block}.orbit-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#021019e9 0,transparent 35%,transparent 85%,#02101924 100%)}
.orbit-caption{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;flex-direction:column;align-items:flex-start;padding:26px 30px;color:#fff;text-shadow:0 2px 8px #000}.orbit-caption strong{font-size:clamp(17px,1.5vw,25px);font-weight:620;letter-spacing:-.025em}.orbit-caption small{font-size:12px;color:#b9d3d6;line-height:1.4}
.orbit-horizon{position:absolute;bottom:9%;left:-20%;right:-24%;height:1px;background:linear-gradient(90deg,transparent,#87aaa750,transparent);transform:translateZ(-400px);pointer-events:none}
.engineering-peek{display:grid;grid-template-columns:39% 61%;align-items:center;min-height:680px;background:#e8ebe7;color:#0a1b23;overflow:hidden}.peek-copy{padding:95px clamp(24px,5vw,95px);position:relative;z-index:2}.peek-copy .overline{color:#59757e}.peek-copy h2{font-size:clamp(52px,5vw,88px);line-height:1.06;letter-spacing:-.055em;font-weight:650;margin:27px 0}.peek-copy h2 em{font-style:normal;color:#3d6168}.peek-copy p{max-width:380px;color:#46626b;font-size:17px;line-height:1.55}.peek-text-link{margin-top:33px;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #0c3845;padding:13px 0 12px;font-size:14px;font-weight:600}.peek-text-link span{font-size:19px}
.peek-hall{height:660px;min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse 630px 430px at 48% 47%,#24505c8a,transparent 77%),linear-gradient(130deg,#031018,#0c2028 70%,#030c12);perspective:1000px;display:block;isolation:isolate}
.peek-hall:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 17.5%,#a0b7a024 17.6% 17.8%,transparent 18% 27%),repeating-linear-gradient(0deg,transparent 0 139px,#adcac010 140px);transform:skewY(-7deg) scale(1.3);opacity:.6;pointer-events:none}.peek-geometry{position:absolute;inset:0;pointer-events:none}.peek-geometry span{position:absolute;top:-10%;height:112%;width:2px;background:linear-gradient(#aec6ae4a,transparent);transform:rotate(8deg)}.peek-geometry span:nth-child(1){left:13%}.peek-geometry span:nth-child(2){left:36%}.peek-geometry span:nth-child(3){left:65%}.peek-geometry span:nth-child(4){left:90%}
.peek-ground{position:absolute;bottom:-20%;left:-50%;right:-40%;height:55%;background:repeating-linear-gradient(90deg,transparent 0 90px,#76b7b422 91px 92px),repeating-linear-gradient(0deg,transparent 0 54px,#76b7b422 55px 56px);transform:perspective(540px) rotateX(75deg);transform-origin:bottom;pointer-events:none}
.peek-video{position:absolute;top:14%;width:clamp(120px,17vw,250px);aspect-ratio:.63;border:6px solid #10242b;background:#061c25;box-shadow:0 20px 52px #000d,0 0 45px #6bbac623;overflow:hidden;backface-visibility:hidden}.peek-video video{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.1) saturate(.9)}.peek-video span{position:absolute;bottom:0;left:0;right:0;padding:32px 11px 10px;background:linear-gradient(transparent,#021015eb);font:10px 'Courier New',monospace;letter-spacing:.08em;color:#c6d5d4}
.peek-v1{left:37%;top:12%;z-index:7;transform:rotateY(-8deg) translateZ(70px)}.peek-v2{left:69%;top:24%;z-index:5;transform:rotateY(-26deg) scale(.80)}.peek-v3{left:6%;top:23%;z-index:3;transform:rotateY(24deg) scale(.74)}.peek-v4{left:-17%;top:29%;z-index:1;transform:rotateY(33deg) scale(.58);opacity:.65}
.peek-floor-label{position:absolute;z-index:8;left:26px;bottom:21px;color:#8bb4b6;font:10px 'Courier New',monospace;letter-spacing:.12em}
@media(max-width:1060px){.home-orbit-hero{grid-template-columns:1fr;gap:15px;min-height:0;padding:115px 25px 55px}.orbit-copy h1{font-size:clamp(61px,8vw,99px)}.orbit-copy h1 br:nth-of-type(2){display:none}.orbit-viewport{height:520px}.orbit-card{left:8%;top:10%;width:84%;height:83%}.engineering-peek{grid-template-columns:1fr}.peek-copy{padding:85px 32px 25px}.peek-hall{height:510px}}
@media(max-width:700px){.home-orbit-hero{padding:110px 18px 20px;gap:15px}.orbit-copy h1{font-size:clamp(44px,9.5vw,66px);margin:17px 0}.orbit-copy p{font-size:14px}.orbit-viewport{height:360px;perspective:850px}.orbit-card{left:2%;top:9%;width:96%;height:80%}.orbit-card[data-distance="-1"]{transform:translate3d(-60%,0,-280px) rotateY(32deg) scale(.82)}.orbit-card[data-distance="1"]{transform:translate3d(65%,0,-280px) rotateY(-34deg) scale(.82)}.orbit-card[data-distance="-2"],.orbit-card[data-distance="2"]{opacity:0;pointer-events:none}.orbit-caption{padding:12px 15px}.orbit-caption strong{font-size:16px}.orbit-caption small{display:none}.engineering-peek{min-height:0}.peek-copy{padding:68px 21px 30px}.peek-copy h2{font-size:52px}.peek-hall{height:410px}.peek-video{width:160px;top:10%}.peek-v1{left:36%}.peek-v2{left:75%;top:24%}.peek-v3{left:1%;top:25%}.peek-v4{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-card{transition:none!important}.peek-video video{animation:none}}
/* Keep the spatial gallery in its own stage, never on top of the headline. */
.orbit-viewport{overflow:hidden}
.orbit-card{left:16%;width:82%}
.orbit-card[data-distance="-1"]{transform:translate3d(-35%,1%,-320px) rotateY(30deg) scale(.82)}
.orbit-card[data-distance="1"]{transform:translate3d(58%,1%,-330px) rotateY(-32deg) scale(.81)}
@media(max-width:700px){.orbit-card{left:3%;width:94%}.orbit-card[data-distance="-1"]{transform:translate3d(-52%,0,-240px) rotateY(32deg) scale(.80)}.orbit-card[data-distance="1"]{transform:translate3d(58%,0,-240px) rotateY(-34deg) scale(.80)}}
/* Image in the selected exhibit must remain wholly visible, including its edges. */
.orbit-card{left:18%;width:72%}
.orbit-card[data-distance="-1"]{transform:translate3d(-40%,1%,-320px) rotateY(30deg) scale(.84)}
.orbit-card[data-distance="1"]{transform:translate3d(69%,1%,-330px) rotateY(-32deg) scale(.83)}
@media(max-width:700px){.orbit-card{left:8%;width:83%}.orbit-card[data-distance="-1"]{transform:translate3d(-48%,0,-245px) rotateY(30deg) scale(.85)}.orbit-card[data-distance="1"]{transform:translate3d(53%,0,-245px) rotateY(-30deg) scale(.85)}}
/* A real production interface is glimpsed in the hall, under the moving specialists. */
.peek-machinery{position:absolute;z-index:1;left:1%;bottom:9%;width:54%;aspect-ratio:1.8;background:#07161e;border:1px solid #8dada058;box-shadow:0 25px 85px #000d;overflow:hidden;transform:perspective(950px) rotateY(28deg) rotateZ(-3deg);opacity:.70}
.peek-machinery img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.9) saturate(.70)}
@media(max-width:700px){.peek-machinery{width:53%;left:-3%;bottom:13%}}
.peek-video{background-size:cover;background-position:center;background-repeat:no-repeat}
.peek-v1{background-image:url('posters/andrea.webp')}.peek-v2{background-image:url('posters/saber.webp')}.peek-v3{background-image:url('posters/devindra.webp')}.peek-v4{background-image:url('posters/boris.webp')}
.peek-video video{mix-blend-mode:lighten}
@media(max-width:700px){.home-orbit-hero{padding-top:144px}}
/* Product interfaces are shown in full; no cropped controls or false framing. */
.orbit-card{left:17%;width:75%;height:auto;aspect-ratio:1.63;top:22%}
.orbit-card img{object-fit:contain}
@media(max-width:700px){.orbit-card{left:6%;width:88%;top:16%;aspect-ratio:1.62}}
/* Genuine desktop drag + mobile swipe, with no visible app controls. */
.orbit-viewport,.orbit-viewport *{touch-action:pan-y}
.orbit-viewport{cursor:grab;user-select:none;-webkit-user-select:none}
.orbit-viewport.is-dragging{cursor:grabbing}
.orbit-space{transition:transform .48s cubic-bezier(.23,.8,.28,1)}
.orbit-viewport.is-dragging .orbit-space,.orbit-viewport.is-dragging .orbit-card{transition:none!important}
.orbit-card img{pointer-events:none}