/* Final image slots: solid gray image files replace the temporary UI mockups. */
.hero-art { background: #d9d9d9; }
.hero-art:before { display: none; }
.hero-media { display: block; width: 100%; height: 100%; }
.hero-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.lab-grid:before { display: none; }
.lab-visual { width: 100%; height: 605px; overflow: hidden; border-radius: 35px; background: #d9d9d9; }
.lab-visual .lab-panel { height: 100%; width: 100%; }
.lab-visual .lab-panel[hidden] { display: none; }
.lab-visual img { display: block; width: 100%; height: 100%; object-fit: cover; }
.path-stage { padding: 0; height: 347px; min-height: 0; border: 0; background: #d9d9d9; overflow: hidden; }
.path-stage .path-panel { height: 100%; min-height: 0; padding: 0; border: 0; border-radius: 0; background: #d9d9d9; box-shadow: none; }
.path-stage .path-panel[hidden] { display: none; }
.path-stage img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media(max-width:800px) { .lab-visual { height: 480px; border-radius: 25px; } }
@media(max-width:580px) { .lab-visual { height: 320px; border-radius: 22px; } .path-stage { height: 235px; } }

.asset-art { display:block; width:100%; height:100%; font-family:var(--font); }