.spotlight,.spotlight *{box-sizing:border-box}.spotlight{background-color:#000;flex:1;min-height:70vh;margin:0 -20px;position:relative;overflow:hidden}.spotlight-track{width:90%;max-width:1400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spotlight-panels{width:100%;height:400px;position:relative}.spotlight-panel{cursor:pointer;will-change:left,width;height:100%;transition:all 1s cubic-bezier(.075,.82,.165,1);position:absolute;top:0;overflow:hidden}.spotlight-panel img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:400px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.spotlight-focus-indicator{will-change:left,width;pointer-events:none;z-index:100;border:3px solid #fff;height:100%;transition:all 1s cubic-bezier(.075,.82,.165,1);position:absolute;top:0}.spotlight-focus-indicator:before,.spotlight-focus-indicator:after{content:"";background:#fff;width:3px;position:absolute;left:50%;transform:translate(-50%)}.spotlight-focus-indicator:before{height:100svh;bottom:100%}.spotlight-focus-indicator:after{height:100svh;top:100%}.op-readout{pointer-events:none;z-index:50;width:400px;font-family:var(--font-space-mono),ui-monospace,monospace;color:#eaeaea;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.op-readout:before{content:"";z-index:-1;background:linear-gradient(#0000 0%,#000000d9 52%,#000000f0 100%);position:absolute;inset:0}.op-readout-inner{padding:16px 18px 18px;position:relative}.op-readout-inner:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.op-label{letter-spacing:.28em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;border-bottom:1px solid #ffffff2e;align-items:center;gap:7px;margin-bottom:10px;padding-bottom:8px;font-size:9px;display:flex}.op-cursor{background:#fff;width:6px;height:11px;animation:1s step-end infinite op-blink;display:inline-block}@keyframes op-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.op-codename{letter-spacing:.04em;color:#fff;white-space:nowrap;margin-bottom:7px;font-size:26px;font-weight:700;line-height:1}.op-class{letter-spacing:.22em;text-transform:uppercase;color:#ffffffb3;white-space:nowrap;margin-bottom:12px;font-size:9.5px}.op-rows{gap:4px;margin-bottom:10px;display:grid}.op-row{letter-spacing:.08em;white-space:nowrap;grid-template-columns:82px 1fr;gap:10px;font-size:10px;display:grid}.op-k{color:#ffffff6b;text-transform:uppercase}.op-v{color:#e9e9e9}.op-ref{letter-spacing:.12em;color:#fff6;white-space:nowrap;border-top:1px solid #ffffff1f;padding-top:8px;font-size:8.5px}@media (max-width:1000px){.spotlight-panels{height:260px}.spotlight-panel img{width:200px}}