/* A single rendered scene preserves perspective, contact shadows and reflections. */
/* Wide-screen content with full-bleed artwork rather than boxed backdrops. */
@media(min-width:1101px){
  html.cinematic{--max:92vw}
  .cinematic .hero,.cinematic .section{width:92vw}
  .cinematic .site-header{padding-inline:4vw}
  .cinematic .hero-copy{max-width:630px}
  .cinematic .product-wall{left:42%;width:clamp(1400px,64vw,2400px);grid-template-columns:repeat(3,minmax(0,1fr))}
}
.cinematic .cinema-stage{inset-inline:calc(50% - 50vw)}
.cinematic .product-wall-scene{left:calc(50% - 50vw);right:calc(50% - 50vw);width:auto}
.cinematic .product-wall-scene:after{background:linear-gradient(90deg,#060814b3 0%,#060814cc 20%,#06081480 43%,transparent 72%,#06081433 100%),linear-gradient(0deg,#060814,transparent 35%,transparent 75%,#06081499)}
/* Fade the complete artwork, including its light effect, into the page canvas. */
.cinematic .cinema-stage{background:#060814;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,#000e 65%,#0008 80%,#0003 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,#000e 65%,#0008 80%,#0003 91%,transparent 100%)}
.cinematic .signal-bar{position:relative;z-index:2;display:block;width:100%;margin:-45px 0 -35px;padding:30px 0;background:none;border:0;box-shadow:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.cinematic .signal-bar{background:linear-gradient(90deg,#14294108,#14294166 18%,#14294188 50%,#14294166 82%,#14294108);border-block:1px solid #8fcaff24;box-shadow:0 -24px 42px -30px #73baff33,0 24px 42px -30px #73baff33;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding-block:25px}
.capabilities-track{display:flex;width:max-content;animation:capabilities-scroll 42s linear infinite}
.capabilities-group{display:flex;align-items:center;justify-content:space-around;flex:none;width:max(100vw,1000px);gap:44px;padding:0 36px;box-sizing:border-box}
.capabilities-group>span{white-space:nowrap;color:#c6e5ff;font:600 12px ui-monospace,monospace;letter-spacing:.1em;text-shadow:0 2px 8px #060814,0 0 18px #060814}
.cinematic .capabilities-group>i{display:block;flex:0 0 6px;width:6px;height:6px;background:#83cfff;transform:rotate(45deg);box-shadow:none}
@keyframes capabilities-scroll{to{transform:translateX(-50%)}}
.signal-bar.backdrop-paused .capabilities-track,.signal-bar:hover .capabilities-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.capabilities-track{animation:none}.capabilities-group{width:100vw;min-width:0;flex-wrap:wrap;gap:14px 25px;padding-inline:24px}.capabilities-group[aria-hidden=true]{display:none}}
.cinematic .signal-bar>span{font-size:11px;letter-spacing:.06em;color:#a1b8cb;text-shadow:0 2px 12px #060814}
.cinematic .signal-bar>i{display:none}
.cinematic #platform{padding-top:42px}
.cinematic #platform>.section-heading{min-height:0;padding-top:0;padding-bottom:28px;justify-content:flex-start}
.cinematic .product-wall-scene{top:-110px;height:730px;border-radius:0;-webkit-mask-image:radial-gradient(ellipse 75% 48% at 78% 53%,#000 15%,#000b 47%,#0003 77%,transparent 100%);mask-image:radial-gradient(ellipse 75% 48% at 78% 53%,#000 15%,#000b 47%,#0003 77%,transparent 100%)}
.cinematic .product-wall-scene:after{background:linear-gradient(90deg,#060814 0%,#060814eb 24%,#060814a6 43%,#06081426 72%,#06081440 100%)}
@media(max-width:850px){.cinematic #platform{padding-top:210px}.cinematic #platform>.section-heading{min-height:0}.cinematic .product-wall-scene{top:-45px;height:650px}.cinematic .signal-bar{gap:8px 16px}}
.cinema-art{background:none!important;animation:none!important;transform:none!important}
.cinema-art:before{display:none}
.cube-plane{position:absolute;background:none}
.grounded-scene{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.floor-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,57% 32.5%,72.6% 22.7%,89% 32%,89% 63%,73% 78%,57% 63%,57% 32.5%)}
.floor-atmosphere:before,.floor-atmosphere:after{content:'';position:absolute;inset:-20%;mix-blend-mode:screen;background:repeating-linear-gradient(115deg,transparent 0%,transparent 12%,#80bfff08 18%,#90d8ff32 24%,#80bfff08 30%,transparent 38%,transparent 50%);background-size:160% 160%;animation:floor-light-wave 19s ease-in-out infinite;will-change:transform,opacity}
.floor-atmosphere:after{background:repeating-linear-gradient(65deg,transparent 0%,transparent 20%,#75c9ff08 27%,#a0dcff24 34%,transparent 43%,transparent 60%);background-size:140% 140%;animation:floor-light-counterwave 23s ease-in-out infinite;animation-delay:-8s}
.cube-plane>.cube-logo{position:absolute;z-index:1;height:auto;pointer-events:none;filter:drop-shadow(0 0 8px #9ccfff66);transform:translate(-50%,-50%) scaleY(.62);border-radius:12%}
.backdrop-paused .floor-atmosphere:before,.backdrop-paused .floor-atmosphere:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.floor-atmosphere:before,.floor-atmosphere:after{animation:none!important;opacity:.12;will-change:auto}}