[data-pasillo]{position:relative;min-height:100vh;background:var(--v4-ink-lab);color:var(--v4-bone);overflow:clip}.pasillo-scene{position:fixed;perspective:1400px}.pasillo-corridor,.pasillo-scene{inset:0;transform-style:preserve-3d}.pasillo-corridor{position:absolute;will-change:transform}.pasillo-island{position:absolute;left:50%;top:50%;width:min(46vw,640px);transform:translate(-50%,-50%) translateZ(var(--z,0)) translateX(var(--x,0));opacity:var(--island-opacity,.25);transition:opacity .5s ease}.pasillo-island[data-side=left]{--x:-30vw}.pasillo-island[data-side=right]{--x:30vw}.pasillo-island:before{content:"";position:absolute;inset:-18% -14%;z-index:-1;background:radial-gradient(ellipse at center,rgb(232 228 218/.1),transparent 70%)}.pasillo-frame{display:block;width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;filter:grayscale(1) brightness(.7);transition:filter .5s ease;border:1px solid var(--v4-bone-15)}.pasillo-island:focus-within .pasillo-frame,.pasillo-island:hover .pasillo-frame{filter:grayscale(0) brightness(1)}.pasillo-plate{margin-top:.8rem;color:var(--v4-bone-40)}.pasillo-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--v4-ikb);box-shadow:0 0 8px var(--v4-ikb-soft);margin-right:.5em}.pasillo-band-label{position:fixed;left:24px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;color:var(--v4-bone-15)}.pasillo-numeral{position:fixed;right:4vw;bottom:6vh;font-size:22vh;line-height:1}.empty-wall{min-height:100vh;display:grid;place-items:center;text-align:center;gap:1.5rem}@media (max-width:820px),(prefers-reduced-motion:reduce){.pasillo-scene{position:static;perspective:none}.pasillo-corridor{display:flex;flex-direction:column;gap:14vh;padding:12vh 6vw}.pasillo-corridor,.pasillo-island{position:static;transform:none!important}.pasillo-island{width:100%;opacity:1}.empty-wall{position:static!important;inset:auto!important;min-height:auto;padding:12vh 6vw}.pasillo-band-label,.pasillo-numeral{display:none}}