.art{--a-line:#ffffff1f;--a-dim:#f5f5f580;--a-accent:var(--color-accent,#c5fb45);--mono:var(--font-geist-mono,ui-monospace), ui-monospace, monospace;min-height:100svh;padding:var(--nav-bar-height,5.5rem) clamp(.75rem, 2vw, 2rem) clamp(.75rem, 2vw, 2rem);color:#f5f5f5;font-family:var(--mono);background:#0a0a0a;flex-direction:column;display:flex}.art__head{letter-spacing:.12em;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;font-size:.72rem;display:flex}.art__head h1{font:inherit;margin:0}.art__head p{color:var(--a-dim);margin:0}.drawers{flex:1;gap:6px;min-height:28rem;display:flex}.drawer{border:1px solid var(--a-line);min-width:0;color:inherit;isolation:isolate;animation:.9s cubic-bezier(.2,.8,.2,1) backwards drawer-in;animation-delay:calc(var(--i) * 90ms);background:#0d0d0d;flex:1 1 0;grid-template-rows:auto 1fr auto;padding:1rem 1.1rem;text-decoration:none;transition:flex-grow .7s cubic-bezier(.2,.8,.2,1),border-color .3s;display:grid;position:relative;overflow:hidden}@keyframes drawer-in{0%{clip-path:inset(100% 0 0)}}@media (hover:hover) and (min-width:821px){.drawers:hover .drawer,.drawers:focus-within .drawer{flex-grow:.75}.drawers .drawer:hover,.drawers .drawer:focus-visible{flex-grow:2.6}}.drawer--live:hover,.drawer--live:focus-visible{border-color:#c5fb4580;outline:0}.drawer__top{z-index:2;letter-spacing:.12em;white-space:nowrap;gap:1rem;font-size:.68rem;display:flex;position:relative}.drawer__path{text-overflow:ellipsis;color:var(--a-dim);flex:1;overflow:hidden}.drawer__status{align-items:center;gap:.5em;display:inline-flex}.drawer__led{background:#3a3a3a;border-radius:50%;width:7px;height:7px}.drawer--live .drawer__led{background:var(--a-accent);box-shadow:0 0 8px var(--a-accent)}.drawer--standby .drawer__status{color:var(--a-dim)}.drawer__title{z-index:2;writing-mode:vertical-rl;font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;place-self:end start;margin:0 0 1rem;font-size:clamp(2.2rem,7.5vh,5.5rem);font-weight:700;line-height:.9;transition:color .3s;position:relative;rotate:180deg}.drawer--standby .drawer__title{color:#f5f5f559}.drawer__foot{z-index:2;letter-spacing:.1em;justify-content:space-between;align-items:end;gap:1rem;font-size:.68rem;display:flex;position:relative}.drawer__stats{flex-wrap:wrap;gap:.4rem 1.4rem;margin:0;display:flex}.drawer__stats dt{color:var(--a-dim);font-size:.9em}.drawer__stats dd{white-space:nowrap;margin:.15rem 0 0}.drawer__enter{color:var(--a-accent);white-space:nowrap;opacity:0;transition:opacity .3s,translate .3s;translate:-6px}.drawer--live:hover .drawer__enter,.drawer--live:focus-visible .drawer__enter{opacity:1;translate:0}.drawer__strip{z-index:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:4px;width:min(100% - 6.5rem,34rem);margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:3rem .6rem 5.5rem auto;-webkit-mask-image:linear-gradient(270deg,#000 55%,#0000);mask-image:linear-gradient(270deg,#000 55%,#0000)}.drawer__strip li{min-height:0;overflow:hidden}.drawer__strip img{object-fit:cover;filter:grayscale()brightness(.38)contrast(1.15);width:100%;height:100%;transition:filter .6s;transition-delay:calc(var(--i) * 35ms)}.drawer--live:hover .drawer__strip img,.drawer--live:focus-visible .drawer__strip img{filter:grayscale(0)brightness(.9)}.drawer__scan{z-index:1;pointer-events:none;background:linear-gradient(to bottom, transparent, #c5fb4512 80%, #c5fb4580 99.5%, var(--a-accent));opacity:0;height:30%;position:absolute;inset:0;translate:0 -100%}.drawer--live:hover .drawer__scan,.drawer--live:focus-visible .drawer__scan{animation:.9s cubic-bezier(.4,0,.2,1) drawer-sweep}@keyframes drawer-sweep{0%{opacity:1;translate:0 -100%}90%{opacity:1}to{opacity:0;translate:0 340%}}.drawer--standby{cursor:default}.drawer--standby:before{content:"";z-index:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.drawer__signal{z-index:1;letter-spacing:.3em;color:#f5f5f566;place-items:center;margin:0;font-size:.72rem;display:grid;position:absolute;inset:0}@media (max-width:820px){.drawers{flex-direction:column;min-height:0}.drawer{flex:none;min-height:13rem}.drawer--live{min-height:22rem}.drawer__title{writing-mode:horizontal-tb;margin:0 0 .75rem;font-size:clamp(1.8rem,8vw,3rem);rotate:none}.drawer__strip{width:auto;inset:2.75rem .6rem 6.5rem;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.drawer__strip img{filter:grayscale(.6)brightness(.55)}.drawer__enter{opacity:1;translate:0}}