.landing-grid-bg{background-image:linear-gradient(90deg,oklch(100% 0 0/.03) 1px,#0000 1px),linear-gradient(oklch(100% 0 0/.03) 1px,#0000 1px);background-size:32px 32px}.studio-rack-frame{background-image:linear-gradient(oklch(22% .006 286),oklch(16% .005 286));border:1px solid oklch(100% 0 0/.12);position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.1),0 20px 40px -15px oklch(0% 0 0/.8)}.studio-rack-panel{background-image:linear-gradient(oklch(20% .005 286),oklch(16.5% .005 286));border:1px solid oklch(100% 0 0/.08);box-shadow:inset 0 1px oklch(100% 0 0/.06),0 1px 2px oklch(0% 0 0/.5)}.studio-lcd-screen{background-color:var(--lcd);color:var(--lcd-foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-shadow:0 0 8px color-mix(in oklch, var(--lcd-foreground) 40%, transparent);border:1px solid oklch(100% 0 0/.08);box-shadow:inset 0 2px 8px oklch(0% 0 0/.7)}.studio-meter-bar{transform-origin:bottom;background-color:currentColor;border-radius:1px;width:3px;display:inline-block}.landing-grid-bg a:focus-visible,.landing-grid-bg summary:focus-visible{outline-offset:4px;outline:2px solid #fbbf24}.landing-grid-bg p{max-width:78ch}@media (width<=639px){.landing-grid-bg header,.landing-grid-bg header nav,.landing-grid-bg .studio-rack-frame>div:first-child{flex-wrap:wrap}.landing-grid-bg .studio-rack-frame .flex{flex-wrap:wrap;gap:.5rem}}@media (prefers-reduced-motion:reduce){.landing-grid-bg *,.landing-grid-bg :before,.landing-grid-bg :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
