.innovation-scene{--scene-paper:var(--paper);--scene-ink:var(--ink);--scene-muted:#626468;--scene-line:var(--line);--scene-rotation:-32deg;--scene-spread:72px;width:100%;min-width:0;color:var(--scene-ink);border:1px solid var(--scene-line);background:var(--scene-paper);border-radius:24px;padding:22px;position:relative}html[data-theme=dark] .innovation-scene,.innovation-scene.scene-dark{--scene-paper:#17191c;--scene-ink:#f5f2e9;--scene-muted:#b5b7bc;--scene-line:#fff3}.innovation-scene [hidden]{display:none!important}.scene-topline,.scene-bottomline{letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.62rem;font-weight:800;display:flex}.scene-edition{font-family:var(--font-latin);color:var(--scene-muted);direction:ltr}.scene-viewport{perspective:850px;height:340px;position:relative;overflow:clip}.scene-floor{background-image:linear-gradient(var(--scene-line) 1px,transparent 1px),linear-gradient(90deg,var(--scene-line) 1px,transparent 1px);background-size:30px 30px;width:360px;height:270px;position:absolute;top:138px;left:calc(50% - 180px);transform:rotateX(68deg)rotate(-24deg);mask-image:radial-gradient(#000 10%,#0000 68%)}.scene-shadow{background:radial-gradient(#0000003b,#0000 70%);width:200px;height:60px;position:absolute;top:265px;left:calc(50% - 100px)}.scene-camera,.scene-drift,.scene-assembly,.scene-slab{transform-style:preserve-3d}.scene-camera{width:0;height:0;transform:rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg));transition:transform .45s ease-out;position:absolute;top:46%;left:50%}.scene-drift{animation:7s ease-in-out infinite paused scene-breathe}.scene-assembly{transform:rotateX(-23deg) rotateY(var(--scene-rotation));transition:transform .85s cubic-bezier(.2,.75,.2,1)}.scene-slab{width:150px;height:24px;transition:transform .85s cubic-bezier(.2,.75,.2,1);position:absolute;top:-12px;left:-75px}.slab-frame{--slab-top:#ffd60a;--slab-side:#dcae00;transform:translateY(calc(-1 * var(--scene-spread))) rotateY(-8deg)}.slab-test{--slab-top:#8ca2ff;--slab-side:#5b77dd;transform:rotateY(10deg)}.slab-build{--slab-top:#ed8bd3;--slab-side:#c66aaf;transform:translateY(var(--scene-spread)) rotateY(-8deg)}.slab-face{backface-visibility:hidden;background:var(--slab-side);color:#111214;border:1px solid #111214;position:absolute}.slab-top,.slab-bottom{width:150px;height:150px;top:-63px}.slab-top{background:var(--slab-top);place-items:center;display:grid;transform:rotateX(90deg)translateZ(12px)}.slab-bottom{transform:rotateX(-90deg)translateZ(12px)}.slab-front,.slab-back,.slab-left,.slab-right{width:150px;height:24px}.slab-front{font:800 9px/1 var(--font-latin);justify-content:space-between;align-items:center;padding:0 8px;display:flex;transform:translateZ(75px)}.slab-back{transform:rotateY(180deg)translateZ(75px)}.slab-left{transform:rotateY(-90deg)translateZ(75px)}.slab-right{transform:rotateY(90deg)translateZ(75px)}.slab-symbol{font:800 100px/1 var(--font-latin)}.symbol-frame{border:1px solid #111214;border-radius:50%;place-items:center;width:105px;height:105px;display:grid}.symbol-test{transform:rotate(10deg)}.slab-top-number{font:800 9px/1 var(--font-latin);position:absolute;bottom:8px;right:9px}.scene-coordinate{color:var(--scene-muted);font:700 9px/1 var(--font-latin);letter-spacing:.08em;position:absolute}.coordinate-top{top:47px;left:0}.coordinate-bottom{bottom:44px;right:0}.scene-coordinate:before{content:"+";margin-right:7px;display:inline-block}.scene-satellite{border:1px solid #111214;border-radius:50%;width:25px;height:25px;position:absolute}.satellite-one{background:radial-gradient(circle at 32% 28%,#fff4ad,#ffd60a 45%,#b79100);top:19%;right:8%}.satellite-two{background:radial-gradient(circle at 32% 28%,#ffdbc9,#ff7745 45%,#b14620);width:16px;height:16px;bottom:24%;left:8%}.innovation-scene[data-stage="1"]{--scene-rotation:-5deg;--scene-spread:91px}.innovation-scene[data-stage="2"]{--scene-rotation:-55deg;--scene-spread:35px}.innovation-scene[data-running=true] .scene-drift{animation-play-state:running}.scene-controls{border:1px solid var(--scene-line);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.scene-controls button{min-height:44px;color:var(--scene-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:6px;font-size:.78rem;font-weight:800;transition:background .2s,color .2s;display:flex}.scene-controls button>span{font-family:var(--font-latin);font-size:.56rem}.scene-controls button[aria-pressed=true],.scene-controls button:hover{color:#111214;background:#ffd60a}.scene-controls button:focus-visible,.scene-pause:focus-visible{outline:3px solid var(--scene-ink);outline-offset:3px}.scene-details{min-height:112px;padding-block:17px 12px}.innovation-scene .scene-details p{max-width:none;color:var(--scene-muted);margin:0;font-size:.76rem;line-height:1.75}.innovation-scene .scene-details .scene-detail-title{color:var(--scene-ink);margin-bottom:5px;font-size:.88rem;font-weight:800}.scene-bottomline{border-top:1px solid var(--scene-line);color:var(--scene-muted);padding-top:8px;font-size:.53rem}.scene-pause{min-height:44px;color:var(--scene-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:4px;font-size:.62rem;display:inline-flex}.scene-pause>span:first-child{font-size:.9rem}.scene-compact .scene-viewport{height:285px}.scene-compact .scene-floor{top:105px}.scene-compact .scene-shadow{top:230px}.scene-compact .scene-details{min-height:102px}:is(html[lang=ar]) .scene-topline,:is(html[lang=ar]) .scene-bottomline{letter-spacing:0}.workspace-hero>.innovation-scene{align-self:center}@keyframes scene-breathe{0%,to{transform:translateY(0)rotateY(-3deg)}50%{transform:translateY(-7px)rotateY(3deg)}}@media (width<=820px){.innovation-scene{max-width:560px;margin-inline:auto;padding:18px}.scene-viewport{height:285px}.scene-floor{top:105px}.scene-shadow{top:230px}.scene-coordinate{font-size:8px}}@media (width<=380px){.innovation-scene{padding:12px}}@media (width<=480px){.scene-coordinate{display:none}}@media (prefers-reduced-motion:reduce){.innovation-scene *,.innovation-scene :before{transition:none!important;animation:none!important}.scene-camera{transform:none!important}}@supports not (transform-style:preserve-3d){.scene-camera,.scene-drift,.scene-assembly,.scene-slab{transform:none}.scene-slab{top:-75px}.slab-test,.slab-build,.slab-face:not(.slab-top){display:none}.slab-top{top:0;transform:none}}@media print{.innovation-scene{display:none!important}}
