/* Header, first screen and system navigation — v16, 2026-10-17 */
.site-header,body[data-page="tools"] .site-header{height:80px;gap:20px;flex-wrap:nowrap;padding-inline:4.5%;border-bottom:1px solid var(--line);background:#fff}
.site-header .logo{gap:11px;min-width:0}
.site-header .logo img{width:42px;height:42px}
.site-header .logo span{font-size:18px}
.site-header .logo small{font-size:9px;letter-spacing:.08em}
.site-header nav{gap:18px;font-size:13px}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}
.site-header nav .customer-portal-link{border-radius:4px;min-height:40px;padding:8px 12px;font-size:12px}
.site-header .header-phone{font-size:13px;margin-left:0}
.site-language{gap:0;padding:2px;border-color:var(--line);border-radius:4px;font-family:inherit;font-size:12px;letter-spacing:.02em;background:#fff}
.site-language a{min-width:36px;min-height:38px;border-radius:2px;color:var(--muted)}
.site-language a[aria-current="true"],.site-language a[aria-current="true"]:hover{background:#eaf4f8;color:var(--blue)}
.site-language a:hover{background:#f1f5f6;color:var(--blue)}
.site-header .menu-toggle{width:44px;height:44px;flex:0 0 44px;padding:11px;border:1px solid var(--line);border-radius:4px;background:#fff;margin-left:0}
.site-header .menu-toggle span{margin:6px 0;transition:transform .18s}
.site-header .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.site-header .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.climate-hero{padding-top:36px}
.climate-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:42px;align-items:start;padding-bottom:30px!important}
.climate-intro h1{font-size:clamp(36px,4.1vw,64px);line-height:1.12;letter-spacing:-.045em;margin-top:14px}
.climate-intro .overline{font-size:11px;letter-spacing:.1em}
.climate-intro-copy{display:flex;flex-wrap:wrap;align-items:center;align-content:start;column-gap:20px;row-gap:17px;max-width:none;padding-top:28px;padding-bottom:0;margin:0}
.climate-intro-copy p{flex-basis:100%;font-size:15px;line-height:1.65;max-width:520px}
.climate-intro-copy .button{margin:0;min-height:46px;padding:11px 18px;border-radius:4px;font-size:13px;box-shadow:none}
.climate-intro-copy .hero-portfolio-link{margin:0;padding:8px 0;font-size:13px;line-height:1.5;white-space:nowrap}
.ahu-experience>.system-selector{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border:0;border-bottom:1px solid var(--line);background:#fff}
.system-selector button{min-width:0;min-height:92px;padding:16px;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;align-content:start;align-items:start;gap:5px 8px;border:0;border-right:1px solid var(--line);border-radius:0;line-height:1.4;transition:background .15s,color .15s}
.system-selector button:last-child{border:0}
.system-selector button>span{grid-column:1;grid-row:1/3;font-size:11px;padding-top:2px;color:#85949c;font-variant-numeric:tabular-nums}
.system-selector button strong{grid-column:2;grid-row:1;font-size:14px;font-weight:550;line-height:1.4}
.system-selector button small{grid-column:2;grid-row:2;font-size:12px;line-height:1.45;color:var(--muted)}
.system-selector button[aria-selected="true"]{background:#edf5f8;color:var(--blue);box-shadow:inset 0 -2px var(--blue)}
.system-selector button[aria-selected="true"]>span{color:var(--blue)}
.system-selector button:hover{background:#f4f8fa}
.system-selector button:focus-visible{outline-offset:-4px}
.ahu-heading{padding:18px 22px;gap:16px;grid-template-columns:minmax(0,1fr) auto minmax(200px,250px)}
.ahu-heading h2{font-size:18px;line-height:1.4}
.ahu-view-switch{padding:3px;gap:2px;border:1px solid var(--line);border-radius:4px;background:#f4f7f8;margin:0}
.ahu-view-switch button{padding:8px 12px;min-height:38px;border-radius:2px;font-size:13px}
.ahu-view-switch button[aria-pressed="true"]{color:var(--blue);background:#fff;box-shadow:0 1px 3px #142c3810}
.ahu-group-label select,.model-group-label select{min-height:42px;border-radius:4px;font-size:14px}
.building-title{padding:18px 22px;gap:16px}
.building-title h2{font-size:22px}
.model-view-actions{gap:6px;flex-wrap:wrap}
.model-view-actions button{min-height:40px;padding:8px 12px;border-radius:4px}
@media(max-width:1280px){.site-header .header-phone{display:none}.site-header nav{gap:14px}.site-header .logo span{font-size:17px}.site-header{gap:16px}.ahu-heading{grid-template-columns:minmax(0,1fr) auto}.ahu-heading .ahu-group-label{grid-column:1/-1;display:flex;align-items:center;gap:16px}.ahu-group-label select{flex:1;min-width:0}.climate-intro{gap:32px}}
@media(max-width:1100px){.site-header,body[data-page="tools"] .site-header{height:76px;padding-inline:4.5%;gap:14px}.site-header .site-language{margin-left:auto}.site-header .menu-toggle{display:block}.site-header nav{display:none;position:absolute;inset:100% 0 auto;margin:0;padding:16px 4.5% 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 12px 24px #142c3810;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;align-items:stretch;font-size:15px;max-height:calc(100dvh - 76px);overflow-y:auto}.site-header nav.open{display:grid}.site-header nav a{padding:10px 12px;border-radius:4px}.site-header nav a:hover{background:#f1f5f6}.site-header nav .customer-portal-link{font-size:14px;margin-top:6px;justify-content:center}.climate-intro{grid-template-columns:1fr;gap:18px}.climate-intro h1{font-size:clamp(36px,5.3vw,52px)}.climate-intro-copy{padding:0;max-width:760px;gap:14px 20px}.climate-intro-copy p{max-width:680px}.system-selector button{padding:14px 12px;column-gap:6px;min-height:102px}}
@media(max-width:760px){.site-header,body[data-page="tools"] .site-header{height:72px;gap:10px}.site-header .logo img{width:36px;height:36px}.site-header .logo span{font-size:16px}.site-header .logo small{font-size:8px;letter-spacing:.035em}.site-header .logo{gap:8px}.site-header .site-language a{min-width:32px;min-height:38px}.climate-hero{padding-top:26px}.climate-intro{gap:16px;padding-bottom:24px!important}.climate-intro h1{font-size:clamp(32px,6.4vw,44px);margin-top:12px}.climate-intro .overline{font-size:10px}.climate-intro-copy p{font-size:14px;line-height:1.65}.climate-intro-copy .button{font-size:13px}.ahu-experience>.system-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.system-selector button{min-height:90px;padding:13px 12px;grid-template-columns:20px minmax(0,1fr);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.system-selector button:nth-child(2){border-right:0}.system-selector button:nth-child(n+3){border-bottom:0}.system-selector button strong{font-size:13px}.system-selector button small{font-size:11px}.ahu-heading{display:flex;flex-wrap:wrap;padding:16px;gap:12px}.ahu-heading>div:first-child{flex-basis:100%}.ahu-heading h2{display:block;font-size:17px;margin-top:4px}.ahu-heading .ahu-group-label{display:block;width:100%;font-size:12px}.ahu-heading select{display:block;width:100%;margin-top:6px}.ahu-view-switch{width:100%;margin:0}.ahu-view-switch button{flex:1;min-height:40px;font-size:13px}.building-title{padding:16px;gap:12px}.building-title h2{font-size:20px}.model-group-label{width:100%}.model-view-actions{justify-content:flex-start}.model-view-actions button{font-size:12px}}
@media(max-width:400px){.site-header{padding-inline:4%;gap:8px}.site-header .logo span{font-size:14px}.site-header .logo small{font-size:7px}.site-header .logo img{width:30px;height:30px}.site-header .logo{gap:6px}.site-header .site-language a{min-width:30px}.site-header .menu-toggle{width:40px;flex-basis:40px}.system-selector button{padding:12px 10px;column-gap:4px;grid-template-columns:18px minmax(0,1fr)}.system-selector button small{font-size:10px}.climate-intro h1{font-size:32px}.climate-intro-copy .hero-portfolio-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.site-header .menu-toggle span,.system-selector button{transition:none}}