@font-face{font-family:Manrope;src:url(Manrope.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#0b161f;color:#e8eef2;font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8ebfe7;outline-offset:5px}button{color:inherit}em{font-family:Georgia,serif;font-weight:400;color:#8bb2d1}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.05em}h2{font-size:clamp(40px,4.5vw,70px)}h3{font-size:27px;letter-spacing:-.04em}p{color:#94aec3}.eyebrow{font-size:10px;letter-spacing:.18em;color:#a9becf;font-weight:600}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#80abcf;box-shadow:0 0 12px #80abcf50;margin-right:10px}header{height:94px;position:absolute;top:0;width:100%;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;z-index:10;background:linear-gradient(#0b161f88,transparent)}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800;letter-spacing:.12em;line-height:1.15}.brand small{display:block;font-size:8px;letter-spacing:.28em;margin-top:7px;font-weight:500}.brand-symbol{font-size:39px;font-weight:500;border:1px solid #7395b1;width:42px;height:43px;line-height:42px;text-align:center;color:#8eb2cf;letter-spacing:-.1em;padding-right:4px}nav{display:flex;gap:30px;font-size:12px}nav a:hover{color:#8bb2d1}nav i{font-style:normal;color:#7ca5c7;margin-left:7px}.nav-cta{font-size:11px;border:1px solid #ffffff40;padding:12px 18px}.nav-cta span{margin-left:20px;color:#8bb2d1}.menu{display:none}.hero{min-height:780px;height:100svh;max-height:1100px;position:relative;overflow:hidden}.hero-visual{position:absolute;right:-10%;width:95%;bottom:-8%;height:100%;will-change:transform}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b161f 0%,#0b161fee 18%,#0b161f77 43%,#0b161f00 76%),linear-gradient(0deg,#0b161f 0%,transparent 25%,#0b161f55 100%)}.hero-content{position:relative;z-index:2;padding:200px 5% 140px}.hero h1{font-size:clamp(64px,6.9vw,112px);letter-spacing:-.065em;margin:28px 0}.hero-description{font-size:15px;color:#b0c3d2;line-height:1.9;margin-bottom:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 24px;font-size:12px;border:0;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#a0c4e2}.copper{background:#85adcd;color:#0e1c28}.button span{font-size:19px}.hero-link{font-size:12px;margin-left:28px}.hero-link span{margin-left:12px}.hero-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;z-index:3;color:#9cb4c7}.hero-bottom a span{margin-left:18px}.visual-caption{position:absolute;right:4%;bottom:100px;font-size:8px;letter-spacing:.18em;writing-mode:vertical-rl;color:#a8bdce}.ticker{display:flex;align-items:center;justify-content:space-around;gap:35px;overflow:hidden;padding:26px 4%;border-block:1px solid #ffffff14;font-size:11px;letter-spacing:.13em;white-space:nowrap}.ticker b{color:#85adcd;font-size:24px;font-weight:400}.section{padding:110px 6%}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:38px}.section-top>p:last-child:not(:first-child){font-size:12px}.services h2 span{color:#7395b1}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.service{background:#10202e;border:1px solid #ffffff0c;text-align:left;padding:28px;transition:background .3s,transform .3s}.service:hover{background:#162c3e;transform:translateY(-7px)}.service-number{font-size:9px;letter-spacing:.15em;color:#8ea9bf}.service-art{height:175px;position:relative;display:grid;place-items:center;margin:10px 0 20px;overflow:hidden}.service-art b{font-weight:400}.circuit i{position:absolute;border:1px solid #7395b044;width:65%;height:100px;transform:skewY(-12deg)}.circuit i:nth-child(2){transform:translateY(15px) skewY(-12deg)}.circuit i:nth-child(3){transform:translateY(-15px) skewY(-12deg)}.circuit b{font-size:85px;color:#85adcd;text-shadow:0 0 40px #85adcd66}.network span{position:absolute;border:1px solid #85adcd33;border-radius:50%;width:90px;height:90px}.network span:nth-child(2){width:140px;height:140px;border-style:dashed}.network span:nth-child(3){width:190px;height:190px}.network b{font-size:20px;color:#8bb2d1;letter-spacing:.1em}.network:after{content:'';position:absolute;width:8px;height:8px;background:#8bb2d1;border-radius:50%;top:20px;left:50%;box-shadow:55px 55px 0 #8bb2d1,-50px 110px 0 #8bb2d1}.lamp i{position:absolute;top:0;width:1px;height:55px;background:#7596b1}.lamp b{position:absolute;top:55px;width:70px;height:18px;background:#8bafcc;border-radius:50%;box-shadow:0 15px 50px 25px #72a5cf33}.lamp:after{content:'';position:absolute;top:70px;width:180px;height:100px;background:linear-gradient(#6ba3d030,transparent);clip-path:polygon(32% 0,68% 0,100% 100%,0 100%)}.service h3{font-size:25px;margin-bottom:17px}.service p{font-size:13px;min-height:55px;line-height:1.8}.service-bottom{margin-top:30px;padding-top:20px;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;font-size:11px}.service-bottom b{font-size:18px;color:#85adcd}.experience{padding:110px 4% 100px;background:#dfe3e7;color:#15293a;overflow:hidden}.experience-heading{text-align:center;max-width:800px;margin:0 auto 55px}.experience .eyebrow{color:#50728e}.experience h2{margin:20px 0}.experience em{color:#517491}.experience-heading>p:last-child{font-size:14px;color:#4f718c}.demo-layout{display:grid;grid-template-columns:1fr 355px;background:#d2d8dc;max-width:1500px;margin:auto}.house-stage{position:relative;min-height:550px;overflow:hidden;--brightness:.75}.interactive-house{position:absolute;inset:0;display:flex;align-items:center;background:#162c3e}.interactive-house svg{width:130%;max-width:none;flex-shrink:0;margin-left:-17%;transition:filter 1s,transform 1s}.room-glow{opacity:var(--brightness);transition:opacity .8s}.led-lines{opacity:var(--brightness);transition:opacity .8s}.shutters{transition:opacity 1s}.stage-label{position:absolute;top:24px;left:25px;right:25px;z-index:2;font-size:9px;letter-spacing:.1em;color:#d9dee3}.stage-label>span:last-child{float:right;opacity:.6;font-size:8px}.hotspot{position:absolute;border:1px solid #bbd2e5;background:#183044d9;box-shadow:0 0 0 7px #9ec8eb20;border-radius:50%;width:32px;height:32px;font-size:18px;display:grid;place-items:center;color:#9fc9eb}.hotspot:hover{box-shadow:0 0 0 12px #9ec8eb30}.hotspot span{position:absolute;top:40px;font-size:9px;white-space:nowrap;background:#132737cc;padding:3px 9px;border-radius:10px;letter-spacing:.04em}.spot-light{left:55%;top:61%}.spot-blind{left:66%;top:42%}.house-status{position:absolute;bottom:55px;left:25px;color:#fff;font-size:11px;background:#0e1b26b0;padding:8px 13px}.demo-hint{position:absolute;bottom:24px;left:25px;color:#bbcbd8;font-size:10px}.control-panel{padding:32px;background:#ecf1f5}.control-panel h3{font-size:26px;margin:12px 0 24px}.scene-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scene-buttons button{border:1px solid #19334925;padding:14px 7px;background:transparent;color:#32485a;font-size:10px;transition:.25s}.scene-buttons button span{display:block;font-size:21px;margin-bottom:4px}.scene-buttons button.active{background:#1a344a;color:#dde9f2;border-color:#1a344a}.control-panel p#scene-description{font-size:12px;color:#4c6c86;min-height:76px;margin:22px 0}.slider-label{display:flex;justify-content:space-between;font-size:11px}input[type=range]{accent-color:#486781;width:100%;margin:17px 0 20px;cursor:pointer}.blind-control{border:0;border-block:1px solid #1a344a25;padding:17px 0;background:transparent;width:100%;text-align:left;color:#32485a;font-size:11px;display:flex;justify-content:space-between}.temperature{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:16px 0}.temperature>div{display:flex;align-items:center;gap:12px}.temperature button{border:1px solid #1a344a25;background:transparent;width:25px;height:25px;color:#1a344a}.temperature output{font-size:18px}.control-panel .demo-note{font-size:9px;line-height:1.6;color:#5a80a0;margin:20px 0}.text-link{display:flex;justify-content:space-between;border-bottom:1px solid #1a344a40;padding:8px 0;font-size:12px}.light-story{min-height:650px;display:grid;grid-template-columns:1fr 1fr;position:relative;background:#0c1923;--light:#9ac6ea;--light-alpha:#9ac6ea38}.light-room{position:relative;overflow:hidden;min-height:590px;background:linear-gradient(105deg,#0d1a24,#2e4253);transition:background 1s}.room-ceiling{position:absolute;top:0;left:0;width:100%;height:24%;background:#132635;clip-path:polygon(0 0,100% 0,100% 35%,0 100%)}.room-window{position:absolute;left:4%;top:15%;height:60%;width:25%;background:linear-gradient(#21343b,#4a6983);transform:skewY(-13deg);border:10px solid #0f1f2c;box-shadow:inset 0 0 0 2px #50728d}.room-window:after{content:'';height:100%;width:5px;background:#0f1f2c;position:absolute;left:50%}.room-wall-light{position:absolute;top:28%;left:37%;height:42%;width:2px;background:var(--light);box-shadow:0 0 45px 30px var(--light-alpha);transition:all .8s}.room-floor{position:absolute;bottom:0;height:25%;width:100%;background:linear-gradient(160deg,#405b72,#162b3d);transform:skewY(-8deg);transform-origin:left;box-shadow:0 0 50px #060c1044}.room-sofa{position:absolute;z-index:2;bottom:24%;left:31%;width:58%;height:24%;background:linear-gradient(110deg,#6389a8,#496882);border-radius:15px 15px 4px 4px;box-shadow:10px 35px 35px #0007}.room-sofa:after{content:'';position:absolute;bottom:-15px;left:-10px;width:100%;height:45%;border-radius:8px;background:linear-gradient(#7294af,#527591);border-left:20px solid #7596b1;border-right:20px solid #517490}.room-table{position:absolute;z-index:3;left:34%;bottom:15%;width:37%;height:11%;border-radius:50%;background:#1a344a;border-top:5px solid #557996;box-shadow:0 22px 0 -13px #0c1923,0 25px 30px #0006}.room-pendant{position:absolute;left:63%;top:0;height:28%;width:2px;background:#0b1721;z-index:2}.room-pendant:after{content:'';position:absolute;width:90px;height:20px;border-radius:50%;background:#7999b4;bottom:-8px;left:-44px;border-bottom:4px solid var(--light);box-shadow:0 30px 60px 20px var(--light-alpha);transition:all .8s}.room-caption{position:absolute;bottom:22px;left:28px;z-index:4;font-size:9px;letter-spacing:.15em;color:#becdda}.light-copy{padding:85px 12%;align-self:center}.light-copy h2{font-size:clamp(39px,4vw,60px);margin:25px 0}.light-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}.light-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.light-options button{font-size:10px;padding:10px 13px;background:transparent;border:1px solid #ffffff25;border-radius:30px}.light-options button.active{color:#142838;background:#85adcd;border-color:#85adcd}.light-readout{display:flex;align-items:center;gap:22px;margin-top:32px}.light-readout>span:first-child{font-size:32px;letter-spacing:-.04em}.light-readout>span:last-child{font-size:8px;letter-spacing:.12em;color:#8faac0}.approach{background:#122432}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;margin-top:55px}.large-copy{font-size:20px;line-height:1.8;color:#b2c4d3}.process{margin-top:35px}details{border-top:1px solid #ffffff25}details:last-child{border-bottom:1px solid #ffffff25}summary{cursor:pointer;padding:22px 0;display:flex;align-items:center;gap:20px;font-size:18px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:10px;color:#8ea9c0}summary b{margin-left:auto;font-weight:400;color:#85adcd}details[open] summary b{transform:rotate(45deg)}details p{font-size:12px;padding:0 0 24px 35px;line-height:1.9}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#dfe4e9;color:#162d40}.contact h2{margin:28px 0;font-size:clamp(55px,5.5vw,85px)}.contact em{color:#577c9b}.contact .eyebrow{color:#567a98}.contact-intro>p:not(.eyebrow){font-size:13px;color:#51738f}.contact-intro>a{display:block;font-size:13px}.contact-intro .phone{font-size:24px;letter-spacing:-.04em;margin-top:40px;margin-bottom:8px}.contact-location{margin-top:40px;letter-spacing:.12em;font-size:9px!important}form h3{font-size:22px;margin-bottom:24px}.project-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:27px}.project-types label{position:relative;cursor:pointer}.project-types input{position:absolute;opacity:0}.project-types span{display:block;font-size:10px;border:1px solid #19324633;padding:9px 13px;border-radius:20px}.project-types input:checked+span{color:#fff;background:#293b49;border-color:#293b49}.project-types input:focus-visible+span{outline:2px solid #396386;outline-offset:3px}form>label,.form-row>label{display:block;font-size:10px;color:#405b72}input:not([type=radio],[type=checkbox],[type=range],[type=hidden]),textarea,select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #18314540;border-radius:0;padding:12px 0;color:#193246;font-size:12px;outline-offset:3px}textarea{resize:vertical;min-height:115px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:25px}.consent{display:flex!important;align-items:flex-start;gap:10px;margin:23px 0;line-height:1.8;font-size:10px!important}.consent input{accent-color:#2e4151;margin:4px 0}.consent a{text-decoration:underline}form .button{width:100%;background:#1b364c;color:#fff}form .button:hover{background:#354c5f}form .button:disabled{opacity:.6;cursor:wait}.form-status{color:#385873;font-size:12px;margin-top:14px}.form-footnote{font-size:9px;color:#587e9d;margin-top:12px}.email-fallback{font-size:10px;text-decoration:underline;color:#405b72}.honey{position:absolute;left:-9999px}footer{padding:55px 6% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:45px}.footer-top>span{font-size:16px;color:#a7bccd}.footer-top>a:last-child{font-size:9px;letter-spacing:.1em}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:25px;font-size:9px;color:#7395b0}.footer-bottom div{display:flex;gap:25px}dialog{background:#dfe4e9;color:#183043;width:min(620px,90%);border:0;padding:55px}dialog::backdrop{background:#09121abb;backdrop-filter:blur(8px)}dialog h2{font-size:40px;margin:20px 0}dialog p{font-size:14px;color:#4d6e89}dialog .eyebrow{color:#527693}dialog ul{padding-left:18px;font-size:13px;line-height:2.2;margin:25px 0}dialog .dialog-close{position:absolute;right:18px;top:12px;background:transparent;border:0;font-size:28px;color:#183043}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#85adcd;color:#111;padding:10px}.skip:focus{top:10px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1600px){.hero-content{padding-top:240px}.hero-visual{right:-4%;width:90%}}@media(max-width:1100px){header{padding-inline:4%}nav{gap:18px}.nav-cta{display:none}.hero-content{padding-top:190px}.hero-visual{width:120%;right:-28%}.service{padding:22px}.service h3{font-size:22px}.demo-layout{grid-template-columns:1fr 320px}.control-panel{padding:25px}.house-stage{min-height:560px}.interactive-house svg{width:170%;margin-left:-40%}.approach-grid{gap:7%}.contact{gap:6%}.light-copy{padding-inline:9%}}@media(max-width:760px){header{height:78px;padding:0 6%}.brand{font-size:20px}.brand-symbol{width:35px;height:37px;font-size:32px;line-height:36px}header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#10212f;padding:25px 6%;flex-direction:column;font-size:15px}header nav.open{display:flex}.menu{display:block;border:1px solid #ffffff40;background:transparent;padding:5px 12px;font-size:20px}.hero{height:850px;min-height:0;max-height:none}.hero-content{padding:140px 6% 0}.hero h1{font-size:61px;margin:25px 0}.hero-content .eyebrow{font-size:8px}.hero-description{font-size:12px;max-width:320px}.hero-description br{display:none}.hero-visual{height:60%;width:145%;right:-26%;bottom:0}.hero-shade{background:linear-gradient(180deg,#0b161f 0%,#0b161f 32%,#0b161f66 50%,#0b161f00 75%,#0b161f 100%)}.hero-link{margin-left:16px;font-size:10px}.button{padding:14px 18px;gap:20px;font-size:11px}.hero-bottom{bottom:22px;font-size:7px}.hero-bottom>span:last-child{display:none}.visual-caption{display:none}.ticker{justify-content:flex-start;gap:25px;font-size:9px;padding:18px 6%}.section{padding:75px 6%}.section-top{margin-bottom:25px;gap:25px}.section-top>p:last-child:not(:first-child){font-size:9px;text-align:right}.eyebrow{font-size:8px}.service-grid{grid-template-columns:1fr;margin-top:35px;gap:15px}.service{padding:24px;position:relative;min-height:220px}.service-art{position:absolute;right:5px;top:20px;width:40%;height:120px;opacity:.7}.service-number{display:block;margin-bottom:50px}.service h3{font-size:27px;position:relative}.service p{max-width:75%;min-height:0}.service-bottom{margin-top:22px;padding-top:16px}.experience{padding:75px 5%}.experience-heading{margin-bottom:35px}.experience h2{font-size:47px}.demo-layout{grid-template-columns:1fr}.house-stage{min-height:370px}.interactive-house svg{width:125%;margin-left:-15%}.control-panel{padding:28px}.scene-buttons{grid-template-columns:repeat(4,1fr)}.scene-buttons button{font-size:8px}.control-panel p#scene-description{min-height:0;margin:18px 0}.house-status{font-size:9px;left:15px;bottom:45px}.demo-hint{font-size:8px;left:15px;bottom:18px}.stage-label{left:15px;right:15px;font-size:8px}.stage-label>span:last-child{font-size:7px}.light-story{display:flex;flex-direction:column}.light-room{min-height:410px;order:2}.light-copy{padding:65px 6%}.light-copy h2{font-size:45px}.light-options{margin-top:20px}.light-readout{margin-top:22px}.approach-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.large-copy{font-size:17px}.contact{grid-template-columns:1fr;gap:50px}.contact h2{font-size:65px}.contact-location{margin-top:20px}.contact-intro .phone{margin-top:25px}.footer-top{flex-wrap:wrap;gap:35px}.footer-top>span{font-size:12px}.footer-top>a:last-child{display:none}.footer-bottom{flex-direction:column;gap:20px;font-size:8px}.form-row{gap:17px}dialog{padding:40px 25px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.hero-visual{will-change:auto}}

.copper{background:#57a9da;color:#071e32}.button.copper:hover{background:#8acff4}body{background:#0a1c2e}.hero-shade{background:linear-gradient(90deg,#0a1c2e 0%,#0a1c2eee 18%,#0a1c2e77 43%,#0a1c2e00 76%),linear-gradient(0deg,#0a1c2e 0%,transparent 25%,#0a1c2e55 100%)}em{color:#81badf}.contact{background:#eaf3fa;color:#14354f}.contact em{color:#3e85b2}.contact .button{background:#185d8e;color:#fff}.hero-visual img{object-position:center}.brand-symbol{display:none}@media(max-width:760px){.hero-shade{background:linear-gradient(180deg,#0a1c2e 0%,#0a1c2e 32%,#0a1c2e66 50%,#0a1c2e00 75%,#0a1c2e 100%)}}