.street-light-stack{--sl-light:#ffc27a;--sl-night:#4a5c80;--sl-depth:0;--sl-glow:0;--sl-cone:0;--sl-buzz:1;--sl-band:0;--sl-lens-x:0;--sl-lens-y:0;--sl-cone-half:10deg;--sl-cone-length:0;--sl-cone-x:0;--sl-cone-y:0;--sl-cone-w:0;--sl-cone-h:0;--sl-throw-x:0;--sl-throw-y:0;--sl-throw-w:0;--sl-throw-h:0;--sl-fixture-x:0;--sl-fixture-y:0;--sl-fixture-w:0;--sl-fixture-h:0;--sl-hot-x:0;--sl-hot-y:0;--sl-hot-a:0;--sl-hot-b:0;--sl-pool-x:0;--sl-pool-y:0;--sl-pool-a:0;--sl-pool-b:0;--sl-tail-x:0;--sl-tail-y:0;--sl-tail-a:0;--sl-tail-b:0;--sl-arm:0;--sl-arm-thickness:0;--sl-mast-thickness:0;--sl-head-w:0;--sl-head-h:0;--sl-side:-1;overflow:hidden}.street-light-band,.street-light-throw,.street-light-cone{pointer-events:none;position:absolute}.street-light-band{width:100%;height:calc(var(--sl-band) * 1px);top:0;left:0}.street-light-throw{left:calc(var(--sl-throw-x) * 1px);top:calc(var(--sl-throw-y) * 1px);width:calc(var(--sl-throw-w) * 1px);height:calc(var(--sl-throw-h) * 1px);--sl-lens-lx:calc((var(--sl-lens-x) - var(--sl-throw-x)) * 1px);--sl-lens-ly:calc((var(--sl-lens-y) - var(--sl-throw-y)) * 1px);--sl-hot-lx:calc((var(--sl-hot-x) - var(--sl-throw-x)) * 1px);--sl-hot-ly:calc((var(--sl-hot-y) - var(--sl-throw-y)) * 1px);--sl-pool-lx:calc((var(--sl-pool-x) - var(--sl-throw-x)) * 1px);--sl-pool-ly:calc((var(--sl-pool-y) - var(--sl-throw-y)) * 1px);--sl-tail-lx:calc((var(--sl-tail-x) - var(--sl-throw-x)) * 1px);--sl-tail-ly:calc((var(--sl-tail-y) - var(--sl-throw-y)) * 1px)}.street-light-night{--sl-night-deep:color-mix(in srgb, var(--sl-night), #000 45%);--sl-mul:color-mix(in srgb, #fff, var(--sl-night-deep) calc(var(--sl-depth) * 100%));background-color:#0000;background-image:radial-gradient(calc(var(--sl-tail-a) * 1px) calc(var(--sl-tail-b) * 1px) at calc(var(--sl-tail-x) * 1px) calc(var(--sl-tail-y) * 1px), transparent 0%, color-mix(in srgb, var(--sl-mul) 14%, transparent) 26%, color-mix(in srgb, var(--sl-mul) 52%, transparent) 54%, color-mix(in srgb, var(--sl-mul) 86%, transparent) 76%, var(--sl-mul) 94%);mix-blend-mode:multiply}.street-light-lit{background-image:radial-gradient(calc(var(--sl-hot-a) * 1px) calc(var(--sl-hot-b) * 1px) at var(--sl-hot-lx) var(--sl-hot-ly), color-mix(in srgb, var(--sl-light) 88%, transparent) 0%, color-mix(in srgb, var(--sl-light) 46%, transparent) 52%, transparent 100%), radial-gradient(calc(var(--sl-pool-a) * 1px) calc(var(--sl-pool-b) * 1px) at var(--sl-pool-lx) var(--sl-pool-ly), color-mix(in srgb, var(--sl-light) 34%, transparent) 0%, transparent 86%);mix-blend-mode:overlay;opacity:calc(var(--sl-glow) * .8 * var(--sl-buzz))}.street-light-glow{background-image:radial-gradient(calc(var(--sl-head-w) * .4px) calc(var(--sl-head-h) * .7px) at var(--sl-lens-lx) var(--sl-lens-ly), color-mix(in srgb, var(--sl-light) 98%, transparent) 0%, color-mix(in srgb, var(--sl-light) 68%, transparent) 50%, transparent 100%), radial-gradient(calc(var(--sl-hot-a) * 1px) calc(var(--sl-hot-b) * 1px) at var(--sl-hot-lx) var(--sl-hot-ly), color-mix(in srgb, var(--sl-light) 86%, transparent) 0%, color-mix(in srgb, var(--sl-light) 52%, transparent) 42%, transparent 100%), radial-gradient(calc(var(--sl-pool-a) * 1px) calc(var(--sl-pool-b) * 1px) at var(--sl-pool-lx) var(--sl-pool-ly), color-mix(in srgb, var(--sl-light) 54%, transparent) 0%, color-mix(in srgb, var(--sl-light) 18%, transparent) 52%, transparent 92%), radial-gradient(calc(var(--sl-tail-a) * 1px) calc(var(--sl-tail-b) * 1px) at var(--sl-tail-lx) var(--sl-tail-ly), color-mix(in srgb, var(--sl-light) 13%, transparent) 0%, transparent 70%);mix-blend-mode:screen;opacity:calc(var(--sl-glow) * var(--sl-buzz))}.street-light-cone{left:calc(var(--sl-cone-x) * 1px);top:calc(var(--sl-cone-y) * 1px);width:calc(var(--sl-cone-w) * 1px);height:calc(var(--sl-cone-h) * 1px);--sl-cone-fade:radial-gradient(calc(var(--sl-cone-length) * 1px) calc(var(--sl-cone-length) * 1px) at 50% 0%, #000 0%, #0000009e 34%, #00000038 68%, transparent 100%);background-image:conic-gradient(from calc(180deg - var(--sl-cone-half)) at 50% 0%, transparent 0deg, color-mix(in srgb, var(--sl-light) 42%, transparent) calc(var(--sl-cone-half) * .55), color-mix(in srgb, var(--sl-light) 64%, transparent) var(--sl-cone-half), color-mix(in srgb, var(--sl-light) 42%, transparent) calc(var(--sl-cone-half) * 1.45), transparent calc(var(--sl-cone-half) * 2));mix-blend-mode:screen;opacity:calc(var(--sl-cone) * var(--sl-buzz));-webkit-mask-image:var(--sl-cone-fade);-webkit-mask-image:var(--sl-cone-fade);mask-image:var(--sl-cone-fade)}.street-light-fixture{left:calc(var(--sl-fixture-x) * 1px);top:calc(var(--sl-fixture-y) * 1px);width:calc(var(--sl-fixture-w) * 1px);height:calc(var(--sl-fixture-h) * 1px);pointer-events:none;--sl-metal:#14171d;--sl-metal-lit:#3b4450;position:absolute}.street-light-mast,.street-light-arm,.street-light-head{background:linear-gradient(180deg, var(--sl-metal-lit) 0%, var(--sl-metal) 62%);position:absolute}.street-light-mast{left:calc((var(--sl-lens-x) + var(--sl-side) * var(--sl-arm) - var(--sl-mast-thickness) * .5 - var(--sl-fixture-x)) * 1px);width:calc(var(--sl-mast-thickness) * 1px);height:calc((var(--sl-lens-y) - var(--sl-head-h) + var(--sl-arm-thickness)) * 1px);background:linear-gradient(90deg, var(--sl-metal-lit) 0%, var(--sl-metal) 58%);top:0}.street-light-arm{left:calc((var(--sl-lens-x) + (var(--sl-side) - 1) * .5 * var(--sl-arm) - var(--sl-fixture-x)) * 1px);top:calc((var(--sl-lens-y) - var(--sl-head-h) - var(--sl-fixture-y)) * 1px);width:calc(var(--sl-arm) * 1px);height:calc(var(--sl-arm-thickness) * 1px)}.street-light-head{left:calc((var(--sl-lens-x) - var(--sl-head-w) * .5 - var(--sl-fixture-x)) * 1px);top:calc((var(--sl-lens-y) - var(--sl-head-h) - var(--sl-fixture-y)) * 1px);width:calc(var(--sl-head-w) * 1px);height:calc(var(--sl-head-h) * 1px);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}.street-light-demo-gap{height:46vh}.street-light-demo-street{color:#e7ecf3;background:#2c3138;margin:0;padding:0;position:relative}.street-light-demo-stop{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:88vh;padding:5vh clamp(1.5rem,6vw,5rem);display:flex}.street-light-demo-stop>h2{letter-spacing:-.02em;max-width:22ch;margin:0 0 1rem;font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.04}.street-light-demo-stop>p{max-width:44ch;margin:0 0 1.1rem;font-size:1.04rem;line-height:1.62}.street-light-demo-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.66;margin:0 0 .6rem;font-size:.7rem}.street-light-demo-figure{max-width:44rem;margin:0}.street-light-demo-figure>img{aspect-ratio:1.896;object-fit:cover;width:100%;display:block}.street-light-demo-figure>figcaption{font-family:var(--font-mono);letter-spacing:.06em;opacity:.6;margin-top:.6rem;font-size:.72rem}.street-light-demo-toss{perspective:340px;height:4.5rem;margin:0 0 1.4rem}.street-light-demo-coin{will-change:transform;background:radial-gradient(60% 60% at 34% 30%,#fff 0%,#d9c07d 42%,#8c7331 100%);border-radius:50%;width:2.6rem;height:2.6rem;display:block;box-shadow:inset 0 0 0 2px #ffffff38}.street-light-demo-readout{font-family:var(--font-mono);color:var(--ember);font-size:.86rem}