.lab-section{background:var(--deep);color:#fff;overflow:hidden}.lab-section h2{max-width:850px;font-size:clamp(2rem,4.3vw,3.7rem);letter-spacing:-.045em;line-height:1.12;margin-bottom:48px}.lab-scene{position:relative;perspective:1200px;padding:0 28px 18px}.lab-depth{position:absolute;inset:20px 12px 0;border:1px solid #c6f56b45;border-radius:24px;transform:rotate(-2deg);background:#ffffff05}.lab-stage{margin:0;position:relative;overflow:hidden;border-radius:20px;background:#001f20;border:1px solid #ffffff30;box-shadow:0 25px 65px #00141588;transform-style:preserve-3d;transition:transform .2s ease-out}.walk-window>img{width:100%;height:clamp(330px,43vw,570px);object-fit:contain;background:radial-gradient(ellipse at center,#215b58,#031e20);transition:opacity .2s}.lab-stage figcaption{padding:20px 24px;display:flex;align-items:center;gap:20px;background:#073b3c}.lab-stage figcaption>span{font-size:.875rem;color:var(--lime);font-variant-numeric:tabular-nums}.lab-stage figcaption strong{font-size:1.25rem;font-weight:500}.lab-stage button{margin-left:auto;border:1px solid #ffffff50;background:transparent;color:white;border-radius:30px;padding:12px 20px;font-size:.875rem}.lab-navigation{display:flex;justify-content:center;align-items:center;gap:20px;margin:18px 0 28px}.lab-navigation button{height:46px;width:46px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#fff;font-size:1.25rem}.lab-navigation button:hover,.lab-stage button:hover{background:var(--lime);color:var(--deep)}.lab-navigation p{font-size:.875rem;min-width:190px;text-align:center;color:#d8e9e3}.lab-rooms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.lab-rooms button{padding:6px 6px 14px;border:1px solid #ffffff30;border-radius:14px;background:#0b4241;color:#fff;text-align:left;transition:transform .2s,border-color .2s}.lab-rooms button img{width:100%;height:110px;object-fit:cover;object-position:center 25%;border-radius:9px;margin-bottom:14px}.lab-rooms button span{display:block;padding-inline:8px;font-size:.875rem;line-height:1.4}.lab-rooms button[aria-pressed=true]{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime);background:#18534b}.lab-rooms button:hover{transform:translateY(-5px)}.lab-notes{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-top:24px;min-height:42px}.lab-notes p{font-size:.8125rem;line-height:1.6;color:#bbd1cb;max-width:700px}.lab-notes button{background:none;border:0;border-bottom:1px solid #b6d9c7;color:#dbeddf;font-size:.875rem;padding:0 0 5px;white-space:nowrap}.lab-section :focus-visible{outline:3px solid var(--lime);outline-offset:4px}.lab-dialog{width:min(1200px,96vw);max-width:96vw;height:min(900px,92dvh);max-height:92dvh;padding:0;border:1px solid #ffffff40;background:#052e2f;color:white;border-radius:18px;overflow:hidden}.lab-dialog[open]{display:flex;flex-direction:column}.lab-dialog::backdrop{background:#001717ed;backdrop-filter:blur(8px)}.lab-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px}.lab-dialog-header h2{font-size:1.25rem;margin:0;line-height:1.3}.lab-dialog button{background:#ffffff10;border:1px solid #ffffff50;color:#fff;border-radius:8px;padding:10px 14px;min-height:44px}.lab-viewport{flex:1;min-height:0;position:relative;overflow:hidden;background:#001b1c;touch-action:none;cursor:grab}.lab-viewport:active{cursor:grabbing}.lab-viewport img{width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;max-width:none;transform-origin:center}.lab-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 22px}.lab-tools output{min-width:50px;text-align:center;font-size:.875rem}.lab-tools>span{margin-left:auto;font-size:.875rem;color:#c6dad1}.lab-dialog :focus-visible{outline:3px solid var(--lime);outline-offset:-3px}
@media(max-width:680px){.lab-section h2{margin-bottom:30px}.lab-scene{padding:0 5px 12px}.walk-window>img{height:380px}.lab-stage figcaption{padding:15px 12px;gap:10px;flex-wrap:wrap}.lab-stage figcaption strong{font-size:1rem}.lab-stage button{padding:10px 12px;font-size:.875rem}.lab-rooms{grid-template-columns:repeat(5,135px);overflow-x:auto;padding:5px 3px 12px;scroll-snap-type:x proximity;gap:12px}.lab-rooms button{scroll-snap-align:start}.lab-rooms button img{height:90px}.lab-notes{display:block}.lab-notes button{margin-top:12px}.lab-dialog-header{padding:12px}.lab-tools{padding:12px;gap:8px}.lab-tools>span{width:100%;font-size:.8125rem;margin:0}.lab-stage figcaption>span{font-size:.8125rem}.lab-dialog{height:90dvh}}
@media(prefers-reduced-motion:reduce){.lab-stage,.lab-rooms button:hover{transform:none!important}.lab-stage,.walk-window>img,.lab-rooms button{transition:none}}

.walk-intro{display:flex;align-items:center;gap:24px;margin:-18px 0 32px}.walk-intro p{font-size:.875rem;line-height:1.6;color:#bdd8ce;max-width:470px}.walk-window{position:relative;overflow:hidden;isolation:isolate;background:#001f20}.walk-window>img{display:block;transform-origin:50% 50%;will-change:transform}.walk-window.walking{height:clamp(430px,48vw,650px);touch-action:pan-y}.walk-window.walking>img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:none}.walk-badge{position:absolute;top:18px;left:18px;padding:9px 13px;border-radius:20px;background:#032a2ce6;font-size:.75rem;letter-spacing:.08em;color:#e0f4e9;border:1px solid #ffffff40;z-index:2}.walk-overlay{position:absolute;inset:auto 0 0;padding:65px 22px 24px;background:linear-gradient(transparent,#001b1ce8);z-index:2;text-align:center;pointer-events:none}.walk-overlay p{font-size:.875rem;margin-bottom:18px;color:#fff;line-height:1.5}.walk-actions{display:flex;align-items:center;justify-content:center;gap:16px}.lab-stage .walk-actions button{pointer-events:auto;margin:0;background:#063d3eed;min-height:48px;box-shadow:0 8px 24px #001b1c44}.lab-stage #walk-forward{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--lime);color:var(--deep);border-color:var(--lime);border-radius:24px;padding:12px 28px}.lab-stage #walk-forward>span:first-child{font-size:2rem;line-height:1}.lab-stage .walk-actions button:disabled{opacity:.45;cursor:default}.walking #lab-image{user-select:none;pointer-events:none}.lab-stage.is-walking{transform:none!important}.walk-window:focus-visible{outline:3px solid var(--lime);outline-offset:-4px}
@media(max-width:680px){.walk-intro{display:block;margin-top:0}.walk-intro p{margin-top:14px}.walk-window.walking{height:500px;max-height:75svh;min-height:360px}.walk-actions{gap:8px;flex-wrap:wrap}.lab-stage .walk-actions button{font-size:.8125rem;padding:12px}.lab-stage #walk-forward{padding:12px 24px}.walk-overlay{padding:65px 12px 18px}.walk-badge{top:12px;left:12px}.walk-intro .button{width:100%}}
@media(prefers-reduced-motion:reduce){.walk-window>img{will-change:auto}}