.hopper-experience{--hopper-screen:#000;--hopper-warm:#f3e6ce;margin-block:var(--space-2xl);padding-block:var(--space-xl);border-block:var(--rule-thin) solid var(--color-rule);font-size:var(--text-sm);line-height:1.6}.hopper-experience .hopper-heading>span,.hopper-light-label,.hopper-device-label{font:600 var(--text-xs)/1.6 var(--font-outlier);letter-spacing:.035em}.hopper-experience .hopper-heading h3{margin:var(--space-sm) 0;font-size:var(--text-xl)}.hopper-experience p{margin-block:var(--space-sm)}.hopper-experience .hopper-heading p,.hopper-light-description,.hopper-sound-status,.hopper-note{color:var(--color-muted)}.hopper-scenes{margin-block:var(--space-lg);gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hopper-scenes button{align-items:center;gap:var(--space-sm);border:var(--rule-thin) solid var(--color-rule);min-height:2.75rem;padding:var(--space-sm);font:inherit;color:var(--color-ink);cursor:pointer;background:0 0;display:flex}.hopper-scenes button[aria-pressed=true]{color:var(--color-paper);background:var(--color-ink);border-color:var(--color-ink)}.hopper-scenes small{font:inherit;font-family:var(--font-outlier);opacity:.65}.hopper-scenes button:hover{border-color:var(--color-ink)}.hopper-stage-title{align-items:baseline;gap:var(--space-sm);margin-block:var(--space-lg);flex-wrap:wrap;display:flex}.hopper-stage-title strong{font-size:var(--text-lg)}.hopper-light-label{justify-content:space-between;gap:var(--space-xs);flex-wrap:wrap;display:flex}.hopper-leds{padding:var(--space-md) var(--space-xs);margin-top:var(--space-sm);background:var(--hopper-screen);grid-template-columns:repeat(30,minmax(0,1fr));gap:2px;display:grid}.hopper-leds span{aspect-ratio:1;box-shadow:0 0 var(--space-xs) currentColor;background:currentColor}.hopper-devices{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.hopper-oled{aspect-ratio:2;padding:var(--space-md);background:var(--hopper-screen);color:var(--paper);font:500 clamp(.6rem, 1.5vw, .75rem)/1.25 var(--font-outlier);flex-direction:column;justify-content:space-between;display:flex}.hopper-oled-row{justify-content:space-between;gap:var(--space-xs);display:flex}.hopper-oled-row:first-child{padding-bottom:var(--space-xs);border-bottom:var(--rule-thin) solid currentColor}.hopper-oled>strong{text-align:center;margin-top:var(--space-md);font-size:var(--text-lg);letter-spacing:.04em}.hopper-oled-sub{text-align:center;margin-block:var(--space-sm)}.hopper-oled-row:last-child{padding-top:var(--space-xs);border-top:var(--rule-thin) solid currentColor}.hopper-progress{height:var(--space-xs);border:var(--rule-thin) solid currentColor;margin-top:var(--space-sm)}.hopper-progress span{background:currentColor;width:72%;height:100%;display:block}.hopper-lamp{align-items:center;gap:var(--space-sm);margin-block:var(--space-md);display:flex}.hopper-lamp>span{width:var(--space-lg);height:var(--space-lg);border:var(--rule-thin) solid var(--color-ink);background:var(--color-ink);flex-shrink:0}.hopper-lamp[data-on=true]>span{background:var(--hopper-warm);box-shadow:0 0 var(--space-sm) var(--hopper-warm)}.hopper-door>p:last-child{color:var(--color-muted)}.hopper-experience .hopper-announcement{margin-block:var(--space-lg);border-left:var(--rule-strong) solid var(--color-ink);padding-left:var(--space-md);min-height:3.2em}.hopper-controls{gap:var(--space-sm);flex-wrap:wrap;display:flex}.hopper-note{font-size:var(--text-xs)}@media (max-width:600px){.hopper-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.hopper-devices{grid-template-columns:minmax(0,1fr)}.hopper-oled{font-size:var(--text-xs)}.hopper-controls .blog-button{flex:1}}