@font-face{font-family:Figtree;src:url('./fonts/figtree-latin.woff2') format('woff2');font-weight:400 600;font-display:swap}@font-face{font-family:'Bricolage Grotesque';src:url('./fonts/bricolage-latin.woff2') format('woff2');font-weight:300 750;font-display:swap}
:root{--paper:#f3f0e9;--ink:#272820;--muted:#696a60;--line:#d8d8cc;--orange:#b75427;--body:Figtree,Arial,sans-serif;--display:'Bricolage Grotesque',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b86831;outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.045em;line-height:1.05}.wrap{max-width:1328px;margin:auto;padding-left:44px;padding-right:44px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.focus-logo{display:flex;align-items:center;gap:12px;font-size:14px}.focus-logo b{font-weight:500}.focus-symbol{font-family:var(--display);font-size:37px;font-weight:700;line-height:1}.focus-symbol span{color:var(--orange)}.logo-slash{color:#9a9c91;margin:0 8px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav>a:hover,.site-footer a:hover{color:var(--orange)}.contact-link{border-bottom:1px solid var(--ink);padding:7px 0}.contact-link span{margin-left:20px}.hero{padding-top:54px;padding-bottom:42px}.eyebrow,.section-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}.eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:28px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#829777;flex-shrink:0}.hero h1{font-size:clamp(72px,8vw,112px);letter-spacing:-.065em;line-height:.98}.serif-word{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:32px}.hero-bottom p{font-size:19px;line-height:1.5;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:32px;font-size:14px;font-weight:600;border-bottom:1px solid #a9ac9d;padding-bottom:9px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.demo-section{scroll-margin-top:24px}.demo-caption{display:flex;justify-content:space-between;align-items:center;margin:18px 1px 12px;font-size:10px;letter-spacing:.09em;color:var(--muted)}.demo-caption>span:first-child{display:flex;align-items:center;gap:9px}.demo-caption>span:last-child{font-size:12px;letter-spacing:0}.demo-caption>span:last-child span{padding-left:8px;font-size:20px}.tiny-square{width:5px;height:5px;background:var(--orange)}
.deck{--d-bg:#191917;--d-rail:#151513;--d-panel:#22221e;--d-text:#ece9e1;--d-muted:#a4a499;--d-line:#34342d;--accent:#efb468;--scene-bg:#20231f;display:grid;grid-template-columns:190px 1fr;background:var(--d-bg);color:var(--d-text);border:7px solid #302f29;border-radius:22px;box-shadow:0 35px 50px -35px #45463160;overflow:hidden;transition:background .25s,color .25s}.deck[data-accent=sage]{--accent:#adcca5}.deck[data-accent=blue]{--accent:#9bbfe0}.deck[data-theme=light]{--d-bg:#eeeae2;--d-rail:#e6e2d8;--d-panel:#e1ddd3;--d-text:#2c3028;--d-muted:#65685c;--d-line:#cfcec3;--scene-bg:#dcded1;--accent:#9d531e}.deck[data-theme=light][data-accent=sage]{--accent:#537847}.deck[data-theme=light][data-accent=blue]{--accent:#3d6e92}.deck-rail{display:flex;flex-direction:column;background:var(--d-rail);padding:28px 16px 24px;border-right:1px solid var(--d-line)}.deck-brand{font:500 21px var(--display);letter-spacing:-.04em;display:flex;gap:9px;align-items:center;margin:0 4px 46px}.deck-brand svg{width:26px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linejoin:round}.rail-section{font-size:8px;color:var(--d-muted);letter-spacing:.12em;padding-left:11px;margin-bottom:12px}.rail-item{display:flex;align-items:center;gap:13px;min-height:43px;padding:0 11px;font-size:12px;border-radius:8px}.rail-item.selected{background:var(--d-panel)}.rail-item>span{font-size:24px;color:var(--accent)}.rail-divider{height:1px;background:var(--d-line);margin:23px 8px}.room-nav{display:flex;flex-direction:column;gap:3px}.room-nav button{border:none;background:none;display:flex;align-items:center;gap:8px;padding:11px 10px;font-size:11px;color:var(--d-muted);min-height:40px;border-radius:7px;text-align:left;white-space:nowrap}.room-nav button[aria-pressed=true]{color:var(--d-text);background:var(--d-panel)}.room-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.amber{background:#e6b876}.sage{background:#a9bda1}.blue{background:#91b7c9}.room-temp{margin-left:auto;font-size:10px;color:var(--d-muted)}.rail-bottom{margin-top:auto;padding:18px 10px 0;font-size:10px;color:var(--d-muted);white-space:nowrap}.rail-bottom>.status-dot{margin-right:5px;width:5px;height:5px}.rail-bottom small{display:block;font-size:9px;margin-top:7px;opacity:.7}.deck-main{min-width:0;padding:26px 26px 0}.deck-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.deck-kicker{font-size:8px;color:var(--d-muted);letter-spacing:.1em}.deck-heading h2{font-size:25px;margin-top:7px;letter-spacing:-.04em}.view-switch{display:flex;padding:3px;background:var(--d-rail);border:1px solid var(--d-line);border-radius:9px}.view-switch button{border:0;background:none;color:var(--d-muted);font-size:11px;padding:8px 15px;border-radius:6px;min-height:34px}.view-switch button[aria-pressed=true]{color:var(--d-text);background:var(--d-panel)}.scene{height:365px;border:1px solid var(--d-line);border-radius:12px;background:radial-gradient(ellipse at 45% 40%,#48503c50,transparent 70%),var(--scene-bg);position:relative;overflow:hidden}.scene[data-night=true]{background:radial-gradient(ellipse at 48% 50%,#493e4820,transparent 70%),#1c232b}.scene-top{position:absolute;z-index:2;inset:19px 20px auto;display:flex;justify-content:space-between;align-items:center}.weather{display:flex;gap:10px;align-items:center}.sun-symbol{font-size:27px;color:var(--accent);font-family:Arial}.weather b{display:block;font-size:18px;font-weight:400;line-height:1.15}.weather span:last-child{font-size:9px;color:var(--d-muted)}.day-toggle{background:var(--d-bg);border:1px solid var(--d-line);color:var(--d-text);border-radius:7px;display:flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:10px}.day-toggle span:first-child{font-size:18px}.house-art{position:absolute;inset:22px 0 0;display:flex;align-items:center;justify-content:center}.house-art svg{width:100%;height:100%;max-width:760px;overflow:visible}.scene-annotation{position:absolute;bottom:64px;left:49%;transform:translateX(-50%);border:1px solid #ffffff16;background:#1b1d19e6;color:#f0ede2;padding:7px 10px;border-radius:7px;font-size:10px;white-space:nowrap;box-shadow:0 6px 15px #0003}.annotation-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px}.scene-bottom{position:absolute;bottom:13px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;color:var(--d-muted);font-size:8px;gap:10px}.compass{font-size:8px;display:flex;flex-direction:column;align-items:center;line-height:1}.compass span{font-size:18px;transform:rotate(23deg)}.scene-scale{font-size:17px}.control-panel{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;align-items:center;margin:17px 0;padding:3px 0}.control-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-title h3{font-size:18px;letter-spacing:-.03em;margin-top:4px}.power{border:1px solid var(--d-line);border-radius:50%;width:32px;height:32px;padding:7px;background:var(--d-panel);flex-shrink:0;color:var(--d-muted)}.power[aria-pressed=true]{color:var(--accent)}.power svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round}.scene-presets{display:flex;gap:6px}.scene-presets button{font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:54px;flex:1;background:var(--d-panel);border:1px solid transparent;color:var(--d-muted);padding:8px 4px;border-radius:8px}.scene-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--d-text)}.preset-icon{width:20px;height:20px;border-radius:50%;display:block}.preset-icon.warm{background:radial-gradient(at 30% 30%,#f9e5b0,#c68035)}.preset-icon.focus{background:radial-gradient(at 30% 30%,#f1f3e7,#86a4b0)}.preset-icon.sunset{background:radial-gradient(at 30% 20%,#ffcc86,#ba645f 60%,#6476a6)}.brightness-control label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--d-muted);margin-bottom:7px}.brightness-control output{color:var(--d-text)}input[type=range]{width:100%;height:5px;border-radius:6px;accent-color:var(--accent);cursor:pointer;margin:9px 0}.deck-footer{min-height:45px;border-top:1px solid var(--d-line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:var(--d-muted)}.deck-footer>.status-dot{margin-right:5px}.personalise{display:flex;gap:10px;align-items:center}.swatches{display:flex;gap:7px}.swatch{width:11px;height:11px;border-radius:50%;padding:0;border:2px solid transparent;outline:1px solid transparent;outline-offset:3px;position:relative}.swatch:after{content:'';position:absolute;inset:-6px}.swatch[aria-pressed=true]{outline-color:var(--d-muted)}.theme-toggle{background:none;border:0;border-left:1px solid var(--d-line);padding:0 0 0 12px;font-size:20px;color:var(--d-muted);line-height:1;min-height:30px}.demo-note{font-size:11px;text-align:center;color:var(--muted);margin-top:18px}
.story{display:grid;grid-template-columns:1fr 3fr;gap:48px;padding-top:108px;padding-bottom:90px}.story>.section-label{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:24px}.asterisk{font-size:64px;font-weight:400;line-height:1;color:#89977c}.story h2,.perspectives h2{font-size:clamp(36px,4vw,52px);letter-spacing:-.045em}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:30px;font-size:15px;color:var(--muted);line-height:1.7}.principles{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.principles b{display:block;color:var(--ink);font-weight:500;font-size:14px;margin-bottom:2px}.perspectives{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;padding-top:48px;padding-bottom:65px;position:relative}.perspectives:before{content:'';position:absolute;top:0;left:44px;right:44px;border-top:1px solid var(--line)}.perspective-copy{padding-top:20px}.perspective-copy h2{margin:23px 0}.perspective-copy>p{font-size:15px;color:var(--muted);line-height:1.7;max-width:410px}.perspective-copy .fine-copy{font-size:11px;margin-top:20px;max-width:390px}.button-link{border-top:0;border-left:0;border-right:0;background:transparent;padding-left:0;padding-right:0;margin-top:27px}.perspective-visual{background:#dee2d4;border-radius:4px;position:relative;min-height:365px;overflow:hidden;display:flex;flex-direction:column}.perspective-tag{font-size:9px;letter-spacing:.1em;padding:24px 25px;color:#66745e}.perspective-visual svg{width:100%;display:block}.perspective-bottom{font-size:12px;padding:0 25px 23px;display:flex;justify-content:space-between}.details{padding-top:55px;padding-bottom:72px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.section-heading h2{font-size:36px;margin-top:16px}.section-heading p{font-size:13px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-card{border:1px solid var(--line);border-radius:4px;overflow:hidden}.detail-visual{height:205px;display:flex;align-items:center;justify-content:center;position:relative;background:#e7e8de;overflow:hidden}.detail-text{padding:28px 26px 30px}.card-label{font-size:8px;letter-spacing:.07em;font-weight:600;color:#77796c}.detail-text h3{font-size:29px;line-height:1.05;letter-spacing:-.04em;margin:15px 0}.detail-text p{font-size:13px;color:var(--muted);line-height:1.7}.window-frame{height:140px;width:86px;border:8px solid #b6bcac;border-radius:2px;background:linear-gradient(#8ba0a2,#d1d7c6);position:relative;box-shadow:9px 10px 0 #cfd3c7}.window-leaf{position:absolute;inset:-2px;border:5px solid #f1f2e8;transform:perspective(180px) rotateX(-17deg);transform-origin:bottom;background:linear-gradient(135deg,#ffffff35,#ffffff00);box-shadow:4px -3px 2px #87938360}.window-leaf:after{content:'';position:absolute;right:2px;top:50%;width:3px;height:12px;background:#899582}.reed{position:absolute;width:4px;height:9px;right:-7px;border-radius:2px;background:#627451}.reed.top{top:8px;background:#ce9a54}.reed.bottom{bottom:7px}.reed-state{position:absolute;font-size:9px;background:var(--paper);padding:7px 11px;border-radius:20px;bottom:21px;left:52%;white-space:nowrap;box-shadow:0 3px 10px #34422010}.reed-state i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8af73;margin-right:6px}.light-visual{background:#262727}.light-strip{width:170px;height:86px;border:8px solid #ffd09d;transform:rotate(-18deg) skewX(8deg);border-radius:30px;box-shadow:0 0 4px #ffe5be,inset 0 0 6px #ffaf6f,0 0 22px #f6905d88,inset 0 0 35px #b3734e44}.light-chip{position:absolute;bottom:18px;display:flex;gap:15px;align-items:center;color:#c7b7a5;font-size:8px}.light-chip i{display:block;width:20px;border-top:1px dashed #8f877c}.interface-visual{background:#d9dfd9}.mini-interface{width:78%;background:#f4f0e8;border-radius:11px;padding:18px 16px;transform:rotate(-5deg);box-shadow:0 8px 25px #52635015}.mini-header{display:flex;justify-content:space-between;gap:12px;font-family:var(--display);font-size:14px}.mini-header span{font-family:var(--body);font-size:11px;color:#7e8579}.mini-scene{margin-top:14px;background:#e4d2ac;border-radius:6px;padding:13px 9px;display:flex;align-items:center;font-size:9px;gap:6px}.mini-scene i{width:6px;height:6px;background:#b18349;border-radius:50%}.mini-scene>span{margin-left:auto}.mini-chips{display:flex;gap:6px;margin-top:10px;font-size:8px}.mini-chips span{background:#e7e5db;padding:4px 10px;border-radius:5px}.hardware{padding-top:30px;padding-bottom:75px}.hardware-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:34px;border-top:1px solid var(--line)}.hardware-heading p{font-size:12px;color:var(--muted)}.hardware-items{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;gap:24px}.hardware-items>div,.hardware-items>a{border-right:1px solid var(--line);padding:7px 18px 7px 0}.hardware-items>:last-child{border-right:0}.hardware-icon{font-size:28px;line-height:1;color:#7d876c;display:block;margin-bottom:18px}.hardware-items h3{font-size:17px;letter-spacing:-.025em}.hardware-items p{font-size:11px;color:var(--muted);margin-top:7px;max-width:200px}.hardware-items a:hover h3{color:var(--orange)}.hardware-items h3>span{padding-left:14px;font-family:var(--body);font-size:14px}.closing{padding-top:57px;padding-bottom:62px;position:relative}.closing:before{content:'';position:absolute;top:0;left:44px;right:44px;border-top:1px solid var(--line)}.closing h2{font-size:clamp(43px,5.5vw,75px);margin-top:25px}.closing-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:28px}.closing-bottom p{font-size:14px;color:var(--muted);line-height:1.7}.contact-button{display:flex;align-items:center;gap:70px;background:var(--ink);color:var(--paper);padding:16px 21px;border-radius:3px;font-size:14px}.contact-button:hover{background:#474a3b}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:90px;font-size:10px;color:var(--muted);position:relative}.site-footer:before{content:'';position:absolute;top:0;left:44px;right:44px;border-top:1px solid var(--line)}.skip{position:fixed;left:10px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript-note{padding:16px;color:var(--orange)}
@media(min-width:1400px){.scene{height:400px}.hero{padding-top:65px}.hero h1{font-size:116px}}@media(max-width:1100px){.wrap{padding-left:30px;padding-right:30px}.deck{grid-template-columns:158px 1fr}.deck-rail{padding:25px 10px 18px}.deck-brand{font-size:18px;gap:7px}.deck-main{padding:22px 20px 0}.deck-heading h2{font-size:22px}.control-panel{gap:15px;grid-template-columns:1fr 1.2fr}.brightness-control{grid-column:1/-1;display:flex;align-items:center;gap:25px}.brightness-control label{min-width:130px;margin:0}.brightness-control input{flex:1}.scene{height:340px}.perspectives{gap:40px}.detail-text{padding:24px 20px}.detail-text h3{font-size:26px}.story{gap:30px}.perspectives:before,.closing:before,.site-footer:before{left:30px;right:30px}}
@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.site-header{height:84px}.site-header nav{gap:20px}.site-header nav>a:not(.contact-link){display:none}.hero{padding-top:35px}.hero h1{font-size:82px}.hero-bottom p{font-size:16px}.hero-bottom .text-link{font-size:12px;gap:16px}.deck{grid-template-columns:1fr;border-width:5px}.deck-rail{padding:15px 18px;flex-direction:row;align-items:center;gap:20px;border-bottom:1px solid var(--d-line);border-right:0}.deck-brand{margin:0;font-size:19px}.deck-brand svg{width:23px}.rail-section,.rail-divider,.rail-bottom,.rail-item{display:none}.room-nav{margin-left:auto;flex-direction:row;gap:3px}.room-nav button{padding:7px 10px;font-size:10px;min-height:32px}.room-temp{display:none}.deck-main{padding:20px 20px 0}.deck-heading{margin-bottom:17px}.scene{height:350px}.control-panel{grid-template-columns:1fr 1.15fr 1fr;gap:20px}.brightness-control{grid-column:auto;display:block}.brightness-control label{min-width:0;margin-bottom:7px}.scene-presets button{min-width:44px}.story{grid-template-columns:1fr;padding-top:75px;padding-bottom:65px}.story>.section-label{flex-direction:row;align-items:center}.asterisk{font-size:28px}.story h2{font-size:45px}.story-columns{gap:28px}.perspectives{gap:26px;grid-template-columns:1fr 1fr;padding-bottom:30px}.perspective-copy h2{font-size:39px}.perspective-copy>p{font-size:13px}.perspective-visual{min-height:330px;align-self:center}.section-heading h2{font-size:30px}.section-heading p{display:none}.detail-grid{gap:12px}.detail-visual{height:170px}.detail-text{padding:20px 17px}.card-label{font-size:7px}.detail-text h3{font-size:24px}.detail-text p{font-size:12px}.light-strip{width:130px;height:70px}.mini-interface{width:90%;padding:15px 10px}.mini-header{font-size:12px}.mini-scene{font-size:7px;padding:11px 6px}.mini-chips span{padding:4px 7px}.window-frame{height:122px;width:75px}.reed-state{left:37%;font-size:8px}.hardware-items{gap:15px}.hardware-items h3{font-size:15px}.hardware-items p{font-size:10px}.closing h2{font-size:55px}.perspectives:before,.closing:before,.site-footer:before{left:24px;right:24px}.site-footer{flex-wrap:wrap;gap:12px;padding-top:25px;padding-bottom:25px}.site-footer>span{order:3;width:100%}.site-footer>a:last-child{margin-left:auto}}
@media(max-width:560px){.wrap{padding-left:20px;padding-right:20px}.focus-logo{font-size:12px;gap:9px}.focus-symbol{font-size:31px}.logo-slash{margin:0 4px}.site-header nav{font-size:12px}.contact-link span{margin-left:10px}.hero{padding-top:29px;padding-bottom:24px}.eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:25px}.hero h1{font-size:clamp(62px,15.2vw,84px);line-height:.99}.hero-bottom{display:block;margin-top:24px}.hero-bottom p{font-size:15px}.hero-bottom .text-link{margin-top:23px}.demo-caption{margin-top:12px;font-size:8px;letter-spacing:.06em}.demo-caption>span:last-child{font-size:9px}.demo-caption>span:last-child span{font-size:14px;padding-left:2px}.demo-section{padding-left:12px;padding-right:12px}.demo-caption{margin-left:8px;margin-right:8px}.deck{border-radius:14px;border:4px solid #302f29}.deck-rail{padding:12px 12px 10px;display:block}.deck-brand{font-size:18px;gap:7px}.deck-brand svg{width:21px}.room-nav{margin-top:12px;border-top:1px solid var(--d-line);padding-top:8px;gap:6px}.room-nav button{flex:1;justify-content:center;padding:7px 5px;font-size:10px}.deck-main{padding:16px 12px 0}.deck-kicker{font-size:7px}.deck-heading{gap:8px;align-items:center;margin-bottom:14px}.deck-heading h2{font-size:19px;max-width:170px;line-height:1.1}.view-switch button{padding:7px 10px;font-size:9px;min-height:32px}.scene{height:300px;border-radius:9px}.scene-top{inset:14px 13px auto}.weather{gap:7px}.sun-symbol{font-size:24px}.weather b{font-size:17px}.weather span:last-child{font-size:8px}.day-toggle{padding:0 7px;font-size:8px;gap:5px;min-height:31px}.day-toggle span:first-child{font-size:15px}.house-art{inset:40px -58px 10px}.scene-annotation{bottom:50px;font-size:9px;left:50%}.scene-bottom{left:12px;right:12px;bottom:11px;font-size:7px}.scene-scale{display:none}.control-panel{grid-template-columns:.85fr 1.15fr;gap:14px;margin:14px 0}.control-title h3{font-size:17px}.control-title{gap:7px}.power{width:30px;height:30px}.scene-presets{gap:4px}.scene-presets button{min-width:43px;font-size:8px;padding:7px 3px;gap:5px}.preset-icon{width:18px;height:18px}.brightness-control{grid-column:1/-1;display:flex;align-items:center;gap:20px}.brightness-control label{min-width:113px;font-size:9px;margin:0}.brightness-control input{min-width:0}.deck-footer{align-items:center;gap:8px;min-height:47px;font-size:7px;line-height:1.5}.deck-footer>.status-dot{width:4px;height:4px}.deck-footer>span{max-width:150px}.personalise{gap:9px}.personalise>span{display:none}.theme-toggle{padding-left:9px}.demo-note{font-size:9px;max-width:270px;margin:14px auto 0;line-height:1.6}.story{padding-top:63px;padding-bottom:50px;gap:24px}.section-label{font-size:9px}.story h2{font-size:35px}.story-columns{grid-template-columns:1fr;gap:16px;margin-top:23px;font-size:14px;line-height:1.65}.principles{font-size:9px;gap:15px;margin-top:25px;padding-top:18px}.principles b{font-size:11px}.perspectives{grid-template-columns:1fr;padding-top:35px;padding-bottom:27px;gap:30px}.perspective-copy{padding:0}.perspective-copy h2{font-size:42px;margin:20px 0}.perspective-copy>p{font-size:14px}.perspective-copy .fine-copy{font-size:10px;margin-top:16px}.button-link{margin-top:22px}.perspective-visual{min-height:330px}.perspective-tag{padding:20px;font-size:8px}.perspective-bottom{padding:0 20px 20px;font-size:11px}.details{padding-top:30px;padding-bottom:45px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:31px;max-width:280px;line-height:1.08}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-visual{height:205px}.detail-text{padding:25px}.card-label{font-size:8px}.detail-text h3{font-size:29px}.detail-text p{font-size:14px}.light-strip{width:175px;height:87px}.mini-interface{width:72%;padding:21px 18px}.mini-header{font-size:16px}.mini-scene{font-size:10px;padding:13px 10px}.mini-chips{font-size:9px}.mini-chips span{padding:5px 10px}.window-frame{height:140px;width:87px}.reed-state{left:53%;font-size:9px}.hardware{padding-top:0;padding-bottom:48px}.hardware-heading{display:block;padding-top:28px}.hardware-heading p{margin-top:16px;font-size:13px}.hardware-items{grid-template-columns:1fr 1fr;gap:24px 20px;margin-top:25px}.hardware-items>div:nth-child(2){border:0}.hardware-items>div,.hardware-items>a{padding-right:12px}.hardware-items h3{font-size:15px}.hardware-items p{font-size:11px}.hardware-icon{margin-bottom:12px}.closing{padding-top:37px;padding-bottom:38px}.closing h2{font-size:43px;margin-top:22px}.closing-bottom{display:block;margin-top:22px}.closing-bottom p{font-size:13px}.contact-button{margin-top:24px;display:inline-flex;gap:55px;padding:13px 17px;font-size:13px}.site-footer{font-size:9px;min-height:100px}.perspectives:before,.closing:before,.site-footer:before{left:20px;right:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Nighttime labels keep contrast independently of the dashboard theme. */
.scene[data-night=true] .weather{color:#ece9e1}.scene[data-night=true] .weather span:last-child,.scene[data-night=true] .scene-bottom{color:#b6bcb7}.scene[data-night=true] .sun-symbol{color:#e8b676}
/* Weather and sensing: one shared simulated sky across the showcase. */
.sensing{padding-top:45px;padding-bottom:38px}.sensing .section-heading{margin-bottom:20px}.sensing .section-heading h2{max-width:740px}.sensing-intro{max-width:790px;color:var(--muted);line-height:1.7;font-size:15px;margin-bottom:32px}.sensing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.weather-lab,.window-lab{min-width:0;padding:26px;background:#e9e9df;border:1px solid var(--line);border-radius:12px}.lab-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:36px}.lab-heading button,.lab-time{background:transparent;border:1px solid #afb6a1;border-radius:6px;padding:9px 11px;font-size:11px;color:#4c5d45;min-height:36px}.sensing h3{font:500 25px/1.12 var(--display);letter-spacing:-.035em;margin:17px 0 22px;min-height:56px}.weather-stage{--sky-top:#a2b6b1;--sky-bottom:#e9d7ab;position:relative;isolation:isolate;height:280px;border-radius:8px;overflow:hidden;background:linear-gradient(var(--sky-top),var(--sky-bottom));transition:background 1s}.weather-stage[data-weather=cloudy],.window-sky[data-weather=cloudy]{--sky-top:#829695;--sky-bottom:#cbd0c2}.weather-stage[data-weather=rain],.window-sky[data-weather=rain]{--sky-top:#657b84;--sky-bottom:#a6b4b2}.weather-stage[data-weather=snow],.window-sky[data-weather=snow]{--sky-top:#9caeb2;--sky-bottom:#d9e1dc}.weather-stage[data-night=true],.window-sky[data-night=true]{--sky-top:#1c2a38;--sky-bottom:#536572}.sky-disc{position:absolute;top:42px;right:57px;width:48px;height:48px;border-radius:50%;background:#f5e2ae;box-shadow:0 0 50px #ffeeac88;transition:opacity .6s}.weather-stage[data-night=true] .sky-disc{background:#e4e9d4;box-shadow:0 0 25px #d4e5ed33}.weather-stage[data-weather=cloudy] .sky-disc{opacity:.35}.weather-stage[data-weather=rain] .sky-disc,.weather-stage[data-weather=snow] .sky-disc{opacity:0}.weather-cloud{position:absolute;display:block;width:118px;height:29px;border-radius:60px;background:#f1f3e3;opacity:.72;top:76px;left:28px;animation:cloud-drift 12s ease-in-out infinite alternate;pointer-events:none}.weather-cloud:before,.weather-cloud:after{content:'';position:absolute;background:inherit;border-radius:50%}.weather-cloud:before{width:53px;height:53px;left:21px;bottom:0}.weather-cloud:after{width:42px;height:42px;right:14px;bottom:0}.cloud-b{left:auto;right:7%;top:125px;transform:scale(.7);animation-delay:-5s;animation-duration:17s}.weather-stage[data-weather=clear] .weather-cloud,.window-sky[data-weather=clear] .weather-cloud{opacity:.18}.weather-stage[data-night=true] .weather-cloud,.window-sky[data-night=true] .weather-cloud{background:#8595a0;opacity:.5}.sky-horizon{position:absolute;left:-10%;right:-10%;bottom:-28px;height:85px;background:#6c8169;border-radius:50% 50% 0 0;box-shadow:90px -13px 0 #7a8e74}.weather-stage[data-night=true] .sky-horizon{background:#334b45;box-shadow:90px -13px 0 #3e5652}.weather-reading{position:absolute;left:23px;bottom:42px;z-index:2;color:#213d36;display:flex;flex-direction:column;text-shadow:0 1px 8px #fff7}.weather-reading b{font:500 42px/1 var(--display);letter-spacing:-.04em}.weather-reading span{font-size:12px;margin-top:7px}.weather-stage[data-night=true] .weather-reading{color:#f1f0e4;text-shadow:0 1px 10px #0005}.simulation-label{position:absolute;right:14px;bottom:13px;font-size:8px;letter-spacing:.1em;color:#f5f5e8;z-index:2}.precipitation{position:absolute;inset:-45px;pointer-events:none;opacity:0}.weather-stage[data-weather=rain] .precipitation,.window-sky[data-weather=rain] .precipitation,.scene[data-weather=rain] .precipitation{opacity:.6;background:repeating-linear-gradient(110deg,transparent 0 27px,#dceff5 28px 29px,transparent 30px 53px);background-size:57px 43px;mask-image:repeating-linear-gradient(transparent 0 15px,#000 16px 28px,transparent 29px 42px);animation:rain-fall .65s linear infinite}.weather-stage[data-weather=snow] .precipitation,.window-sky[data-weather=snow] .precipitation,.scene[data-weather=snow] .precipitation{opacity:.85;background:radial-gradient(circle,#fff 0 2px,transparent 3px) 0 0/37px 41px,radial-gradient(circle,#fff 0 1px,transparent 2px) 17px 15px/51px 57px;animation:snow-fall 4s linear infinite}.lab-controls{display:flex;gap:7px;margin-top:17px;flex-wrap:wrap}.lab-controls button{flex:1;min-width:60px;min-height:44px;background:#f5f3eb;color:#666e5c;border:1px solid #c3c9b7;border-radius:7px;padding:9px 8px;font-size:12px}.lab-controls button[aria-pressed=true]{background:#4e6248;color:#fff;border-color:#4e6248}.lab-time{margin-top:12px;min-height:40px}.lab-note{font-size:12px;line-height:1.65;color:#676f5d;margin-top:17px}.sensor-badge{font-size:11px;border-radius:20px;background:#e5d2aa;padding:8px 12px;color:#6c542f}.window-stage{position:relative;height:280px;border:1px solid #d4d8c9;background:#dce1d4;border-radius:8px;overflow:hidden;display:grid;place-items:center;padding-bottom:46px}.sensor-window{position:relative;width:125px;height:161px;border:10px solid #909e89;background:#71867c;perspective:500px;box-shadow:12px 12px 0 #bec7b6}.window-sky{position:absolute;inset:0;overflow:hidden;--sky-top:#a2b6b1;--sky-bottom:#e9d7ab;background:linear-gradient(var(--sky-top),var(--sky-bottom));transition:background 1s}.window-sky .weather-cloud{width:90px;height:20px;left:-35px;top:75px;transform:scale(.6)}.sensor-sash{position:absolute;inset:-3px;border:7px solid #f4f2e7;transform-origin:center bottom;transform:rotateX(-23deg);transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .4s;background:#b6d4d233;box-shadow:4px -2px 9px #263b3933;transform-style:preserve-3d}.sash-glass{position:absolute;inset:0;background:linear-gradient(125deg,#fafff944,transparent 60%);border:1px solid #fff7}.sash-handle{position:absolute;right:3px;top:61px;width:4px;height:19px;background:#7a8573;transform-origin:2px 2px;transform:rotate(180deg);transition:transform .8s}.contact-marker{position:absolute;right:-10px;width:5px;height:12px;border-radius:2px;background:#bb8643;z-index:3}.marker-top{top:3px}.marker-bottom{bottom:3px;background:#536d4c}.window-lab[data-window=closed] .sensor-sash{transform:rotateX(0)}.window-lab[data-window=closed] .sash-handle{transform:rotate(0)}.window-lab[data-window=open] .sensor-sash{transform-origin:left center;transform:rotateY(-64deg)}.window-lab[data-window=open] .sash-handle{transform:rotate(90deg)}.window-lab[data-window=mismatch] .sensor-sash,.window-lab[data-window=offline] .sensor-sash{transform:rotateX(0);opacity:.45}.window-lab[data-window=closed] .marker-top{background:#536d4c}.window-lab[data-window=open] .marker-bottom{background:#bb8643}.window-lab[data-window=mismatch] .contact-marker{background:#a35c53}.window-lab[data-window=offline] .contact-marker{background:#8c9185}.window-lab[data-window=offline] .sensor-badge{background:#d2d5cd;color:#626b5b}.window-lab[data-window=mismatch] .sensor-badge{background:#e7c9be;color:#754439}.sensor-caption{position:absolute;bottom:16px;left:10px;right:10px;display:flex;align-items:center;flex-direction:column;gap:5px}.sensor-caption b{font:500 21px var(--display)}.sensor-caption span{font-size:11px;color:#62705b;text-align:center}.reed-readings{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:15px;font-size:10px;color:#64705b}.reed-readings b{display:block;font-size:12px;color:#374b33;margin-top:3px}.reed-readings button{margin-left:auto;font-size:10px;padding:9px;background:none;border:1px solid #b5bda9;border-radius:5px;min-height:36px}.reed-readings button[aria-pressed=true]{background:#d3d6cb}.sensing-footnote{font-size:10px;color:var(--muted);margin-top:16px;text-align:center}.weather-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.scene[data-view=inside] .weather-atmosphere{display:none}.scene[data-weather=clear] .weather-atmosphere .weather-cloud{opacity:.12}.scene[data-weather=rain],.scene[data-weather=snow]{--scene-bg:#687c7d}.scene[data-weather=cloudy]{--scene-bg:#7b8a7c}.scene .weather-cloud{opacity:.35}.scene .scene-top,.scene .scene-annotation,.scene .scene-bottom{z-index:2}.scene[data-weather=rain]:not([data-night=true]) .weather,.scene[data-weather=snow]:not([data-night=true]) .weather,.scene[data-weather=cloudy]:not([data-night=true]) .weather{color:#f5f2e8}.scene[data-weather=rain] .weather span:last-child,.scene[data-weather=snow] .weather span:last-child,.scene[data-weather=cloudy] .weather span:last-child{color:#f0f1e5}.scene[data-weather=rain] .scene-bottom,.scene[data-weather=snow] .scene-bottom,.scene[data-weather=cloudy] .scene-bottom{color:#f0f1e5}body[data-motion=paused] .weather-cloud,body[data-motion=paused] .precipitation{animation-play-state:paused!important}body[data-motion=paused] .sensor-sash,body[data-motion=paused] .sash-handle{transition:none}
@keyframes cloud-drift{from{translate:-18px 0}to{translate:32px 0}}@keyframes rain-fall{from{transform:translate(8px,-21px)}to{transform:translate(-8px,21px)}}@keyframes snow-fall{from{transform:translate(-8px,-22px)}to{transform:translate(8px,22px)}}
@media(max-width:800px){.sensing-grid{gap:16px}.weather-lab,.window-lab{padding:19px}.lab-heading{align-items:flex-start}.lab-heading .card-label{max-width:150px;line-height:1.5}.sensing h3{font-size:24px;min-height:55px}.window-controls button{min-width:65px}.reed-readings{gap:10px}}
@media(max-width:560px){.sensing{padding-top:25px;padding-bottom:20px}.sensing-intro{font-size:14px;margin-bottom:25px}.sensing-grid{grid-template-columns:1fr;gap:20px}.sensing h3{min-height:0;margin-top:14px}.sensing .section-heading h2{font-size:33px}.weather-lab,.window-lab{padding:20px}.weather-stage,.window-stage{height:275px}.lab-controls{gap:6px}.lab-controls button{font-size:11px;min-width:57px}.reed-readings button{font-size:9px}.sensing-footnote{line-height:1.6;text-align:left}.lab-heading .card-label{font-size:8px}}
.window-peek{position:absolute;z-index:3;bottom:50px;right:17px;background:#1d2926e8;border:1px solid #d3ddbc66;border-radius:7px;color:#ececdb;font-size:10px;padding:10px 12px;min-height:36px}.weather-label{max-width:230px}.motion-idle .weather-cloud,.motion-idle .precipitation,.page-idle .weather-cloud,.page-idle .precipitation{animation-play-state:paused!important}.lab-heading button:disabled{opacity:.75;cursor:default}@media(max-width:560px){.window-peek{bottom:33px;right:8px;font-size:8px;padding:6px 8px;min-height:30px}.scene-annotation{bottom:72px}.weather span:last-child{max-width:170px;display:inline-block}.sensor-badge{font-size:10px;padding:7px 9px}}
.room-systems{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;margin:17px 0 20px}.system-card{background:var(--d-panel);border:1px solid var(--d-line);border-radius:10px;padding:16px;min-width:0}.system-heading{display:flex;align-items:center;gap:8px;font-size:12px}.system-heading>span:nth-child(2){flex:1;min-width:0}.system-heading small{display:block;color:var(--d-muted);font-size:8px;margin-top:4px}.system-icon{font-size:20px;color:var(--accent)}.system-heading button{font-size:9px;border:1px solid var(--d-line);color:var(--d-muted);background:var(--d-bg);padding:8px 9px;border-radius:6px;min-height:34px}.system-heading button[aria-pressed=true]{color:var(--accent)}.system-reading{display:flex;align-items:baseline;gap:10px;margin-top:19px;flex-wrap:wrap}.system-reading b{font:400 35px/1 var(--display);letter-spacing:-.04em}.system-reading>span{font-size:9px;color:var(--d-muted)}.system-hint{font-size:10px;color:var(--accent);line-height:1.5;margin-top:12px}.system-note{font-size:8px;line-height:1.5;color:var(--d-muted);margin-top:8px}.now-playing{display:flex;gap:11px;align-items:center;margin-top:16px}.album-art{width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:3px;background:linear-gradient(135deg,#9f896c,#5a7564);flex-shrink:0}.album-art i{width:3px;height:13px;background:#f0e4c4;border-radius:2px;animation:equalizer 1.5s ease-in-out infinite alternate}.album-art i:nth-child(2){height:22px;animation-delay:-.7s}.album-art i:nth-child(3){height:17px;animation-delay:-1.1s}.album-art i:nth-child(4){height:9px;animation-delay:-.4s}.sonos-card[data-playing=false] .album-art i,body[data-motion=paused] .album-art i,.page-idle .album-art i{animation-play-state:paused}.now-playing b{display:block;font-size:12px;font-weight:500}.now-playing div>span{display:block;font-size:8px;color:var(--d-muted);line-height:1.5;margin-top:4px}.system-volume{display:grid;grid-template-columns:1fr auto;align-items:center;font-size:9px;color:var(--d-muted);margin-top:15px;gap:3px}.system-volume input{grid-column:1/-1}.system-secondary{margin-top:10px;min-height:33px;background:var(--d-bg);border:1px solid var(--d-line);border-radius:5px;padding:7px 9px;font-size:9px;color:var(--d-muted)}.system-secondary[aria-pressed=true]{color:var(--accent)}.air-readings{display:flex;gap:15px;justify-content:space-between;margin:22px 0 12px;font-size:9px;color:var(--d-muted)}.air-readings b{display:block;color:var(--d-text);font-size:19px;font-weight:400;margin-bottom:7px}.air-readings b small{font-size:8px}.capabilities{padding-top:25px;padding-bottom:65px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.capability-grid article{border-top:1px solid var(--line);padding-top:21px}.capability-grid article>span{font-size:9px;color:var(--muted);letter-spacing:.07em}.capability-grid h3{font:500 26px/1.1 var(--display);letter-spacing:-.03em;margin:15px 0 11px}.capability-grid p{font-size:13px;color:var(--muted);line-height:1.7}.hardware-heading{justify-content:flex-start}.site-footer{justify-content:space-between}@keyframes equalizer{to{transform:scaleY(.4)}}@media(max-width:1100px){.room-systems{grid-template-columns:1fr 1fr}.air-card{grid-column:1/-1}.air-readings{justify-content:flex-start;gap:45px;margin:15px 0}.air-card .system-secondary{margin-top:0}}@media(max-width:560px){.room-systems{grid-template-columns:1fr;gap:10px}.system-card{padding:16px}.air-card{grid-column:auto}.system-heading{font-size:13px}.system-heading small{font-size:10px}.system-heading button{font-size:11px;min-height:40px}.system-note,.now-playing div>span{font-size:10px}.system-hint{font-size:12px}.system-secondary{font-size:11px;min-height:40px}.now-playing b{font-size:14px}.system-volume{font-size:11px}.air-readings{font-size:11px}.air-readings b{font-size:23px}.capability-grid{grid-template-columns:1fr;gap:25px}.capabilities{padding-bottom:40px}.capability-grid p{font-size:14px}.capabilities .section-heading h2{font-size:32px}}
.hero h1{font-size:clamp(48px,7.2vw,96px);line-height:1.06;letter-spacing:-.065em}.hero{padding-top:52px}.hero-bottom{margin-top:25px}@media(min-width:1000px){.hero h1{white-space:nowrap}}@media(max-width:560px){.hero{padding-top:28px}.hero h1{font-size:clamp(48px,13vw,68px);line-height:1.04;letter-spacing:-.06em}}
.heat-loop{animation:heat-flow 5s linear infinite}body[data-motion=paused] .heat-loop,.motion-idle .heat-loop,.page-idle .heat-loop{animation-play-state:paused!important}@keyframes heat-flow{to{stroke-dashoffset:-36}}
.orbit-controls{display:flex;gap:4px}.orbit-controls button{border:1px solid #d4d8bb55;background:#252f2acc;color:#f5edd8;border-radius:5px;font-size:17px;width:31px;height:31px;line-height:1;padding:0}.orbit-controls button:disabled{opacity:.3;cursor:default}.scene-bottom{bottom:10px}.weather-atmosphere .precipitation{z-index:1}
/* A quieter marketing layout: room controls appear one system at a time. */
[hidden]{display:none!important}.demo-section{padding-top:18px}.deck{border-width:1px;box-shadow:0 22px 60px -45px #28301c66}.deck-rail{padding-top:30px}.deck-brand{margin-bottom:32px}.rail-divider{margin:22px 8px}.deck-main{padding:30px 30px 0}.deck-heading{margin-bottom:25px}.deck-heading h2{margin-top:0;font-size:27px}.scene{height:385px;border:0}.weather span:last-child{font-size:11px}.scene-bottom{justify-content:flex-start}.scene-scale{display:none}.system-tabs{display:flex;gap:27px;border-bottom:1px solid var(--d-line);padding-top:19px;margin-bottom:23px}.system-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--d-muted);font-size:14px;padding:10px 0 13px;min-height:44px}.system-tabs button[aria-pressed=true]{color:var(--d-text);border-bottom-color:var(--accent)}.control-panel{margin:21px 0 29px;gap:34px}.control-title h3{font-size:21px;margin:0}.scene-presets button{font-size:11px;padding:10px;min-height:65px}.brightness-control label{font-size:12px}.room-systems{grid-template-columns:1fr;margin:0 0 26px}.system-card{width:100%;max-width:620px;margin:0 auto;border:0;background:none;padding:0 4px}.system-heading{font-size:16px;margin-bottom:20px}.system-heading small{font-size:12px}.system-heading>span:nth-child(2){flex:1}.heat-card .system-heading{justify-content:space-between}.heat-card .system-heading>span:last-child{font-size:14px;color:var(--d-muted);text-align:right}.system-heading button{font-size:12px;min-height:40px}.now-playing{margin:20px 0}.album-art{width:56px;height:56px}.now-playing b{font-size:20px}.system-volume{font-size:12px;margin-top:22px}.system-secondary{font-size:12px;padding:10px 14px;min-height:42px}.air-readings{justify-content:flex-start;gap:60px;font-size:13px;margin:27px 0}.air-readings b{font-size:27px}.deck-footer{min-height:58px;font-size:12px}.demo-disclosure{font-size:11px;color:var(--d-muted)}.personalise{gap:16px}.story{display:block;padding-top:105px;padding-bottom:85px}.story-content{max-width:850px;margin:auto}.story h2{font-size:clamp(38px,4.1vw,54px)}.story-content>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px;margin-top:30px}.perspectives{padding-top:60px;padding-bottom:90px;gap:90px}.perspective-copy{padding-top:0}.perspective-copy h2{margin-top:0}.perspective-copy>p{font-size:17px;line-height:1.75}.perspective-visual{background:#e3e6dc;border-radius:12px;min-height:370px}.perspective-bottom{padding-top:20px}.sensing{padding-top:15px;padding-bottom:70px}.sensing .section-heading{margin-bottom:25px}.sensing .section-heading h2{font-size:clamp(35px,3.4vw,46px)}.sensing-intro{font-size:18px;line-height:1.7;max-width:700px;margin-bottom:45px}.sensing-grid{gap:52px}.weather-lab,.window-lab{padding:0;border:0;background:none;border-radius:0}.lab-heading{min-height:70px;margin-bottom:24px;align-items:center;gap:18px}.lab-heading h3{font-size:27px;min-height:0;margin:0;line-height:1.15}.sky-actions{display:flex;gap:7px;flex-shrink:0}.icon-switch,.lab-heading button.icon-switch{display:grid;place-items:center;min-width:42px;width:42px;height:42px;min-height:42px;padding:10px;border:0;border-radius:50%;background:#e4e7dc;color:#4c5d45;cursor:pointer}.icon-switch svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-switch .icon-moon,.icon-switch .icon-play{display:none}.icon-switch[aria-pressed=true] .icon-sun,.icon-switch[aria-pressed=true] .icon-pause{display:none}.icon-switch[aria-pressed=true] .icon-moon,.icon-switch[aria-pressed=true] .icon-play{display:block}.scene .day-toggle.icon-switch{background:#222a25d9;color:#f4e6bc}.weather-stage,.window-stage{height:320px;border:0;border-radius:12px}.weather-reading b{font-size:45px}.weather-reading span{font-size:14px}.window-stage{background:#e0e4d9}.sensor-window{width:137px;height:177px}.sensor-caption b{font-size:23px}.lab-controls{gap:15px;margin-top:21px;border-bottom:1px solid #d1d5c7}.lab-controls button{background:transparent;border:0;border-radius:0;border-bottom:2px solid transparent;min-height:48px;color:#66705c;font-size:14px;padding:10px 6px}.lab-controls button[aria-pressed=true]{background:transparent;border-color:#4e6248;color:#263d24}.details{padding-top:20px;padding-bottom:70px}.section-heading h2{font-size:clamp(34px,3.2vw,43px)}.detail-grid{grid-template-columns:1fr 1fr;gap:52px}.detail-card{border:0;border-radius:0}.detail-visual{border-radius:12px;height:230px}.detail-text{padding:27px 0 0}.detail-text h3{font-size:32px;margin:0 0 18px}.detail-text p{font-size:16px;line-height:1.7;max-width:480px}.capabilities{padding-top:15px;padding-bottom:85px}.capability-grid{gap:38px 48px;margin-top:40px}.capability-grid article{border:0;padding:0}.capability-grid h3{font-size:27px;margin:0 0 15px}.capability-grid p{font-size:16px;line-height:1.65}.hardware{padding-top:30px;padding-bottom:75px}.hardware-items{margin-top:0;gap:30px}.hardware-items h3{font-size:19px}.hardware-items p{font-size:13px;line-height:1.6}.hardware-items>div,.hardware-items>a{border:0}.closing-bottom p{font-size:17px;max-width:600px}
.thermostat{display:flex;align-items:center;flex-direction:column}.dial-body{position:relative;width:190px;max-width:100%}.dial-svg{display:block;width:100%}.dial-track,.dial-fill{fill:none;stroke-width:6;stroke-linecap:round}.dial-track{stroke:var(--d-line)}.dial-fill{stroke:var(--accent)}.dial-tick{stroke:var(--d-text);stroke-width:2;stroke-linecap:round}.dial-handle{fill:var(--d-text);stroke:var(--d-bg);stroke-width:2}.dial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-bottom:6px;pointer-events:none}.dial-center>span:first-child{font-size:13px;color:var(--d-muted)}.heating .dial-center>span:first-child{color:var(--accent)}.dial-target{font:300 38px/1 var(--display);letter-spacing:-.02em;min-height:38px}.dial-target small{font-size:14px;color:var(--d-muted);font-family:var(--body)}.dial-now{font-size:13px;color:var(--d-muted)}.dial-buttons{display:flex;gap:28px;margin-top:-10px}.dial-buttons button{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--d-line);background:var(--d-panel);color:var(--d-text);padding:0}.dial-buttons svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.dial-buttons button:disabled{opacity:.35;cursor:default}.heat-modes{display:flex;gap:4px;background:var(--d-rail);border:1px solid var(--d-line);border-radius:9px;padding:3px;margin-top:20px}.heat-modes button{min-height:38px;min-width:70px;background:none;border:0;border-radius:6px;color:var(--d-muted);font-size:13px}.heat-modes button[aria-pressed=true]{background:var(--d-panel);color:var(--d-text)}.heat-card.is-off .dial-track{stroke-dasharray:1 6}.system-hint{font-size:14px;text-align:center;margin-top:20px}
@media(max-width:1000px){.sensing-grid,.detail-grid{gap:32px}.lab-heading{min-height:85px}.lab-heading h3{font-size:24px}.deck-main{padding:25px 22px 0}.control-panel{gap:22px}.capability-grid{gap:32px}.perspectives{gap:45px}}
@media(max-width:560px){.deck{border:1px solid #302f29;border-radius:15px}.deck-rail{padding:18px 16px 13px}.deck-brand{margin:0}.deck-main{padding:22px 16px 0}.deck-heading h2{font-size:21px}.scene{height:320px}.weather span:last-child{font-size:10px}.system-tabs{gap:25px;padding-top:15px;margin-bottom:25px}.system-tabs button{font-size:13px}.control-panel{grid-template-columns:1fr;gap:22px;margin-bottom:25px}.control-title h3{font-size:21px}.scene-presets button{font-size:12px;min-height:63px}.brightness-control{grid-column:auto;gap:20px}.brightness-control label{font-size:12px;min-width:120px}.deck-footer{font-size:10px;min-height:58px}.demo-disclosure{font-size:10px}.room-systems{margin-bottom:26px}.system-card{padding:0 2px}.system-heading{font-size:16px}.story{padding-top:75px;padding-bottom:60px}.story h2{font-size:40px}.story-content>p{font-size:17px;margin-top:24px}.perspectives{padding-top:40px;padding-bottom:65px;gap:35px}.perspective-copy>p{font-size:16px}.sensing{padding-bottom:55px}.sensing .section-heading h2{font-size:36px}.sensing-intro{font-size:17px;margin-bottom:36px}.sensing-grid{grid-template-columns:1fr;gap:42px}.lab-heading{min-height:60px;margin-bottom:19px;align-items:center}.lab-heading h3{font-size:25px}.weather-stage,.window-stage{height:300px}.lab-controls{gap:10px;margin-top:16px}.lab-controls button{font-size:14px;min-width:50px}.detail-grid{grid-template-columns:1fr;gap:42px}.details{padding-bottom:60px}.detail-text h3{font-size:30px}.detail-text p{font-size:16px}.capability-grid{grid-template-columns:1fr;gap:29px;margin-top:32px}.capabilities{padding-bottom:60px}.capability-grid h3{font-size:27px;margin-bottom:12px}.hardware-items{gap:30px 20px}.hardware-items h3{font-size:17px}.hardware-items p{font-size:13px}.closing-bottom p{font-size:16px}}

/* Keep illustrations framed independently of captions or content height. */
.hero-bottom{display:block}.hero-bottom p{font-size:clamp(15px,1.37vw,18px);line-height:1.6;max-width:none}.closing-bottom{display:block}.closing-bottom p{max-width:none;font-size:clamp(14px,1.33vw,17px)}.perspectives{align-items:center;gap:70px}.perspective-visual{display:block;aspect-ratio:5/4;min-height:0;height:auto;padding:22px;align-self:center;overflow:hidden}.perspective-visual #outside-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:0}.perspective-visual svg{width:100%;height:100%;display:block}.led-strip-art{width:100%;height:100%;display:block}.light-visual{padding:10px 20px;background:radial-gradient(ellipse at 50% 70%,#4a413120,transparent 70%),#262927}.site-header nav:empty{display:none}
@media(min-width:1100px){.hero-bottom p,.closing-bottom p{white-space:nowrap}}@media(max-width:800px){.perspectives{gap:30px}.perspective-visual{aspect-ratio:4/3;padding:15px}}@media(max-width:560px){.perspectives{gap:30px}.perspective-visual{min-height:0;aspect-ratio:4/3;padding:15px}.hero-bottom p,.closing-bottom p{white-space:normal}.light-visual{padding:8px}}