.hero{grid-template-columns:minmax(270px,1fr) minmax(0,2fr);padding:55px 3% 38px 6%;min-height:calc(100svh - 88px);align-items:center;gap:1.5%;background:radial-gradient(ellipse at 73% 49%,#112e61 0%,#091322 36%,#070b12 72%)}.hero h1{font-size:clamp(42px,4vw,66px)}.hero-copy .eyebrow{font-size:9px;max-width:270px}.hero-copy .actions{flex-wrap:wrap;gap:12px}.hero-foot{flex-direction:column;gap:9px;margin-top:35px}.hero-art.model-exhibit{padding:0;width:100%;margin:0;align-self:stretch;justify-content:center;min-height:540px}.exhibit-heading{display:flex;justify-content:space-between;padding:0 25px;color:#91a6c9}.live-dot{font:9px Arial;letter-spacing:1.5px;color:#a8bfe2}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#58f0c1;margin-right:7px}.model-view{width:100%;height:350px;position:relative;perspective:1400px;touch-action:pan-y;cursor:grab;outline-offset:-8px}.model-view:active{cursor:grabbing}.model-halo{position:absolute;width:85%;height:100px;left:7.5%;bottom:10px;border:1px solid #4a87ff40;border-radius:50%;background:radial-gradient(ellipse,#1463ed33,transparent 68%);transform:rotateX(55deg);box-shadow:0 0 55px #2e70ff15}.model-scale{position:absolute;left:50%;top:50%;width:1000px;height:240px;margin:-120px 0 0 -500px;transform:scale(var(--model-scale,.7));transform-style:preserve-3d;pointer-events:none}.dimm-model{position:relative;width:1000px;height:240px;transform-style:preserve-3d;will-change:transform;transform:rotateX(-12deg) rotateY(-18deg) rotateZ(-7deg)}.solid{position:absolute;transform-style:preserve-3d}.solid-face{position:absolute;backface-visibility:hidden;border:1px solid #0003}.board-face{background-color:#17624d;background-image:repeating-linear-gradient(90deg,transparent 0 33px,#67c69d20 34px 35px,transparent 36px 58px),repeating-linear-gradient(0deg,transparent 0 28px,#8de1af14 29px 30px);border:1px solid #539f75}.chip-face{background:linear-gradient(145deg,#313740,#11171e);border:1px solid #68707955;border-radius:3px;box-shadow:inset 0 0 8px #0007;display:flex;align-items:center;justify-content:center}.chip-face span{font:9px monospace;color:#79808a;letter-spacing:1px;writing-mode:vertical-rl}.contact-face{background:repeating-linear-gradient(90deg,#d0a44b 0 4px,#f4d579 4px 7px,#a27931 7px 8px);border:1px solid #dfbf6c}.component-face{background:linear-gradient(100deg,#80968e,#e0e4cb 30%,#9ca59c 70%,#637770);border:1px solid #233d36}.screw{position:absolute;width:13px;height:13px;border:4px solid #b2b8a7;border-radius:50%;background:#071b19;transform:translateZ(5px)}.model-label{position:absolute;left:45px;top:72px;width:392px;height:78.4px;background:#fff;border-radius:5px;transform:translateZ(15px);backface-visibility:hidden;box-shadow:0 2px 4px #0008}.back-caption{position:absolute;left:350px;top:175px;color:#bee1ce88;font:10px monospace;letter-spacing:4px;transform:translateZ(-5px) rotateY(180deg);backface-visibility:hidden}.exhibit-controls{display:flex;justify-content:space-between;align-items:center;margin:0 25px;padding:18px 0;border-top:1px solid #36548155;font-size:11px;color:#96afcf}.exhibit-controls b{color:var(--mint);font-size:19px;margin-right:8px}.exhibit-controls button{background:#0e2036;border:1px solid #3a567a;color:#c0d6f5;padding:9px 13px;font-size:11px}.exhibit-controls button:hover{border-color:var(--mint);color:var(--mint)}.exhibit-spec{display:flex;justify-content:space-between;align-items:center;padding:12px 25px;color:#9cb7dc;font:11px Arial;letter-spacing:1px}.exhibit-spec b{font:600 38px 'Barlow Condensed',Arial;color:white}.hero-art .art-note{font-size:9px;margin:10px 25px 0;text-align:right}@media(min-width:1500px){.model-view{height:430px}.hero-art.model-exhibit{min-height:620px}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:40px 5%}.hero-copy .eyebrow{max-width:none}.hero-copy h1{font-size:48px}.hero-copy p{font-size:13px}.hero-foot{display:none}.hero-art.model-exhibit{min-height:420px;margin-top:25px}.model-view{height:280px}.hero-copy .actions{margin-top:20px}}@media(max-width:600px){.hero-art.model-exhibit{min-height:330px}.model-view{height:210px;perspective:900px}.exhibit-heading{padding:0 5px}.exhibit-heading .eyebrow{font-size:8px}.live-dot{font-size:8px}.exhibit-controls{margin:0 5px;gap:5px;font-size:9px}.exhibit-controls button{padding:8px;font-size:10px}.exhibit-spec{padding:8px 5px;font-size:9px}.exhibit-spec b{font-size:30px}.hero-art .art-note{font-size:8px;margin:10px 5px 0}}
