@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#142a35;--ink:#18313c;--copper:#e8ad82;--paper:#f7f6f2;--muted:#657278}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b36b38;outline-offset:5px}.concept{padding:10px 5%;background:#e9e4dc;font-size:10px;letter-spacing:1.6px;display:flex;gap:24px;align-items:center}.concept span{letter-spacing:.2px;font-size:11px}.concept button{margin-left:auto;border:0;background:none;font-size:20px;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;background:var(--paper);gap:25px;position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center}.brand svg{width:32px;height:43px;fill:none;stroke:currentColor;stroke-width:2}.brand>span{font:800 26px/1 'Manrope',Arial;letter-spacing:3px}.brand small{font:600 8px/1 'DM Sans',Arial;letter-spacing:2px;display:block;margin-top:8px}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:500}.navcall{margin-left:16px;border:1px solid #c6ccc9;padding:14px 18px}.navcall span{margin-left:18px}.menu{display:none}.hero{height:690px;min-height:610px;position:relative;color:white;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/lighting-after.webp') center 54%/cover;transform:scale(1.015)}.hero-shade{background:linear-gradient(90deg,rgba(10,27,36,.94),rgba(10,27,36,.65) 46%,rgba(10,27,36,.03) 100%)}.hero-copy{position:relative;padding:65px 5% 110px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#d1dcd9;display:flex;align-items:center;gap:12px;margin:0 0 27px}.dot{height:6px;width:6px;background:var(--copper);border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-2.8px;line-height:1.09}h1{font-size:clamp(54px,5.6vw,84px);margin-bottom:25px}em{font-style:normal;color:var(--copper)}.hero-intro{font-size:15px;line-height:1.8;color:#d5dcde}.actions{display:flex;align-items:center;gap:30px;margin-top:29px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;border:0;padding:18px 23px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#f2c9a9;transform:translateY(-2px)}.copper{background:var(--copper);color:#172b35}.button span{font-size:19px}.text-link{font-size:12px;font-weight:500;display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #ffffff60;padding:10px 0}.hero-bottom{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;border-top:1px solid #ffffff35;padding-top:23px}.hero-bottom b{color:var(--copper);margin:0 12px}.image-note{position:absolute;right:12px;top:18px;font-size:9px;writing-mode:vertical-rl;color:#fff;background:#142a3575;padding:8px}.intro-strip{display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid #d7dad5}.intro-strip p{margin:0;font-size:10px;letter-spacing:1.6px}.intro-strip a{font-size:12px}.intro-strip a span{margin-left:26px}.section{padding:95px 7%}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:15%;align-items:end;margin-bottom:48px}.dark{color:#6c7475}h2{font-size:48px;margin-bottom:0}.section-head>p{font-size:14px;line-height:1.8;margin-bottom:3px;color:var(--muted);max-width:365px}.review-note{display:block;font-size:10px;color:#727776;margin-top:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccd3cf;border-bottom:1px solid #ccd3cf}.service{padding:32px 30px 28px;position:relative;transition:background .2s}.service:first-child{padding-left:0}.service+ .service{border-left:1px solid #ccd3cf}.service:hover{background:#eeeee7}.service svg{width:44px;height:44px;stroke:#a96f49;fill:none;stroke-width:1.5;margin:12px 0 32px}.service-no{position:absolute;right:25px;top:30px;font-size:10px;color:#798480}.service h3{font-size:19px;font-weight:500;letter-spacing:-.5px}.service p{color:var(--muted);font-size:13px;line-height:1.8;max-width:280px}.service-link{display:flex;justify-content:space-between;font-size:11px;margin-top:35px}.service-link b{font-size:18px;font-weight:400}.about{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;min-height:590px}.about-photo{position:relative;min-height:560px;overflow:hidden}.about-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:73% center}.about-photo>span{position:absolute;bottom:25px;left:35px;font-size:9px;letter-spacing:2px;color:white;background:#142a35b3;padding:12px}.about-copy{padding:70px 14% 65px 12%}.about-copy h2{font-size:49px;margin-bottom:30px}.about-copy>p:not(.eyebrow){font-size:14px;color:#bfcbd0;line-height:1.9;max-width:365px}.local-detail{padding:24px 0;border-top:1px solid #ffffff28;margin-top:30px}.local-detail span{display:block;font-size:9px;letter-spacing:2px;color:#b8c6ca;margin-bottom:8px}.local-detail strong{font-weight:500;font-size:15px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:12%}.step-list>div{display:flex;gap:30px;padding:24px 0;border-bottom:1px solid #ccd3cf}.step-list>div:first-child{padding-top:0}.step-list>div>span{font-size:11px;color:#a96f49;padding-top:4px}.step-list h3{font-size:17px;font-weight:500;margin-bottom:10px}.step-list p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0}.contact{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:85px;padding-bottom:85px}.contact h2{font-size:57px;margin-bottom:25px}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c5d1d4}.phone{display:block;font-family:'Manrope',Arial;font-size:26px;margin:30px 0 12px;letter-spacing:-.5px}.email{font-size:14px;border-bottom:1px solid #ffffff60;padding-bottom:5px}.contact-location{margin-top:48px;font-size:10px;letter-spacing:1.8px;line-height:2.3}.contact-location span{letter-spacing:0;color:#bdcbd0;font-size:11px}form{background:#203944;padding:30px}form h3{font-size:20px;font-weight:500;margin-bottom:8px}.form-note{font-size:11px;color:#c2ccd0;margin-bottom:24px}label{display:block;font-size:11px;margin-bottom:18px}label span{color:#b7c7ce}input,textarea,select{display:block;background:#29434f;border:1px solid #60737b;color:white;width:100%;padding:12px;font-size:12px;margin-top:8px;border-radius:0}input::placeholder,textarea::placeholder{color:#bdcbd0}select{appearance:auto}input:focus,select:focus,textarea:focus{outline:2px solid var(--copper);outline-offset:2px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .button{width:100%}#form-status{font-size:12px;line-height:1.7;background:#142a35;padding:14px;margin:15px 0 0}footer{padding:38px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand>span{font-size:22px}footer .brand svg{width:28px}footer p{font-size:12px;margin-bottom:8px}footer small,.credit{font-size:10px;color:#657278}.credit{border-bottom:1px solid #c3ccc8;padding-bottom:6px}@media(min-width:1600px){.hero-copy{padding-left:8%}.hero{height:760px}}@media(max-width:850px){nav{gap:17px}.navcall{display:none}.hero{height:650px}.hero-copy{padding-top:70px}.section{padding:65px 6%}.section-head{gap:8%}h2{font-size:39px}.service{padding:25px 17px}.service h3{font-size:17px}.about-copy{padding:50px 10%}.about-copy h2{font-size:37px}.contact{gap:6%}.contact h2{font-size:44px}form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap}.credit{margin-left:auto}}@media(max-width:600px){.concept{font-size:9px;padding:7px 5%;gap:12px}.concept span{font-size:9px;max-width:215px}header{padding:17px 5%;flex-wrap:wrap}.brand>span{font-size:23px}.brand small{font-size:7px}.brand svg{width:27px;height:36px}.menu{display:flex;gap:16px;border:1px solid #bdc6c4;background:none;padding:9px 12px;font-size:11px;align-items:center}.menu span{font-size:15px}nav{display:none;width:100%;padding:15px 0 5px;justify-content:space-between}nav.open{display:flex}.hero{height:650px;min-height:0}.hero-image{background-position:65% center}.hero-shade{background:linear-gradient(90deg,#0a1b24ed,#0a1b248a)}.hero-copy{padding:56px 6% 100px}h1{font-size:54px;letter-spacing:-2.5px}.hero-intro{font-size:13px}.actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:27px}.hero-bottom{bottom:23px;left:6%;right:6%;font-size:8px}.hero-bottom>span:last-child{display:none}.image-note{font-size:8px}.intro-strip{padding:23px 6%;gap:13px;align-items:flex-start;flex-direction:column}.intro-strip p{font-size:8px}.intro-strip a{font-size:11px}.section{padding:57px 6%}.section-head{display:block;margin-bottom:30px}.section-head h2{margin-bottom:22px}.section-head>p{max-width:100%}.eyebrow{font-size:9px;margin-bottom:20px}h2{font-size:38px;letter-spacing:-1.8px}.service-grid{grid-template-columns:1fr}.service,.service:first-child{padding:25px 8px}.service+.service{border-left:0;border-top:1px solid #ccd3cf}.service svg{margin:3px 0 20px}.service h3{font-size:20px}.service p{max-width:100%;font-size:13px}.service-link{margin-top:20px}.about{grid-template-columns:1fr}.about-photo{min-height:330px}.about-copy{padding:45px 6%}.about-copy h2{font-size:42px}.steps{grid-template-columns:1fr;gap:38px}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:46px}.contact-location{margin-top:30px}.form-row{grid-template-columns:1fr 1fr;gap:12px}form{padding:24px 20px}.phone{font-size:25px}footer{padding:30px 6%;align-items:flex-start;flex-direction:column;gap:24px}.credit{margin-left:0}.image-note{max-height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.button span,.navcall span,.service-link b{font-family:Arial,sans-serif}

.lighting-section{background:#eeeee8}.lighting-section .section-head{grid-template-columns:1.2fr 1fr;gap:8%}.lighting-section h2{font-size:44px}.comparison{position:relative;aspect-ratio:16/9;overflow:hidden;background:#18313c;isolation:isolate}.comparison img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.compare-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-label{position:absolute;top:22px;background:#142a35db;color:white;padding:11px 15px;font-size:10px;letter-spacing:1.8px;pointer-events:none}.compare-label small{display:block;font-size:10px;letter-spacing:0;margin-top:5px;color:#dce3e5}.before-label{left:22px}.after-label{right:22px}.compare-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:white;transform:translateX(-50%);pointer-events:none}.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--paper);color:var(--ink);font:25px Arial;box-shadow:0 3px 20px #0004}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:3;padding:0}.comparison:focus-within{outline:3px solid #b36b38;outline-offset:5px}.drag-hint{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);background:#142a35df;color:white;padding:9px 14px;font-size:9px;letter-spacing:2px;pointer-events:none;white-space:nowrap}.compare-caption{display:flex;justify-content:space-between;gap:15px;margin-top:19px;font-size:10px;color:#637176}.compare-caption span:first-child{letter-spacing:1.4px}.map-section{display:grid;grid-template-columns:1fr 1fr;background:#e8e9e2}.map-copy{padding:65px 12% 65px 14%}.map-copy h2{font-size:39px}.map-copy p:not(.eyebrow){font-size:14px;line-height:1.9;color:#52656e;margin-top:25px}.map-copy .text-link{border-color:#aebbb9;font-size:11px}.map-copy>small{display:block;font-size:10px;color:#66777e;margin-top:18px}.map-section iframe{width:100%;height:100%;min-height:380px;border:0}.hero-image{background-position:center 43%}@media(max-width:850px){nav{gap:18px;font-size:12px}.lighting-section h2{font-size:36px}.map-copy{padding:48px 12%}.map-copy h2{font-size:33px}}@media(max-width:600px){nav{flex-wrap:wrap;justify-content:flex-start;gap:15px 23px}.lighting-section .section-head{display:block}.lighting-section h2{font-size:35px}.comparison{aspect-ratio:4/3}.compare-label{top:12px;padding:8px 10px;font-size:9px}.before-label{left:12px}.after-label{right:12px}.compare-divider span{width:46px;height:46px;font-size:22px}.drag-hint{bottom:15px;font-size:8px}.compare-caption{flex-direction:column;gap:8px}.map-section{grid-template-columns:1fr}.map-copy{padding:48px 6%}.map-section iframe{min-height:320px}.hero-image{background-position:65% center}}

.switch-demo{display:grid;grid-template-columns:1.25fr 1fr;margin-top:55px;background:var(--paper)}.switch-image{position:relative;min-height:330px;overflow:hidden}.switch-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.switch-lit{opacity:1;transition:opacity .7s ease}.switch-demo.lights-off .switch-lit{opacity:0}.switch-copy{padding:42px 12%}.switch-copy h3{font:500 31px/1.2 Manrope,Arial;letter-spacing:-1px;margin-bottom:19px}.switch-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#657278}.light-toggle{border:0;background:none;display:flex;align-items:center;gap:13px;padding:8px 0;cursor:pointer;color:var(--ink);font-size:13px;font-weight:600}.toggle-track{width:54px;height:30px;background:var(--navy);border-radius:30px;padding:4px;display:block;transition:background .3s}.toggle-track>span{display:block;width:22px;height:22px;background:var(--copper);border-radius:50%;transform:translateX(24px);transition:transform .3s}.light-toggle[aria-checked="false"] .toggle-track{background:#79868b}.light-toggle[aria-checked="false"] .toggle-track>span{transform:translateX(0);background:white}.switch-copy>small{display:block;font-size:9px;color:#657278;margin-top:16px}@media(max-width:600px){.switch-demo{grid-template-columns:1fr;margin-top:35px}.switch-image{min-height:250px}.switch-copy{padding:30px 8%}.switch-copy h3{font-size:29px}}

.hero-image{background-image:url('assets/electrical-rough-in.webp');background-position:center}.hero h1{font-size:clamp(48px,4.8vw,72px)}.service:nth-child(3n+1){border-left:0;padding-left:0}.service:nth-child(n+4){border-top:1px solid #ccd3cf}.services h2{font-size:43px}@media(max-width:600px){.hero h1{font-size:45px;letter-spacing:-2px}.hero-image{background-position:70% center}.services h2{font-size:35px}.service:nth-child(3n+1){padding-left:8px}}
