@font-face{font-family:NotoArabic;src:url('/assets/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.language-menu>div{width:220px;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}
.language-menu a{padding:9px 11px;font-family:Arial,'PingFang SC',sans-serif;line-height:1.4}
.language-menu a[lang=ar]{font-family:NotoArabic,Arial,sans-serif}
.language-menu a[aria-current]{background:#e7f2f8;color:var(--blue);font-weight:700}
.language-menu .language-group{font:500 10px/1.5 var(--body);margin:4px 10px 6px;color:#667c8a}
.language-menu .live-group{border-top:1px solid var(--line);padding-top:12px;margin-top:9px}
.external-resource-note{font-size:12px;color:#a6bdca;margin:16px 0 0}
html:not([lang=en]) .hero-content h1{max-width:740px;line-height:1.18}
html:not([lang=en]) .eyebrow,html:not([lang=en]) .technical-label,html:not([lang=en]) .image-label,html:not([lang=en]) .photo-caption{letter-spacing:.04em}
html:not([lang=en]) .header-actions .button{max-width:180px}
html:not([lang=en]) .desktop-nav{gap:20px}
html:not([lang=en]) .brand>span{letter-spacing:.08em}
html:not([lang=en]) .section-heading,html:not([lang=en]) .two-column,html:not([lang=en]) .project-grid{min-width:0}
html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{overflow-wrap:break-word}
html:not([lang=en]) .spec-list{max-width:100%}
html:not([lang=en]) .spec-list>div{align-items:baseline;flex-wrap:wrap;gap:8px 18px}
html:not([lang=en]) .spec-list dd{margin-inline-start:auto;white-space:nowrap}
html:not([lang=en]) .form-caption{flex-wrap:wrap;gap:8px}
html:not([lang=en]) .form-grid label,html:not([lang=en]) .form-grid input,html:not([lang=en]) .form-grid select{min-width:0}
html:not([lang=en]) .form-grid input,html:not([lang=en]) .form-grid select,html:not([lang=en]) .form-grid textarea{width:100%}
html:not([lang=en]) .filter-controls button{white-space:normal}
html:not([lang=en]) .filter-controls>div{flex-wrap:wrap}
html:not([lang=en]) .model-tabs small{max-width:90%;line-height:1.5}
html:not([lang=en]) .proof-grid>*,html:not([lang=en]) .catalog-grid>*{min-width:0}
html:not([lang=en]) .two-column>*,html:not([lang=en]) .section-heading>*,html:not([lang=en]) .subhero>.wrap>*,html:not([lang=en]) .intro-pair>*,html:not([lang=en]) .discipline-grid>*,html:not([lang=en]) .project-grid>*{min-width:0}
html:not([lang=en]) .product-card dl>div{flex-wrap:wrap;gap:4px 10px}
html:not([lang=en]) .product-card dt{min-width:0;max-width:100%;overflow-wrap:anywhere}
html:not([lang=en]) .product-card dd{white-space:nowrap;margin-inline-start:auto}
html:not([lang=en]) .proof-copy>.text-link{gap:16px;max-width:100%;overflow-wrap:anywhere}
html:not([lang=en]) .film-overlay{overflow-wrap:anywhere}
html[lang=ar] .film-overlay{text-align:right}
html[lang=zh-CN]{--head:'PingFang SC','Microsoft YaHei',sans-serif;--body:'PingFang SC','Microsoft YaHei',sans-serif}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{letter-spacing:0;line-height:1.35}
html[lang=zh-CN] body{font-size:17px;line-height:1.8}
html[lang=vi] h1,html[lang=vi] h2,html[lang=vi] h3{line-height:1.25;letter-spacing:-.015em}
html[lang=ar]{--head:NotoArabic,Arial,sans-serif;--body:NotoArabic,Arial,sans-serif}
html[lang=ar] body{font-size:17px;line-height:1.95}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.5}
html[lang=ar] .hero-content h1{line-height:1.55;max-width:680px;font-size:clamp(40px,4.3vw,62px)}
html[lang=ar] .eyebrow,html[lang=ar] .technical-label,html[lang=ar] .image-label,html[lang=ar] .photo-caption{letter-spacing:0;line-height:1.8}
html[lang=ar] bdi{unicode-bidi:isolate;font-family:Roboto,Arial,sans-serif}
html[lang=ar] [dir=ltr]{unicode-bidi:isolate}
html[lang=ar] .desktop-nav{margin-left:0;margin-right:auto}
html[lang=ar] .desktop-nav>a:after{transform-origin:right}
html[lang=ar] .language-menu>div{right:auto;left:0;text-align:right}
html[lang=ar] .hero-picture{inset:0 39% 0 0}
html[lang=ar] .hero-picture:after{background:linear-gradient(270deg,var(--deep) 0%,rgba(7,44,69,.77) 10%,rgba(7,44,69,.04) 55%),linear-gradient(0deg,rgba(7,44,69,.45),transparent 70%)}
html[lang=ar] .hero-index span{margin-left:0;margin-right:auto}
html[lang=ar] .image-label{right:auto;left:50px}
html[lang=ar] .play-link,html[lang=ar] .expertise-tabs button,html[lang=ar] th,html[lang=ar] td{text-align:right}
html[lang=ar] .entry-band a{border-right:0;border-left:1px solid var(--line)}
html[lang=ar] .entry-band a:first-child{padding-right:0;padding-left:28px}
html[lang=ar] .entry-band a:last-child{border:0}
html[lang=ar] .entry-band a>span:last-child,html[lang=ar] .expertise-tabs button>span:last-child{margin-left:0;margin-right:auto}
html[lang=ar] .expertise-tabs button{padding-left:18px;padding-right:0;line-height:1.65}
html[lang=ar] .expertise-tabs button[aria-selected=true]{padding-inline:22px}
html[lang=ar] .check-list,html[lang=ar] .plain-list{padding-left:0;padding-right:22px}
html[lang=ar] .check-list li{padding-left:0;padding-right:20px}
html[lang=ar] .check-list li:before{left:auto;right:0}
html[lang=ar] .dialog-close{right:auto;left:12px}
html[lang=ar] .technical-label{left:auto;right:32px}
html[lang=ar] .reading-progress{left:auto;right:0}
html[lang=ar] .model-tabs button{text-align:right}
html[lang=ar] .model-tabs button>span{right:auto;left:20px}
html[lang=ar] .spec-list dd{text-align:left}
html[lang=ar] .form-grid select{height:60px;line-height:1.6;padding-block:8px}
@media(max-width:1200px){html:not([lang=en]) .desktop-nav{display:none}html:not([lang=en]) .header-actions{margin-inline-start:auto}html:not([lang=en]) .menu-toggle{display:block}}
@media(max-width:980px){html[lang=ar] .header-actions{margin-left:0;margin-right:auto}html[lang=ar] .hero-picture{inset:0 30% 0 0}html[lang=ar] .expertise-tabs button,html[lang=ar] .expertise-tabs button[aria-selected=true]{padding:17px}html[lang=ar] .entry-band a:first-child{padding-inline:18px}}
@media(max-width:700px){html:not([lang=en]) .hero-content h1{font-size:42px}html[lang=ar] .hero-content h1{font-size:38px;line-height:1.65}html[lang=ar] .hero-picture{inset:0}html[lang=ar] .hero-picture:after{background:linear-gradient(0deg,#052b45 3%,#052b45ed 42%,#052b459c 76%,#052b4550)}html[lang=ar] .language-menu>div{right:auto;left:-50px}html:not([lang=en]) .header-actions .button{max-width:115px;gap:9px}html:not([lang=en]) .brand img{width:96px}html:not([lang=en]) .header-actions{gap:9px}html:not([lang=en]) .header-row{gap:10px}html:not([lang=en]) .header-actions .button>span{display:none}html:not([lang=en]) .entry-band strong{font-size:16px}html[lang=ar] .entry-band a{border-left:0;border-bottom:1px solid var(--line)}html[lang=ar] .entry-band a:first-child{padding:18px 23px}html:not([lang=en]) .form-grid{grid-template-columns:1fr}html:not([lang=en]) .form-grid .full{grid-column:auto}html:not([lang=en]) .dimension-line{left:5%;right:5%}html[lang=ar] .hero-index{font-size:6px}html:not([lang=en]) .hero-index{letter-spacing:0;gap:10px}html:not([lang=en]) .model-tabs button{font-size:20px}}
@media(max-width:360px){html:not([lang=en]) .header-actions .button{max-width:90px;font-size:10px}html:not([lang=en]) .brand img{width:90px}html:not([lang=en]) .hero-content h1{font-size:37px}html[lang=ar] .hero-content h1{font-size:33px}html:not([lang=en]) .header-actions{gap:6px}.language-menu>div{width:205px}}

/* Parking A/C is explicit in the first-screen headline; HVAC remains the broader discipline. */
.hero-content .parking-hero-title .hero-primary{display:block;max-width:600px}
.hero-content .parking-hero-title .hero-secondary{display:block;font-size:clamp(26px,2.5vw,36px);font-weight:400;line-height:1.35;letter-spacing:-.015em;margin-top:16px;color:#c9e7f7}
html[lang=ar] .hero-content .parking-hero-title .hero-secondary{letter-spacing:0;line-height:1.6}
html[lang=zh-CN] .hero-content .parking-hero-title .hero-secondary{letter-spacing:0}
@media(max-width:700px){.hero-content .parking-hero-title .hero-secondary{font-size:25px;margin-top:14px}.hero-content .parking-hero-title .hero-primary{overflow-wrap:normal}html[lang=ar] .hero-content .parking-hero-title .hero-secondary{font-size:23px}}
@media(max-width:360px){.hero-content .parking-hero-title .hero-secondary{font-size:23px}}