.smart-examples>h2{margin-bottom:20px}.smart-examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:35px}.smart-example{background:#22382d;border:1px solid #65775e;padding:24px;display:flex;flex-direction:column}.smart-example svg{display:block;width:100%;background:#1b2e25;margin-bottom:24px}.smart-example h3{font-size:25px;margin:0 0 12px}.smart-example p{color:#bbc4b5;margin:0 0 20px;line-height:1.7}.example-status{color:#dec8a5;margin-top:auto;font-size:14px;letter-spacing:.04em}.smart-example button{margin-top:17px;padding:14px;border:1px solid #b9a27f;color:#f1e8d9;background:transparent;font:inherit;cursor:pointer;text-align:left}.smart-example button:hover,.smart-example button[aria-pressed=true]{background:#cbb28e;color:#19291f}.smart-example button:focus-visible{outline:3px solid #e9ce9f;outline-offset:3px}.shade{transform:translateY(0);transition:transform 1.4s;transform-box:fill-box;clip-path:inset(0)}[data-example=shades] svg{overflow:hidden}[data-example=shades][data-active=true] .shade{transform:translateY(-145px)}.lock-bolt{transform:translateX(-27px);transition:transform .65s}[data-example=lock][data-active=true] .lock-bolt{transform:translateX(0)}.path-glow{opacity:.08;transition:opacity 1s}[data-example=path][data-active=true] .path-glow{opacity:1}.movie-room,.movie-lamp{transition:fill 1s,opacity 1s}.movie-shade{transform:scaleY(.05);transform-origin:48px 38px;transition:transform 1.2s}[data-example=movie][data-active=true] .movie-shade{transform:scaleY(1)}[data-example=movie][data-active=true] .movie-room{fill:#263c33}[data-example=movie][data-active=true] .movie-lamp{opacity:.15}.lighting-image img{object-position:70% center}.lighting-overlay{max-width:62%}@media(max-width:760px){.smart-examples-grid{grid-template-columns:1fr}.lighting-image img{object-position:70% center}.lighting-overlay{max-width:67%}.lighting-overlay h1{font-size:clamp(30px,6.5vw,52px)}}@media(prefers-reduced-motion:reduce){.smart-example *{transition:none!important}}
@media(max-width:760px){.lighting-image{height:auto;display:flex;flex-direction:column}.lighting-image>img{height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}.lighting-image:after{display:none}.lighting-overlay{position:relative;left:auto;right:auto;top:auto;max-width:none;padding:30px 24px;background:#1b2923}.lighting-overlay h1{font-size:40px}.lighting-image .photo-disclosure{top:15px;bottom:auto}}

.lighting-image>img{filter:none;transition:none}.smart-examples-grid{gap:16px}.smart-example{padding:18px}.smart-example svg{height:155px;object-fit:contain;margin-bottom:14px}.smart-example h3{font-size:22px}.smart-example p{font-size:14px;margin-bottom:14px}.smart-example button{padding:11px;justify-content:center;text-align:center}@media(min-width:520px) and (max-width:760px){.smart-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-example svg{height:125px}.smart-example h3{font-size:20px}.smart-example button{font-size:13px}}@media(max-width:519px){.smart-example svg{height:135px}.smart-example{padding:16px}}