/* Signal spatial finish: preserve the photographic room and native UI. */
:root{--signal-violet:#9392ef;--signal-cyan:#75e6ee;--signal-panel:#071d26;--signal-edge:#79d8e55c}
.room-background{filter:brightness(.66) saturate(.65) contrast(.88);will-change:translate}
.lab-room::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 55% 55%,transparent 20%,#05101838 85%)}
.lab-header{background:linear-gradient(#040d15f0,#040d1540,transparent);text-shadow:0 2px 14px #0008}
.brand{letter-spacing:-.045em}
.projection-panel{border:1px solid transparent;background:linear-gradient(130deg,#061722ed,#0a2531ed) padding-box,linear-gradient(145deg,#baf9ffbc,#6ab8d538 36%,#8e90d97a 80%,#7ae6e999) border-box;box-shadow:0 22px 65px #01070b73,inset 0 1px 0 #d2fbff12,inset 0 -1px 0 #021017a0;backdrop-filter:blur(16px);border-radius:8px}
.projection-panel::before{inset:0;border:none;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,35%),#adf8ff10,transparent 52%);opacity:.65}
.hero-panel{padding:clamp(24px,2.1vw,38px);background:linear-gradient(145deg,#071b27f1,#092532eb) padding-box,linear-gradient(140deg,#beffffab,#506e8428 50%,#9996d282) border-box}
.hero-description{line-height:1.65;color:#c6dce5}
.role{letter-spacing:.09em}
.button{position:relative;border-radius:7px;border:1px solid #a0fbff80;background:linear-gradient(110deg,#91f3ed 0%,#67d7eb 48%,#aaa5f2 100%);box-shadow:0 8px 26px #39a9c41a,inset 0 1px 0 #efffff6e;transition:background .2s,box-shadow .2s,filter .2s}
.button:hover{background:linear-gradient(110deg,#b7fff6,#85e9f5 48%,#c0b9ff);box-shadow:0 10px 28px #7ecaff2a;filter:none}
.button.outline{color:#def4f9;background:linear-gradient(120deg,#081923e8,#0d2430dc) padding-box,linear-gradient(115deg,#91edee90,#a5a2f599) border-box;border-color:transparent}
.button:focus-visible{outline-offset:3px}
.projection-label{position:relative;border:1px solid var(--signal-edge);border-radius:6px;background:linear-gradient(120deg,#071f2bf0,#0a2330e6);box-shadow:0 13px 30px #01070d66,inset 0 1px 0 #bdf5ff1a;padding:10px 19px}
.projection-label strong{font-weight:500;letter-spacing:-.02em}
.projection-label>span{color:#c1dbe5;letter-spacing:.005em}
.projection-visit{border-radius:5px;border-color:#8ed9e779;background:linear-gradient(130deg,#122e3dde,#1b2946cf);box-shadow:0 6px 16px #01070a50}
.project-projection:hover .projection-label{background:linear-gradient(120deg,#103542f2,#172a43ef);border-color:#b5ebfd}
/* Reserve a readable gap beside the rear label for every model rotation. */
@media(min-width:761px){.project-projection.front-right .lab-model{width:65%;margin-left:calc(28.333% - 120px);margin-right:0}}
.scene-heading{top:9.8%;background:radial-gradient(ellipse,#081d2ac9 15%,#07172076 55%,transparent 78%);padding:17px 28px 20px;text-shadow:0 3px 18px #000b}
.scene-heading h2{font-size:clamp(29px,2.55vw,46px);font-weight:500;letter-spacing:-.038em}
.scene-heading p{color:#c4dce6;max-width:700px;margin:11px auto 0;line-height:1.5}
.tools-launch{border-radius:6px;border-color:#98d9e67a;background:linear-gradient(125deg,#092331e6,#132842dc);box-shadow:0 10px 26px #0004}
.scene-controls{border-radius:8px;border-color:#6ed6e753;background:linear-gradient(115deg,#09232edb,#0c1f32db);backdrop-filter:blur(18px);box-shadow:0 10px 35px #01070c70}
.scene-dot[aria-current=page]{border-radius:5px;background:linear-gradient(145deg,#7eddea18,#a7a7ed18)}
.service-dialogue{border-color:#7fbad52f}.service-summary{padding:18px 0}.service-question{color:#c5dbe5}.service-detail{color:#d5e5eb}
.panel-scroll{padding:clamp(24px,2vw,36px);scrollbar-color:#72d6e9 #0b1b2580}
.panel-scroll :is(h2,h3,h4){text-wrap:balance}
.lab-tools-dialog{border-radius:12px;border-color:#89cedc86;background:linear-gradient(135deg,#081c29f7,#102134f5);box-shadow:0 30px 100px #0009}
/* Project detail surfaces share the room's material, without moving reading copy. */
.project-insights-dialog{background:radial-gradient(ellipse at 80% 4%,#102633,#07121d 48%,#050d15);--pi-line:#548393}
.pi-topbar{background:#071522e8;border-bottom-color:#6eb7cb40;backdrop-filter:blur(18px)}
.pi-close,.pi-image-toggle{border-radius:5px}
.pi-picture-stage,.pi-model-stage,.pi-model-card-image{border-color:#82c6d557;border-radius:9px;background:radial-gradient(ellipse at 45% 35%,#163a4b80,#081522 75%);box-shadow:0 17px 40px #01070c48,inset 0 1px 0 #c1f8ff0c}
.pi-diagram{border-color:#7eb8cc65;background:linear-gradient(115deg,#0c26334a,#101d3440);border-radius:7px}
.pi-flow>li,.pi-layers>li{padding:22px 19px;border:1px solid #6f9dae40;border-radius:7px;background:linear-gradient(130deg,#102a355f,#0b182776);box-shadow:0 8px 24px #0002}
/* Legal copy remains still and readable, with the same quiet environment. */
body:not([data-production]){isolation:isolate;background:#06121b url('/assets/lab-v6/room.webp') center top/cover fixed}
body:not([data-production])::before{content:"";position:fixed;inset:0;background:#04111ce6;z-index:-1;pointer-events:none}
.legal-page{background:#071b28f0;border:1px solid #72adc14a;border-radius:9px;box-shadow:0 18px 60px #0005}
@media(max-width:760px){
 .project-scene{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;grid-template-rows:auto auto auto auto;align-content:start}
 .room-background{filter:brightness(.53) saturate(.62) contrast(.87)}
 .hero-panel{padding:25px 22px;border-radius:9px}.scene-heading{top:auto;padding:14px 10px 16px;background:radial-gradient(ellipse,#081d2ac9,transparent 80%)}
 .scene-heading h2{font-size:27px}.scene-heading p{font-size:13px;line-height:1.55}
 .projection-label{padding:9px 10px;border-radius:5px}.projection-label strong{font-size:17px}.projection-label>span{font-size:10px}
 .project-projection .projection-label{padding-right:10px;text-align:left}
 .project-projection .projection-label>span{padding-right:27px}
 .project-projection .projection-visit{top:auto;bottom:12px;right:7px;width:28px;height:28px}
 .button{min-height:45px}.panel-scroll{padding:24px 22px}.service-summary{padding:15px 0}
 .pi-flow>li,.pi-layers>li{padding:18px 15px}.legal-page{margin-inline:15px;padding:25px 20px}
}
@media(max-height:740px) and (max-width:760px){
 .project-scene{gap:3px 9px}.scene-heading h2{font-size:22px}.scene-heading p{display:none}
 .project-hologram img,.lab-model{max-height:90px}.project-projection .projection-label{padding:7px 8px}
 .project-projection .projection-label strong{font-size:15px}.project-projection .projection-label>span{font-size:9px;min-height:25px}
 .project-projection .projection-visit{right:6px;bottom:10px;width:26px;height:26px}
 .tools-launch{margin-top:5px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){.button{transition:none}.room-background{will-change:auto}}
