/* A compact smart thermostat mounted on an architectural wall panel. */
.weather-console{position:relative;max-width:1600px;margin:0 auto;padding:22px 5.5% 8px;isolation:isolate}
.smart-wall{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:50px;max-width:1120px;margin:auto;padding:28px 8%;border:1px solid #e3e8e8;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 68% 10%,#fff9,transparent 58%),repeating-linear-gradient(92deg,#68767c03 0 1px,transparent 1px 4px),repeating-linear-gradient(2deg,#ffffff20 0 1px,transparent 1px 3px),linear-gradient(112deg,#d5dcd9,#edf0ed 55%,#c5cfce);box-shadow:inset 0 1px 1px #fff,0 12px 36px #0003;color:#253a41}
.smart-wall:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 25%,#b3e6f522 45%,#ffffff5e 51%,transparent 70%);transform:translateX(-70%);animation:wall-daylight 14s ease-in-out infinite;pointer-events:none}
.smart-wall:after{content:'';position:absolute;z-index:-2;top:0;bottom:0;right:15%;width:1px;background:#697c7919;box-shadow:1px 0 #fff8;pointer-events:none}
.smart-wall-copy{position:relative;z-index:1;max-width:410px}
.smart-home-mark{display:block;width:33px;height:33px;color:#37788a;margin-bottom:12px}
.smart-home-mark svg{width:100%;height:100%}.smart-wifi{animation:smart-signal 4s ease-in-out infinite}
#smart-home-heading{margin:0;font:500 clamp(27px,3.5vw,44px)/1.07 'Space Grotesk',sans-serif;letter-spacing:-1.8px;color:#253b42}
#smart-home-heading span{color:#4c7c85;font-weight:400}
.smart-home-caption{margin:12px 0 0;font-size:13px;color:#50676d;letter-spacing:.15px}
.thermostat-mount{position:relative;display:grid;place-items:center;isolation:isolate;padding:8px 0}
.thermostat-mount:before{content:'';position:absolute;width:268px;height:268px;top:50%;left:50%;translate:-50% -50%;border-radius:54px;background:linear-gradient(130deg,#f9faf6,#b5c2c1);border:1px solid #fff9;box-shadow:1px 4px 7px #53636265,inset 0 1px #fff;z-index:-1}
.thermostat-mount:after{content:'';position:absolute;z-index:-2;inset:-13px;background:radial-gradient(ellipse,#8bd9e550,transparent 68%);animation:wall-comfort-glow 7s ease-in-out infinite;pointer-events:none}
.wall-connection{position:absolute;z-index:-2;left:-80px;right:-40px;top:50%;height:1px;background:#769da72e}
.wall-connection:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#50a6b6,transparent);background-size:35% 100%;background-repeat:no-repeat;animation:wall-connect 5s ease-in-out infinite}
.weather-shell{--weather-accent:#7cdfff;position:relative;isolation:isolate;box-sizing:border-box;width:250px;padding:4px;border:1px solid #eaf0f1;border-radius:49px;background:linear-gradient(140deg,#f8fbfc,#b9c7cf 20%,#f1f5f7 38%,#899ca8 72%,#d9e2e7);box-shadow:0 2px 0 #a7b6bf,0 4px 0 #70838f,0 6px 0 #34434d,4px 13px 12px #34474465,10px 24px 26px #46595445}
.weather-shell:after{content:'';position:absolute;bottom:-5px;left:27%;right:27%;height:2px;border-radius:50%;background:#b5f5ff;box-shadow:0 5px 13px 3px #72d1e75c;animation:thermostat-underlight 6s ease-in-out infinite;pointer-events:none}
.thermostat-screen{position:relative;isolation:isolate;min-width:0;padding:20px 20px 16px;border-radius:43px;background:radial-gradient(ellipse at 30% 0%,#25343a,#111c22 39%,#080f14 86%);border:1px solid #060c10;box-shadow:inset 0 2px 2px #ffffff5c,inset 2px 0 3px #fff2,inset -2px -3px 8px #000;overflow:hidden;color:#f2f7fa}
.thermostat-screen:before{content:'';position:absolute;z-index:-1;inset:9px;border:1px solid #93d9f12b;border-radius:35px;animation:thermostat-display-breathe 8s ease-in-out infinite;pointer-events:none}
.thermostat-screen:after{content:'';position:absolute;z-index:3;inset:0;border-radius:inherit;background:linear-gradient(132deg,#ffffff0d,transparent 38%,#ffffff03 38.5%,transparent 66%);box-shadow:inset 0 1px 1px #ffffff35;pointer-events:none}
.weather-display-head{display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left;position:relative;z-index:1}
.weather-copy{min-width:0}.weather-eyebrow{display:flex;align-items:center;gap:5px;margin:0 0 4px;color:#b4c8d2;font-size:6.5px;line-height:1.5;letter-spacing:.55px;font-weight:600}
.weather-signal{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:#718a97;box-shadow:0 0 0 3px #718a9714}
.weather-console[data-weather-state=live] .weather-signal{background:#7bdcca;box-shadow:0 0 0 3px #7bdcca12;animation:weather-signal-pulse 4s ease-in-out infinite}
.weather-console[data-weather-state=stale] .weather-signal,.weather-console[data-weather-state=unavailable] .weather-signal{background:#ffb780}
.weather-copy h3{margin:0;font-size:13px;letter-spacing:-.2px;line-height:1.2;font-weight:400;color:#eef5f9}
.weather-icon{display:block;flex:0 0 auto;width:27px;height:27px;margin:0;overflow:visible;color:var(--weather-accent)}
.weather-icon>g{display:none}
.weather-shell[data-icon=clear] .weather-sun,.weather-shell[data-icon=partly] .weather-sun,.weather-shell[data-icon=night] .weather-moon,.weather-shell[data-icon=night-cloud] .weather-moon{display:block}
.weather-shell[data-icon=cloud] .weather-cloud,.weather-shell[data-icon=partly] .weather-cloud,.weather-shell[data-icon=night-cloud] .weather-cloud,.weather-shell[data-icon=rain] .weather-cloud,.weather-shell[data-icon=storm] .weather-cloud,.weather-shell[data-icon=snow] .weather-cloud{display:block}
.weather-shell[data-icon=rain] .weather-rain,.weather-shell[data-icon=storm] .weather-rain,.weather-shell[data-icon=storm] .weather-lightning,.weather-shell[data-icon=snow] .weather-snow,.weather-shell[data-icon=fog] .weather-fog,.weather-shell[data-icon=unknown] .weather-unknown{display:block}
.weather-sun-rays{transform-origin:18px 17px;animation:weather-orbit 28s linear infinite}.weather-sun{color:#ffbc79}.weather-moon{color:#c8d9ff}.weather-cloud{animation:weather-cloud-drift 6s ease-in-out infinite;fill:#163043;stroke:#9fdaed}.weather-rain path{animation:weather-rain-fall 1.8s ease-in infinite}.weather-rain path:nth-child(2){animation-delay:-.6s}.weather-rain path:nth-child(3){animation-delay:-1.2s}.weather-snow{animation:weather-cloud-drift 4s ease-in-out infinite}.weather-lightning{color:#ffd391;fill:currentColor;stroke:none}.weather-fog{animation:weather-cloud-drift 7s ease-in-out infinite}
.weather-dial{position:relative;margin:15px 0 11px;text-align:center}.weather-outdoor{display:block;font-size:6.5px;line-height:1.5;font-weight:500;letter-spacing:1.1px;color:#9ab4c4;margin-bottom:5px}
.weather-temperature{display:flex;align-items:flex-start;justify-content:center;font:400 68px/.98 'Space Grotesk',sans-serif;letter-spacing:-4px;font-variant-numeric:tabular-nums;color:#f2f9fc;text-shadow:0 0 30px #9deaff12}.weather-temperature small{font-size:15px;letter-spacing:0;margin:10px 0 0 5px;color:#aac4d3}
.weather-description{font-size:10px;line-height:1.4;margin:5px 0 0;color:#c0d2dd;overflow-wrap:anywhere}
.weather-reading-details{padding-top:10px;border-top:1px solid #a1c9de1c;margin:0 2px}.weather-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;text-align:center}.weather-stats>div+div{border-left:1px solid #a1c9de1c}.weather-stats dt{font-size:8px;line-height:1.5;color:#96afc0;margin-bottom:2px}.weather-stats dd{margin:0;font:400 15px/1.2 'Space Grotesk',sans-serif;color:#dcebf4;white-space:nowrap}.weather-stats dd small{font:8px Manrope,sans-serif;color:#9bb4c4}
.thermostat-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:10px}.thermostat-units{display:flex;gap:1px;border-radius:20px;padding:2px;background:#050d1280;border:1px solid #9cc8df20}.thermostat-units button{min-width:34px;min-height:34px;padding:4px;border:0;border-radius:18px;font:500 10px 'Space Grotesk',sans-serif;background:transparent;color:#a0b9c9;transition:background .2s,color .2s,box-shadow .2s}.thermostat-units button[aria-pressed=true]{color:#e5f7ff;background:#2b404b;box-shadow:inset 0 1px 0 #c6e4f622}.thermostat-units button:hover{background:#344f60;color:#fff}.thermostat-units button:focus-visible{outline:2px solid #8cdbff;outline-offset:2px}.thermostat-brand{display:flex;align-items:center;gap:6px;font:500 13px/1 'Space Grotesk',sans-serif;letter-spacing:-.5px;color:#bcc7ce}.thermostat-sensor{width:4px;height:4px;border-radius:50%;background:#556872;box-shadow:0 0 0 1px #576a724d}
.weather-meta{margin:22px 0 0;color:#52676b;font-size:10px;line-height:1.5}.weather-source{display:block;max-width:290px;margin:5px 0 0;color:#52686e;font-size:9px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}.weather-source:hover{color:#173e4a}.weather-retry{display:block;margin:7px 0 0;padding:4px 0;background:transparent;border:0;color:#214e5c;text-decoration:underline;font-size:11px}.weather-retry[hidden]{display:none}
.weather-console:not(.atmosphere-visible) *,.weather-console:not(.atmosphere-visible) *:before,.weather-console:not(.atmosphere-visible) *:after{animation-play-state:paused}
@keyframes wall-daylight{0%,100%{transform:translateX(-70%);opacity:.25}50%{transform:translateX(70%);opacity:1}}
@keyframes wall-comfort-glow{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes wall-connect{0%{background-position:-55% 0;opacity:0}20%,70%{opacity:.8}100%{background-position:160% 0;opacity:0}}
@keyframes smart-signal{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes weather-orbit{to{transform:rotate(360deg)}}
@keyframes weather-cloud-drift{0%,100%{translate:-1px 0}50%{translate:2px 0}}
@keyframes weather-rain-fall{0%{translate:0 -2px;opacity:0}35%{opacity:1}100%{translate:-2px 4px;opacity:0}}
@keyframes weather-signal-pulse{50%{box-shadow:0 0 0 5px #7bdcca06}}
@keyframes thermostat-underlight{50%{opacity:.35}}
@keyframes thermostat-display-breathe{50%{border-color:#93d9f157;box-shadow:inset 0 0 16px #66d6ff08,0 0 12px #66d6ff08}}
@media(max-width:900px){.smart-wall{grid-template-columns:minmax(0,1fr) 270px;gap:28px;padding:25px 6%}}
@media(max-width:600px){.weather-console{padding:18px 4% 8px}.smart-wall{grid-template-columns:minmax(0,1fr) 172px;gap:14px;padding:24px 16px;border-radius:15px}.smart-wall-copy{min-width:0}.smart-home-mark{width:28px;height:28px;margin-bottom:10px}#smart-home-heading{font-size:clamp(18px,4.6vw,27px);letter-spacing:-.65px;line-height:1.15}.smart-home-caption{font-size:10px;line-height:1.5;margin-top:9px}.weather-meta{font-size:8px;margin-top:17px}.weather-source{font-size:8px;line-height:1.55}.thermostat-mount:before{width:176px;height:238px;border-radius:36px}.thermostat-mount{padding:0}.weather-shell{width:168px;border-radius:34px;padding:3px;box-shadow:0 2px 0 #a7b6bf,0 4px 0 #566e79,3px 9px 9px #34474465,7px 16px 18px #46595445}.thermostat-screen{padding:17px 12px 13px;border-radius:29px}.thermostat-screen:before{inset:7px;border-radius:23px}.weather-copy h3{font-size:10px}.weather-eyebrow{font-size:5.5px;letter-spacing:0;gap:4px}.weather-signal{width:3px;height:3px}.weather-icon{width:20px;height:20px}.weather-display-head{gap:4px}.weather-dial{margin:13px 0 10px}.weather-outdoor{font-size:5.5px;letter-spacing:.6px}.weather-temperature{font-size:52px;letter-spacing:-3px}.weather-temperature small{font-size:12px;margin:8px 0 0 3px}.weather-description{font-size:8px}.weather-reading-details{padding-top:8px}.weather-stats{gap:5px}.weather-stats dt{font-size:7px}.weather-stats dd{font-size:13px}.weather-stats dd small{font-size:7px}.thermostat-footer{margin-top:9px;gap:4px}.thermostat-units{padding:1px}.thermostat-units button{min-width:30px;min-height:32px;font-size:9px}.thermostat-brand{font-size:11px;gap:3px}.thermostat-sensor{width:3px;height:3px}.wall-connection{left:-15px;right:-30px}}
@media(max-width:360px){.smart-wall{grid-template-columns:minmax(0,1fr) 158px;padding:20px 11px;gap:9px}.weather-shell{width:154px}.thermostat-screen{padding:16px 10px 12px}.thermostat-mount:before{width:162px;height:235px}.weather-temperature{font-size:49px}#smart-home-heading{font-size:17px}.thermostat-brand{font-size:10px}.thermostat-sensor{display:none}}
@media(prefers-reduced-motion:reduce){.weather-console *,.weather-console *:before,.weather-console *:after{animation:none!important;transition:none!important}}
/* Keep secondary readings beside the mounted display. */
.smart-wall-copy .weather-reading-details{width:200px;max-width:100%;margin:17px 0 0;padding:0;border:0}
.smart-wall-copy .weather-stats{text-align:left;gap:17px}
.smart-wall-copy .weather-stats>div+div{border-left:1px solid #55747d30;padding-left:17px}
.smart-wall-copy .weather-stats dt{font-size:10px;color:#526b73;margin-bottom:3px}
.smart-wall-copy .weather-stats dd{font-size:21px;color:#294f5b}
.smart-wall-copy .weather-stats dd small{font-size:10px;color:#526b73}
.smart-wall-copy .weather-meta{margin-top:17px}
.thermostat-mount:before{height:250px}
@media(max-width:600px){.smart-wall-copy .weather-reading-details{margin-top:12px}.smart-wall-copy .weather-stats{gap:6px}.smart-wall-copy .weather-stats>div+div{padding-left:6px}.smart-wall-copy .weather-stats dt{font-size:8px}.smart-wall-copy .weather-stats dd{font-size:15px}.smart-wall-copy .weather-stats dd small{font-size:7px}.smart-wall-copy .weather-meta{margin-top:12px}.thermostat-mount:before{height:193px}.thermostat-screen{padding-top:13px;padding-bottom:10px}.weather-dial{margin:10px 0 7px}.thermostat-footer{margin-top:7px}}
@media(max-width:360px){.thermostat-mount:before{height:190px}}
.smart-home-context{max-width:390px;margin:10px 0 0;font-size:12px;line-height:1.7;color:#4a636a}
@media(max-width:600px){.smart-home-caption{display:none}.smart-home-context{font-size:9px;line-height:1.55;margin-top:10px}.smart-home-mark{margin-bottom:7px;width:24px;height:24px}.smart-wall-copy .weather-meta{margin-top:10px}}
/* Muted wall finish is limited to the Smart Home section. */
.smart-wall{border-color:#a2b1b0;background:radial-gradient(ellipse at 68% 10%,#dbe2de16,transparent 58%),repeating-linear-gradient(92deg,#52666a05 0 1px,transparent 1px 4px),repeating-linear-gradient(2deg,#e2e8e310 0 1px,transparent 1px 3px),linear-gradient(112deg,#a8b5b3,#bbc5c0 55%,#9eaeab);box-shadow:inset 0 1px 1px #d2ddd82e,0 12px 36px #0003}
.smart-wall:before{background:linear-gradient(110deg,transparent 25%,#9bc6cc0b 45%,#e1ebe51a 51%,transparent 70%)}
.smart-wall:after{background:#4d68651c;box-shadow:1px 0 #dce5df30}
.thermostat-mount:before{background:linear-gradient(130deg,#c6d1cc,#8b9e9b);border-color:#dce6de50;box-shadow:1px 4px 7px #3e56556b,inset 0 1px #dce6de40}
#smart-home-heading{color:#20343b}#smart-home-heading span{color:#355f68}
.smart-home-context,.smart-home-caption{color:#30464d}
.smart-wall-copy .weather-stats dt,.smart-wall-copy .weather-stats dd small,.weather-meta,.weather-source{color:#354b51}
/* Round polished-gold thermostat with a domed glass weather display. */
.thermostat-mount{--thermostat-size:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:21px;padding:0}
.thermostat-mount:before{width:calc(var(--thermostat-size) - 12px);height:calc(var(--thermostat-size) - 12px);top:8px;left:50%;translate:-50% 0;border-radius:50%;background:#82908b;border-color:#aeb7ad;box-shadow:3px 12px 19px #32454266}
.thermostat-mount:after{inset:-10px -15px 42px;background:radial-gradient(ellipse,#f1c78828,transparent 68%)}
.wall-connection{top:calc(var(--thermostat-size) / 2)}
.weather-shell{--weather-accent:#e0c18d;flex:0 0 auto;width:var(--thermostat-size);height:var(--thermostat-size);padding:9px;border-radius:50%;border:1px solid #eed2a6;background:conic-gradient(from 15deg,#e9c996 0deg,#fff0c5 32deg,#a97e4b 75deg,#765230 105deg,#d8b278 150deg,#fff1cf 189deg,#b0844e 224deg,#775333 260deg,#e1ba7c 300deg,#f8dfad 338deg,#e9c996 360deg);box-shadow:0 2px 0 #f8e4be,0 5px 0 #ab814f,0 8px 0 #6f5337,3px 13px 9px #39433765,10px 24px 26px #3b493d55,inset 0 0 2px 2px #fff5d59c}
.weather-shell:before{content:'';position:absolute;z-index:2;inset:1px;padding:4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#fff6dc85 24deg,transparent 49deg,transparent 189deg,#f8d49c65 224deg,transparent 250deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:nest-gold-shimmer 24s linear infinite}
.weather-shell:after{content:'';position:absolute;z-index:2;inset:7px;bottom:7px;left:7px;right:7px;height:auto;border:1px solid #705330;border-top-color:#ead4a7;border-bottom-color:#e7c990;border-radius:50%;background:none;box-shadow:0 0 0 1px #4d361b52;animation:none;pointer-events:none}
.thermostat-screen{width:100%;height:100%;min-height:0;padding:0;border-radius:50%;border:1px solid #211e1a;background:radial-gradient(ellipse at 35% 9%,#36423f 0%,#192324 38%,#0b1416 73%,#070e0f 100%);box-shadow:inset 0 3px 5px #ffffff26,inset 0 -5px 7px #000b,0 0 2px 1px #261c11;overflow:hidden}
.thermostat-screen:before{inset:5px;border-radius:50%;border:1px solid #e4c58e25;border-bottom-color:#d8b4790c;box-shadow:none;animation:nest-display-glow 8s ease-in-out infinite}
.thermostat-screen:after{inset:0;border-radius:50%;background:radial-gradient(ellipse at 28% -4%,#e9f1e423,transparent 46%),linear-gradient(126deg,transparent 25%,#f4edd809 40%,transparent 40.5%,transparent 68%);box-shadow:inset 0 1px 2px #e0e7d847,inset 0 -2px 5px #0008}
.weather-display-head{position:absolute;top:19%;left:18%;width:64%;justify-content:center;gap:8px;align-items:center;text-align:center}
.weather-copy h3{font-size:12px;line-height:1.4;letter-spacing:.1px;color:#cdd7cf}
.weather-icon{width:24px;height:24px;color:#e7d0a2}.weather-cloud{fill:#202e2b;stroke:#d6d9c2}
.weather-dial{position:absolute;top:36%;left:11%;width:78%;margin:0;text-align:center}
.weather-outdoor{font-size:6px;letter-spacing:1.2px;line-height:1.5;margin:0 0 4px;color:#b9c7bd}
.weather-temperature{font-family:Manrope,Arial,sans-serif;font-size:73px;font-weight:400;line-height:1;letter-spacing:-4px;color:#f7f4e8;text-shadow:0 0 24px #f9e5b60d}
.weather-temperature small{font-family:Manrope,Arial,sans-serif;font-size:14px;letter-spacing:0;margin:12px 0 0 5px;color:#dbcfae}
.weather-description{margin:5px auto 0;max-width:160px;font-size:10px;line-height:1.35;color:#cbd4c9}
.thermostat-footer{position:absolute;bottom:10%;left:25%;width:50%;margin:0;padding:0;justify-content:center}
.thermostat-brand{font-size:10px;font-weight:400;letter-spacing:1px;color:#9caaa1;gap:5px}.thermostat-sensor{display:none}
.thermostat-units{padding:3px;gap:3px;border-radius:24px;border:1px solid #40545136;background:#788f8824;box-shadow:inset 0 1px 2px #334c4924}
.thermostat-units button{min-width:40px;min-height:34px;padding:5px;border-radius:20px;color:#344a45;background:transparent;font-size:11px}
.thermostat-units button[aria-pressed=true]{background:#253430;color:#efd4a1;box-shadow:0 2px 4px #26332b26,inset 0 1px #e3cea12e}
.thermostat-units button:hover{background:#51685e;color:#fff0d4}.thermostat-units button:focus-visible{outline-color:#77552e;outline-offset:3px}
.smart-wall-copy .weather-eyebrow{margin:17px 0 0;color:#3b564f;font-size:8px;line-height:1.5;letter-spacing:.9px;gap:7px}
.smart-wall-copy .weather-reading-details{margin-top:9px}
.smart-wall-copy .weather-signal{background:#527266;box-shadow:0 0 0 3px #42645716}
.weather-console[data-weather-state=live] .smart-wall-copy .weather-signal{background:#2a7160;box-shadow:0 0 0 3px #2a716016}
@keyframes nest-gold-shimmer{to{rotate:360deg}}
@keyframes nest-display-glow{0%,100%{border-top-color:#e4c58e25}50%{border-top-color:#e4c58e60}}
@media(max-width:600px){.thermostat-mount{--thermostat-size:168px;gap:17px}.weather-shell{padding:6px;box-shadow:0 2px 0 #f8e4be,0 4px 0 #ab814f,0 6px 0 #6f5337,3px 9px 8px #39433765,7px 16px 18px #3b493d55}.weather-shell:after{inset:4px}.weather-shell:before{padding:3px}.thermostat-screen{padding:0;border-radius:50%}.thermostat-screen:before{inset:4px;border-radius:50%}.weather-display-head{top:20%;gap:4px;left:14%;width:72%}.weather-copy h3{font-size:9px;letter-spacing:0}.weather-icon{width:18px;height:18px}.weather-dial{top:36%;left:10%;width:80%;margin:0}.weather-outdoor{font-size:5px;letter-spacing:.55px;margin-bottom:3px}.weather-temperature{font-size:48px;letter-spacing:-3px}.weather-temperature small{font-size:10px;margin:8px 0 0 3px}.weather-description{font-size:8px;margin-top:3px}.thermostat-footer{bottom:9%;margin:0;padding:0}.thermostat-brand{font-size:7px;letter-spacing:.8px}.thermostat-units button{min-width:38px;min-height:34px;font-size:10px}.smart-wall-copy .weather-eyebrow{font-size:6.5px;letter-spacing:.15px;gap:5px;margin-top:12px}.smart-wall-copy .weather-reading-details{margin-top:8px}}
@media(max-width:360px){.thermostat-mount{--thermostat-size:154px}.weather-temperature{font-size:44px}.weather-copy h3{font-size:8px}.weather-icon{width:16px;height:16px}.weather-description{font-size:7px}.thermostat-brand{font-size:6.5px}}
/* Leave room below the reading for longer weather descriptions. */
.thermostat-footer{top:10%;bottom:auto}
/* Photorealistic gold hardware; the readings remain accessible live HTML. */
.thermostat-mount{--thermostat-size:268px;gap:15px}
.thermostat-mount:before{top:13px;width:calc(var(--thermostat-size) - 32px);height:calc(var(--thermostat-size) - 32px);background:#687a73;border:0;box-shadow:4px 11px 12px #20302966,13px 22px 20px #334b4254}
.thermostat-mount:after{display:none}
.wall-connection{top:calc(var(--thermostat-size) / 2);opacity:.45}
.weather-shell{padding:0;border:0;border-radius:50%;background:none;box-shadow:none}
.weather-shell:before,.weather-shell:after{display:none}
.thermostat-hardware{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.thermostat-screen{position:absolute;inset:0;z-index:1;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:none;box-shadow:none;overflow:visible}
.thermostat-screen:before{display:none}
.thermostat-screen:after{z-index:3;inset:8%;border:0;border-radius:50%;box-shadow:none;background:linear-gradient(118deg,transparent 15%,#e8efec06 37%,transparent 55%);opacity:.3;animation:nest-glass-light 12s ease-in-out infinite}
.weather-display-head{top:22%;left:16%;width:68%;gap:7px}
.weather-copy h3{font-size:12px;font-weight:500;color:#e4e6e0}
.weather-icon{width:24px;height:24px;color:#e8ece6}.weather-cloud{fill:#222a27;stroke:#dfe7dc}
.weather-dial{top:36%;left:13%;width:74%}
.weather-outdoor{font-size:6px;letter-spacing:1px;color:#c3c6c0;margin-bottom:3px}
.weather-temperature{font-size:82px;font-weight:400;letter-spacing:-5px;color:#fbfbf3;line-height:1;text-shadow:0 1px 4px #0003}
.weather-temperature small{font-size:14px;margin:13px 0 0 5px;color:#dfdfd0}
.weather-description{max-width:165px;margin-top:8px;color:#dddcd2;font-size:10px;line-height:1.35}
.thermostat-footer{display:none}
@keyframes nest-glass-light{0%,100%{opacity:.25;translate:-2px 0}50%{opacity:.85;translate:2px 0}}
@media(max-width:600px){.thermostat-mount{--thermostat-size:176px;gap:13px}.weather-shell{padding:0;border:0;background:none;box-shadow:none}.thermostat-screen{padding:0}.thermostat-mount:before{top:9px;width:calc(var(--thermostat-size) - 22px);height:calc(var(--thermostat-size) - 22px);box-shadow:3px 9px 8px #20302966,8px 15px 15px #334b4254}.weather-display-head{top:22%;left:14%;width:72%;gap:4px}.weather-copy h3{font-size:9px}.weather-icon{width:17px;height:17px}.weather-dial{top:36%;left:11%;width:78%}.weather-outdoor{font-size:5px;letter-spacing:.6px;margin-bottom:2px}.weather-temperature{font-size:53px;letter-spacing:-3px}.weather-temperature small{font-size:9px;margin:9px 0 0 3px}.weather-description{font-size:8px;margin-top:5px;max-width:120px}.thermostat-footer{display:none}}
@media(max-width:360px){.thermostat-mount{--thermostat-size:158px}.weather-temperature{font-size:48px}.weather-copy h3{font-size:8px}.weather-icon{width:16px;height:16px}.weather-description{font-size:7px}}
/* Edited from Google's actual Polished Gold product photograph. */
.thermostat-hardware{inset:-5%;width:110%;height:110%}
.thermostat-mount:before{top:5%;width:calc(var(--thermostat-size) * .78);height:calc(var(--thermostat-size) * .86);background:#58493e38;box-shadow:3px 8px 9px #33372b4d,9px 15px 18px #3c483638;rotate:7deg}
.weather-copy h3,.weather-temperature,.weather-temperature small,.weather-description,.weather-outdoor{color:#fffef6;text-shadow:0 1px 3px #53372045}
.weather-copy h3{font-weight:400}.weather-icon{color:#fff5df}.weather-cloud{fill:#a1765724;stroke:#fff5df}
.thermostat-screen:after{background:linear-gradient(118deg,transparent 15%,#fff9e507 37%,transparent 55%)}
.thermostat-model{margin:-5px 0 0;font-size:10px;line-height:1.5;color:#334d46;text-align:center}.thermostat-model span{display:block;font-size:8px;letter-spacing:1px;color:#4c5c50}.thermostat-model a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.thermostat-mount:before{top:5%;width:calc(var(--thermostat-size) * .78);height:calc(var(--thermostat-size) * .86)}.thermostat-model{font-size:9px}.thermostat-model span{font-size:7px}}
/* Language controls share the heading row without widening the wall panel. */
.smart-wall-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.smart-wall-tools .smart-home-mark{margin:0;flex:0 0 auto}
.weather-language{display:inline-flex;gap:3px;padding:3px;border:1px solid #36564c45;border-radius:24px;background:#738d8120}
.weather-language button{min-height:34px;padding:6px 12px;border:0;border-radius:20px;background:transparent;color:#29443b;font:600 11px Manrope,Arial,sans-serif;cursor:pointer}
.weather-language button[aria-pressed="true"]{background:#29483e;color:#fff0d3;box-shadow:0 2px 5px #203a2e20}
.weather-language button:hover{background:#577366;color:#fff7e6}
.weather-language button:focus-visible{outline:2px solid #77552e;outline-offset:2px}
.weather-language-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.weather-console[lang="es"] .weather-outdoor{letter-spacing:.45px}
@media(max-width:600px){.smart-wall-tools{gap:0;margin-bottom:10px}.smart-wall-tools .smart-home-mark{display:none}.weather-language{gap:2px;padding:2px}.weather-language button{font-size:9px;padding:5px 7px;min-height:32px}.weather-console[lang="es"] #smart-home-heading{font-size:clamp(18px,4.6vw,26px);letter-spacing:-.8px}}