:root{--ink:#1e2927;--muted:#606c68;--paper:#fafbf9;--line:#dce1dd;--accent:#bfdfb1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #789b59;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.045em}p{color:var(--muted)}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:var(--paper);position:relative;z-index:10}.brand{font-size:27px;font-weight:750;line-height:1;letter-spacing:-1.5px;display:inline-block}.brand span{font-weight:350}.brand i{display:block;font-style:normal;font-size:8px;letter-spacing:2px;margin-top:9px}.header nav{display:flex;gap:30px;font-size:14px}.header nav a:hover,.email:hover{color:#5c793d}.contact-nav{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.contact-nav span{margin-left:20px}.menu{display:none}.mobile-nav{position:absolute;top:80px;width:100%;background:var(--paper);z-index:20;padding:20px 6%}.mobile-nav a{display:block;padding:10px}.hero{height:min(760px,calc(100svh - 92px));min-height:580px;position:relative;background:#27302b;color:white;margin:0 16px;overflow:hidden;border-radius:3px}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,13,.74),rgba(8,15,12,.2) 65%),linear-gradient(0deg,rgba(7,13,10,.45),transparent 40%)}.hero-copy{position:absolute;left:6%;top:19%;max-width:650px}.eyebrow{font-size:12px;letter-spacing:2.4px;line-height:1.6;font-weight:550;margin-bottom:26px}.hero .eyebrow{color:#e7eee4}.hero h1{font-size:clamp(64px,7.4vw,108px);letter-spacing:-.055em;margin-bottom:26px}.hero-copy>p:not(.eyebrow){color:#edf0e9;font-size:19px;line-height:1.6;margin-bottom:33px}.button{display:inline-flex;gap:38px;align-items:center;padding:15px 24px;border-radius:4px;font-size:14px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.white{background:#f8faf5;color:#253329}.hero-bottom{position:absolute;bottom:29px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.6px;color:#e2e7df}.hero-bottom span:last-child{letter-spacing:0}.section{padding:110px max(7%,calc((100vw - 1240px)/2))}h2{font-size:clamp(40px,4.4vw,64px);margin-bottom:30px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%}.intro-grid>div{padding-top:8px;max-width:500px}.large{font-size:26px;line-height:1.4;letter-spacing:-.6px;color:var(--ink);margin-bottom:28px}.intro-grid p:not(.large){margin-bottom:20px}.experience{background:#17201d;color:#f4f6ef;padding-top:1px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:365px;margin:0 0 5px}.experience .section-heading{padding-bottom:55px}.experience p{color:#b9c3bb}.experience .eyebrow{color:#bbd4ac}.light-demo{margin:0 auto;width:86%;max-width:1240px}.room{height:530px;position:relative;overflow:hidden;border-radius:6px 6px 0 0;background:#151b17}.room-caption{position:absolute;bottom:30px;left:32px;right:32px;display:flex;justify-content:space-between;gap:15px;font-size:18px;text-shadow:0 1px 10px #000}.room-caption span:last-child{font-size:14px;background:#162019bb;border:1px solid #ffffff33;border-radius:30px;padding:7px 16px;white-space:nowrap}.concept-label{position:absolute;top:22px;left:28px;font-size:12px;background:#17201d99;border-radius:3px;padding:4px 10px;color:#ecf0e9}.control-panel{padding:30px 35px;background:#232e29;border:1px solid #39433c;border-top:0;border-radius:0 0 6px 6px}.control-top{display:flex;justify-content:space-between;align-items:center}.control-top .eyebrow{margin:0;font-size:11px}.live{font-size:10px;letter-spacing:1.5px;color:#b7c1b6}.scenes{display:flex;gap:10px;margin:22px 0 34px}.scenes button{flex:1;border:1px solid #525e52;background:transparent;color:#d8e0d6;border-radius:4px;padding:11px;cursor:pointer;font-size:14px}.scenes button span{margin-right:10px}.scenes .selected{background:#cfdfc0;color:#233026;border-color:#cfdfc0}.scenes button:hover{border-color:#e0ebd7}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:55px}.label-row,.range-labels{display:flex;justify-content:space-between;gap:15px}.label-row{font-size:14px;margin-bottom:16px}.label-row output{font-variant-numeric:tabular-nums;color:#e9eedf}.range-labels{font-size:12px;color:#bdc7bd;margin-top:8px}input[type=range]{display:block;width:100%;height:6px;border-radius:10px;appearance:none;cursor:pointer;background:linear-gradient(90deg,#dca256,#f4edcf,#e5f1ff);margin:16px 0;accent-color:#eef4e7}#brightness{background:linear-gradient(90deg,#536050,#edf3e5)}input[type=range]::-webkit-slider-thumb{appearance:none;width:21px;height:21px;background:#f9fbf6;border:3px solid #364332;border-radius:50%;box-shadow:0 0 0 2px #f9fbf6}input[type=range]::-moz-range-thumb{width:17px;height:17px;border:2px solid #364332;background:#fff;border-radius:50%}.demo-note{font-size:12px;margin:25px 0 0;color:#a8b5a8!important;max-width:780px}.light-details{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding-top:65px;padding-bottom:85px}.light-details>div>span{font-size:11px;letter-spacing:1.5px;color:#adbf9f}.light-details h3{font-size:29px;margin:22px 0 20px}.light-details p{font-size:15px;margin:0}.solutions .section-heading{margin-bottom:50px}.solution-list article{display:grid;grid-template-columns:65px 1fr 60px;gap:25px;padding:38px 0;border-top:1px solid var(--line);align-items:start}.solution-list article:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:12px;color:#778273;padding-top:7px}.solution-list h3{font-size:33px;margin-bottom:18px}.solution-list p{max-width:680px;margin-bottom:15px}.service-detail{font-size:12px;letter-spacing:.4px;color:#627459}.service-icon{font-size:43px;line-height:1.2;color:#778968;text-align:right}.places{background:#eaf0e6}.places-lead{font-size:18px;max-width:570px}.places-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.places-grid article{border-top:1px solid #b7c2b0;padding-top:25px}.places-grid article>span{font-size:11px;letter-spacing:2px;color:#617658}.places-grid h3{font-size:31px;line-height:1.18;min-height:74px;margin:20px 0}.places-grid p{font-size:16px;margin:0}.process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:60px 0 0}.process li{border-top:1px solid var(--line);padding-top:22px}.process li>span{font-size:13px;color:#7b8d70}.process h3{font-size:23px;line-height:1.2;margin:27px 0 15px}.process li p{font-size:15px;margin-bottom:0}.contact{text-align:center;background:#eaf0e6}.contact h2{font-size:clamp(48px,5.5vw,78px)}.contact p:not(.eyebrow){margin-bottom:30px}.dark{background:#233329;color:#f0f5e9}.dark:hover{background:#3b513e}.email{display:block;margin:25px auto 0;width:fit-content;font-size:15px}.phone{font-size:14px;color:var(--muted);display:block;margin-top:8px}footer{padding:45px 5% 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer>.brand{font-size:25px}footer>span{font-size:12px;color:#66725f}footer>p{width:100%;font-size:11px;text-align:right;margin:0;color:#7b8476}@media(min-width:1600px){.hero-copy{left:calc((100vw - 1240px)/2)}}@media(max-width:1000px){.header nav{gap:16px}.contact-nav{display:none}.hero{min-height:600px}.hero-copy{top:20%}.section{padding:80px 7%}.intro-grid{gap:8%}.section-heading{gap:35px}.section-heading>p{max-width:300px}.light-details{gap:28px}.process ol{grid-template-columns:repeat(2,1fr);row-gap:35px}.room{height:440px}.places-grid{gap:25px}}@media(max-width:650px){html{scroll-padding-top:15px}.header{height:80px;padding:0 6%}.brand{font-size:25px}.header nav{display:none}.menu{display:block;border:0;background:transparent;color:var(--ink);font-size:25px;padding:10px}.hero{margin:0 8px;min-height:600px;height:calc(90svh - 80px);max-height:780px}.hero>img{object-position:59%}.hero-shade{background:linear-gradient(90deg,#0b160dd1,#0b160d38),linear-gradient(0deg,#0b160d66,transparent)}.hero-copy{left:7%;right:7%;top:15%}.hero .eyebrow{font-size:10px;letter-spacing:1.5px;max-width:230px}.hero h1{font-size:64px}.hero-copy>p:not(.eyebrow){font-size:17px}.hero-bottom{left:7%;font-size:9px;letter-spacing:1px;bottom:23px}.hero-bottom span:last-child{display:none}.section{padding:65px 7%}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:23px}h2{font-size:40px}.intro-grid{grid-template-columns:1fr;gap:10px}.intro-grid h2 br:last-child{display:none}.large{font-size:23px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:25px;font-size:16px}.experience .section-heading{padding-bottom:32px}.light-demo{width:92%}.room{height:330px}.room-caption{left:18px;right:18px;bottom:18px;display:block;font-size:18px}.room-caption span{display:block;width:fit-content}.room-caption span:last-child{font-size:12px;margin-top:9px}.concept-label{left:18px;top:15px;font-size:10px}.control-panel{padding:22px 18px}.control-top .eyebrow{font-size:9px}.live{font-size:9px}.scenes{gap:6px;margin:20px 0 28px}.scenes button{padding:10px 3px;font-size:13px}.scenes button span{display:block;margin:0 0 2px;font-size:18px}.sliders{grid-template-columns:1fr;gap:30px}.range-labels{font-size:11px}.demo-note{font-size:11px}.light-details{grid-template-columns:1fr;gap:32px;padding-top:38px}.light-details>div{border-top:1px solid #39443b;padding-top:22px}.light-details h3{font-size:28px;margin:15px 0}.light-details h3 br{display:none}.light-details p{max-width:450px}.solution-list article{grid-template-columns:22px 1fr;gap:16px;padding:28px 0}.solution-list h3{font-size:27px}.solution-list p{font-size:15px}.service-icon{display:none}.service-detail{font-size:11px}.places-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.places-grid h3{min-height:0;margin:15px 0;font-size:29px}.places-grid h3 br{display:none}.process ol{gap:30px 20px;margin-top:35px}.process h3{font-size:21px}.process li p{font-size:14px}.contact h2{font-size:43px}.contact p br{display:none}.button{font-size:14px;padding:14px 21px}.contact{padding-left:6%;padding-right:6%}footer{display:block;text-align:center;padding:35px 7%}footer>span{display:block;margin-top:18px}footer>p{text-align:center;margin-top:25px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Registered lighting exposures share one coordinate system at every viewport. */
.scene-render{display:block;width:100%;height:100%;isolation:isolate}.scene-render image{pointer-events:none}.warm-state,.neutral-state{transition:opacity .32s ease}.fixed-exterior{opacity:1}

.scene-description{font-size:14px;line-height:1.65;max-width:820px;min-height:3.3em;margin:-14px 0 30px;color:#c6d2c4!important}@media(max-width:650px){.scene-description{min-height:6.6em;margin-top:-8px}}

.room-fallback,#lighting-canvas,.exterior-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.exterior-overlay{pointer-events:none}.room-caption,.concept-label{z-index:2}.circuit-sliders{display:block}.temperature-control{max-width:580px;margin-bottom:32px}.circuit-controls{padding:24px 0 0;margin:0;border:0;border-top:1px solid #4a594c;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.circuit-controls legend{font-size:14px;padding:0 12px 0 0;color:#e2eadc}.circuit-row>span{font-size:12px;color:#b7c5b5}.circuit-row input{background:linear-gradient(90deg,#536050,#edf3e5)}#lighting-status{font-size:14px;margin:20px 0 0;color:#d4dfcd}.control-panel input:disabled,.scenes button:disabled{opacity:.45;cursor:wait}.room-fallback{pointer-events:none}@media(max-width:650px){.circuit-controls{grid-template-columns:1fr;gap:26px}.temperature-control{margin-bottom:28px}.circuit-row .label-row{margin-bottom:10px}.circuit-row>span{font-size:12px}}

.audio-link{display:block;margin-top:16px;font-size:14px;text-decoration:underline;text-underline-offset:5px}

/* Official supplied artwork; logos keep their original proportions. */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.brand img{display:block;width:auto;height:64px;object-fit:contain}
footer .brand{padding:0;background:transparent;gap:18px;border-radius:0;max-width:100%}
footer .brand img{width:52px;height:auto;flex-shrink:0}
footer .brand .brand-wordmark{font-size:28px;font-weight:600;letter-spacing:-1.1px;line-height:1.2;color:var(--ink);white-space:nowrap}
footer .brand .brand-wordmark>span{font-weight:350}
.places-grid h3{min-height:0;margin:0 0 22px}
@media(max-width:650px){footer .brand{gap:14px}footer .brand img{width:44px;height:auto}footer .brand .brand-wordmark{font-size:26px}}
.header{gap:24px}.header nav{flex-wrap:wrap;justify-content:center}
.header nav a,.contact-nav{white-space:nowrap}
.button{max-width:100%;min-height:48px;justify-content:space-between}
.button span{flex-shrink:0}
/* Content defines hero height, so copy cannot collide with the CTA or footer. */
.hero{height:auto;min-height:700px;max-height:none;padding:70px 0 28px;display:flex;flex-direction:column;justify-content:center}
.hero>img{position:absolute;inset:0}
.hero-copy{position:relative;top:auto;left:auto;right:auto;margin:0 6%;max-width:650px}
.hero-bottom{position:relative;bottom:auto;left:auto;right:auto;margin:45px 6% 0;gap:24px;flex-wrap:wrap}
.control-top{gap:16px;flex-wrap:wrap}
@media(max-width:650px){.brand img{height:54px}.header{gap:16px}.hero{min-height:600px;max-height:none;height:auto;padding:52px 0 25px}.hero-copy{margin:0 7%}.hero h1{font-size:clamp(44px,14vw,64px)}.hero-bottom{margin:36px 7% 0}.button{gap:20px}.menu{min-width:44px;min-height:44px}footer .brand{margin:auto}.label-row{flex-wrap:wrap}.scenes button{min-height:48px}}
