.l9-proximity{color:#f2f4ed;background:#15281f;padding:100px 0}.l9-proximity-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;display:grid}.l9-proximity h2{letter-spacing:-.04em;white-space:pre-line;margin:18px 0;font-size:clamp(34px,4vw,58px);line-height:1.16}.l9-proximity p{line-height:1.85}.l9-proximity-heading>p{color:#c4d0c5;max-width:520px}.l9-proximity-tabs{gap:12px;margin:35px 0 20px;display:flex}.l9-proximity button{font:inherit;cursor:pointer}.l9-proximity-tabs button,.l9-proximity-playback button{color:inherit;background:0 0;border:1px solid #748779;border-radius:999px;padding:12px 24px}.l9-proximity-tabs button[aria-pressed=true],.l9-proximity-playback button:first-child{color:#183024;background:#c6ef8b;border-color:#c6ef8b}.l9-proximity button:focus-visible{outline-offset:4px;outline:3px solid #efc16b}.l9-proximity-card{background:#1e3528;border:1px solid #45604e;border-radius:24px;overflow:hidden}.l9-proximity-scene{aspect-ratio:2.3;background:radial-gradient(at 42% 45%,#304235,#1c3025 75%);transition:background 1s;position:relative;overflow:hidden}.l9-proximity-scene.is-lit{background:radial-gradient(at 47% 40%,#8c8561,#344a35 72%)}.l9-proximity-demo-label{letter-spacing:.16em;color:#dce5d7;font-size:12px;position:absolute;top:24px;left:28px}.l9-proximity-room{width:76%;height:100%;position:absolute;bottom:0;left:0}.room-outline,.room-furniture,.lamp-cord{fill:none;stroke:#738675;stroke-width:2px}.lamp-shade{fill:#9da88d;stroke:#c4cfb5;stroke-width:2px}.lamp-beam{fill:#ffe9a0;opacity:0;transition:opacity 1s}.is-lit .lamp-beam{opacity:.25}.is-lit .lamp-shade{fill:#ffe4a0}.l9-proximity-person{fill:none;stroke:#d8e5cc;stroke-width:8px;stroke-linecap:round;opacity:.65;transition:transform 1.2s,opacity 1.2s;transform:translate(-50px)}.l9-proximity-person circle{fill:#d8e5cc;stroke:none}.stage-1 .l9-proximity-person{opacity:1;transform:translate(125px)}.stage-2 .l9-proximity-person,.stage-3 .l9-proximity-person{opacity:0;transform:translate(-115px)}.sensing-lines{fill:none;stroke:#d2ed9f;stroke-width:3px;opacity:0;transition:opacity 1s}.stage-1 .sensing-lines{opacity:.8}.l9-proximity-panel{aspect-ratio:1;filter:drop-shadow(0 12px 16px #101b1680);width:30%;position:absolute;top:8%;right:1%}.l9-proximity-panel img{width:100%;height:100%;display:block}.l9-proximity-screen-mask{opacity:1;background:#090d0e;width:16%;height:28.3%;transition:opacity 1s;position:absolute;top:35.4%;left:42%}.is-lit .l9-proximity-screen-mask{opacity:0}.l9-proximity-state{gap:8px;font-size:13px;display:grid;position:absolute;bottom:7%;right:4%}.l9-proximity-state span{background:#112519d9;border:1px solid #657b5e;border-radius:8px;padding:8px 14px}.is-lit .l9-proximity-state span{color:#dcf6a7;border-color:#a5bd78}.l9-proximity-controls{padding:24px 28px}.l9-proximity-controls>div:first-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.l9-proximity-controls>div:first-child button{color:#bacbbb;text-align:left;background:0 0;border:0;border-top:2px solid #5d715d;padding:14px 0;line-height:1.6}.l9-proximity-controls>div:first-child button[aria-pressed=true]{color:#d9f6aa;border-color:#c6ef8b}.l9-proximity-controls button span{letter-spacing:.14em;margin-bottom:6px;font-size:12px;display:block}.l9-proximity-playback{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.l9-proximity-playback p{color:#c8d8c5;font-size:14px}.l9-proximity-caption{color:#bdcdbb;max-width:1000px;margin:22px 0 0;font-size:13px}.l9-proximity-card>.l9-proximity-caption{margin:0;padding:0 28px 26px}.l9-proximity-distances{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:34px;display:grid}.l9-proximity-distances strong{color:#d3f39c;font-size:clamp(25px,3vw,40px);display:block}.l9-proximity-distances span{color:#ced9c7;margin-top:8px;display:block}.l9-proximity-settings{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;padding:42px 8%;display:grid}.l9-proximity-settings h3{font-size:32px;line-height:1.3}.l9-proximity-settings p{color:#c4d4c2}.l9-proximity-settings figure{text-align:center;margin:0}.l9-proximity-settings img{object-fit:contain;width:100%;height:460px}.l9-proximity-settings figcaption{margin-top:16px;font-size:13px}.l9-proximity-scene.is-reduced *{transition:none}@media (width<=820px){.l9-proximity{padding:65px 0}.l9-proximity-heading{grid-template-columns:1fr;gap:12px}.l9-proximity-scene{aspect-ratio:1.55}.l9-proximity-panel{width:39%;top:18%;right:-2%}.l9-proximity-room{width:94%;left:-16%}.l9-proximity-demo-label{font-size:10px;top:18px;left:18px}.l9-proximity-state{gap:5px;font-size:11px;bottom:5%;right:4%}.l9-proximity-state span{padding:5px 8px}.l9-proximity-controls{padding:20px}.l9-proximity-controls>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}.l9-proximity-controls>div:first-child button{font-size:13px}.l9-proximity-settings{grid-template-columns:1fr;gap:24px;padding:26px}.l9-proximity-settings img{height:400px}.l9-proximity-card>.l9-proximity-caption{padding:0 20px 22px}.l9-proximity-distances{gap:12px}.l9-proximity-tabs button,.l9-proximity-playback button{padding:10px 18px}.l9-proximity-playback p{width:100%;margin:5px 0}}.l9-proximity-fan-blades{fill:#b7c5a6;stroke:#e3ebd8;stroke-width:2px;transform-origin:0 0;animation:1.8s linear infinite paused l9-proximity-fan-turn}.is-fan-running.is-preview-playing .l9-proximity-fan-blades{animation-play-state:running}.is-reduced .l9-proximity-fan-blades{animation:none}@keyframes l9-proximity-fan-turn{to{transform:rotate(360deg)}}@media (width<=820px){.l9-proximity-scene.has-fan{aspect-ratio:1.2}}@media (prefers-reduced-motion:reduce){.l9-proximity-scene,.l9-proximity-scene *{transition:none}.l9-proximity-fan-blades{animation:none}}