.design-hero-visual:has(.climate-experience){min-width:0;height:auto;margin:0}.climate-experience{--climate-tint:45,148,255;color:#102b46;width:100%;min-width:0;scroll-margin-top:180px;position:relative}.climate-experience[data-climate-mode=air]{--climate-tint:22,184,155}.climate-experience[data-climate-mode=heat]{--climate-tint:255,146,67}.climate-window{isolation:isolate;background:#dbe6e7;border-radius:150px 24px 24px;height:490px;position:relative;overflow:hidden;box-shadow:0 18px 45px #102b4610}.climate-photo{object-fit:cover;object-position:57% center;width:100%;height:100%;position:absolute;inset:0}.climate-color-wash{z-index:1;background:linear-gradient(0deg,#071e37e8 0%,#0b294436 42%,transparent 70%),linear-gradient(125deg,rgba(var(--climate-tint),.08) 30%,rgba(var(--climate-tint),.24) 100%);transition:background .4s;position:absolute;inset:0}.climate-flow{z-index:2;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.climate-topline{z-index:3;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:absolute;top:23px;left:80px;right:22px}.climate-live-label{letter-spacing:.015em;white-space:nowrap;background:#fffffff0;border:1px solid #ffffff60;border-radius:30px;align-items:center;gap:8px;padding:10px 12px;font-size:9px;font-weight:750;display:inline-flex;box-shadow:0 4px 15px #102b4608}.climate-live-label i{background:rgb(var(--climate-tint));width:6px;height:6px;box-shadow:0 0 0 4px rgba(var(--climate-tint),.1);border-radius:50%}.climate-pause{color:#102b46;cursor:pointer;background:#fffffff0;border:1px solid #ffffff60;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.climate-pause svg{width:18px;height:18px}.climate-pause:disabled{opacity:.6;cursor:default}.climate-caption{z-index:3;color:#fff;max-width:390px;position:absolute;bottom:60px;left:30px;right:28px}.climate-mode-number{letter-spacing:.12em;color:rgb(var(--climate-tint));margin-bottom:14px;font-size:11px;font-weight:800;display:block}.climate-mode-number>span{color:#ffffff7a;font-size:9px}.climate-caption>strong{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(26px,2.55vw,39px);font-weight:700;line-height:1.08;display:block}.climate-caption>p{color:#e5edf4;max-width:290px;margin:13px 0 0;font-size:11px;line-height:1.75}.climate-interaction-hint{z-index:3;color:#ffffffad;letter-spacing:.015em;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:22px;left:30px}.climate-interaction-hint svg{width:17px;height:17px}.climate-mode-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0 0;display:grid}.climate-mode-controls button{min-width:0;height:68px;font:inherit;color:#536d80;cursor:pointer;background:#fff;border:1px solid #dae5eb;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:11px;font-weight:750;transition:background .2s,border-color .2s,transform .2s,color .2s;display:flex;position:relative}.climate-mode-controls button>svg{flex:0 0 25px;width:25px;height:25px}.climate-mode-controls button>i{color:#8b9da9;opacity:0;font-size:12px;font-style:normal;transition:opacity .2s;position:absolute;top:5px;right:8px}.climate-mode-controls button:hover{border-color:#1676e8;transform:translateY(-2px)}.climate-mode-controls button:hover>i{opacity:1}.climate-mode-controls button[aria-pressed=true]{color:#fff;background:#102b46;border-color:#102b46;box-shadow:0 5px 16px #102b4610}.climate-mode-controls button[aria-pressed=true]>svg{color:rgb(var(--climate-tint))}.climate-mode-controls button[data-mode=air]:not([aria-pressed=true])>svg{color:#087f82}.climate-mode-controls button[data-mode=heat]:not([aria-pressed=true])>svg{color:#e58846}.climate-mode-controls button[data-mode=cool]:not([aria-pressed=true])>svg{color:#1676e8}.climate-footnote{color:#6b8091;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;font-size:9px;line-height:1.5;display:flex}.climate-footnote strong{color:#102b46;font-weight:750}.climate-footnote>span:last-child{font-size:8px}.climate-footnote>span:last-child>span{color:#087f82;margin-left:5px;font-size:14px;display:inline-block}.climate-experience button:focus-visible{outline-offset:4px;outline:3px solid #ffad5d}.climate-experience[data-motion=paused] .climate-interaction-hint{visibility:hidden}@media (max-width:1200px){.climate-window{border-top-left-radius:125px;height:470px}.climate-caption{left:25px;right:25px}.climate-topline{top:19px;right:18px}.climate-mode-controls button{gap:6px;font-size:10px}.climate-mode-controls button>svg{flex-basis:22px;width:22px;height:22px}.climate-footnote>span:last-child{display:none}}@media (max-width:760px){.climate-window{height:435px}.climate-caption>strong{font-size:35px}.climate-mode-controls button{height:65px;font-size:12px}.climate-footnote{font-size:10px}.climate-footnote>span:last-child{font-size:9px;display:block}.climate-caption>p{font-size:12px}.climate-caption{max-width:420px}}@media (max-width:520px){.climate-window{border-radius:100px 18px 18px;height:410px}.climate-topline{gap:7px;top:20px;left:65px;right:15px}.climate-live-label{padding:9px 10px;font-size:8px}.climate-pause{flex:0 0 34px;width:34px;height:34px}.climate-caption{bottom:35px;left:23px;right:23px}.climate-caption>strong{font-size:32px}.climate-caption>p{max-width:260px;font-size:11px}.climate-mode-controls{gap:6px;padding-top:9px}.climate-mode-controls button{border-radius:10px;flex-direction:column;gap:7px;height:75px;font-size:10px}.climate-mode-controls button>svg{flex-basis:24px;width:24px;height:24px}.climate-mode-controls button>i{display:none}.climate-footnote{margin-top:12px;font-size:9px}.climate-footnote>span:last-child{text-align:right;max-width:110px;font-size:8px}.climate-interaction-hint{display:none}}@media (hover:none),(pointer:coarse){.climate-interaction-hint{display:none}.climate-caption{bottom:35px}.climate-mode-controls button:hover{transform:none}}@media (prefers-reduced-motion:reduce){.climate-experience *{transition:none!important}.climate-mode-controls button:hover{transform:none}.climate-interaction-hint{display:none}}.hero-experience-badge{z-index:4;color:#102b46;text-align:center;pointer-events:none;background:#d6ef77;border:1px solid #102b4622;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:138px;height:138px;margin:0;display:flex;position:absolute;top:-20px;left:-34px;box-shadow:0 0 0 7px #fffdf8,0 12px 28px #102b461a}.hero-experience-badge:after{content:"";background:#087f82;border-radius:2px;width:25px;height:2px;margin-top:6px;display:block}.experience-badge-prefix{text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:800;line-height:1.5}.hero-experience-badge>strong{letter-spacing:-.065em;align-items:baseline;gap:4px;font-size:53px;font-weight:800;line-height:.97;display:flex}.hero-experience-badge>strong>span{letter-spacing:-.015em;font-size:13px;font-weight:750}.experience-badge-label{letter-spacing:-.02em;margin-top:3px;font-size:12px;font-weight:750;line-height:1.5}@media (min-width:761px) and (max-width:1200px){.hero-experience-badge{width:124px;height:124px;top:-19px;left:-20px;box-shadow:0 0 0 6px #fffdf8,0 10px 24px #102b4614}.hero-experience-badge>strong{font-size:47px}.experience-badge-label{font-size:11px}}@media (max-width:760px){.hero-experience-badge{width:100%;height:auto;min-height:73px;box-shadow:none;background:#f0f7d5;border-color:#dce8c2;border-radius:13px;flex-direction:row;gap:13px;margin-bottom:16px;padding:12px 17px;position:relative;top:auto;left:auto}.hero-experience-badge:after{display:none}.experience-badge-prefix{font-size:9px}.hero-experience-badge>strong{gap:4px;font-size:43px}.hero-experience-badge>strong>span{font-size:12px}.experience-badge-label{margin-top:0;font-size:13px}}@media (max-width:360px){.hero-experience-badge{gap:10px;padding:12px}.hero-experience-badge>strong{font-size:39px}.experience-badge-label{font-size:12px}}