.climate-hero{padding:44px 0 0;background:linear-gradient(#fff 0,#fff 35%,#f5f7f8 100%)}
.climate-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:6%;padding-bottom:36px}.climate-intro h1{font-size:clamp(40px,4.7vw,72px);line-height:1.08;letter-spacing:-.055em;margin-top:17px}.climate-intro-copy{max-width:470px;padding-bottom:5px}.climate-intro-copy p{font-size:16px;line-height:1.75;color:#56666d}.climate-intro-copy .button{margin-top:22px}.ahu-experience{border:1px solid #dbe3e7;background:white}.ahu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 26px;border-bottom:1px solid #dbe3e7}.ahu-index{font-size:12px;letter-spacing:.1em;color:#557484}.ahu-heading h2{font-size:20px;letter-spacing:-.025em;line-height:1.5;margin-top:2px}.ahu-view-switch{display:flex;gap:2px;background:#f1f4f5;padding:4px}.ahu-view-switch button{border:0;background:transparent;font-size:14px;padding:9px 15px;color:#56686f;white-space:nowrap}.ahu-view-switch button[aria-pressed=true]{background:white;color:#183642;box-shadow:0 1px 6px #152e4210}.ahu-stage{height:clamp(370px,43vw,650px);position:relative;background:#e9edf1;overflow:hidden;isolation:isolate}.ahu-photo-scene{position:absolute;inset:0;transition:opacity .35s}.ahu-photo{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}.ahu-airflow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.77}.ahu-airflow path{fill:none;stroke-width:3.5;stroke-linecap:round}.ahu-airflow .flow-in{stroke:url(#supply-color)}.ahu-airflow .flow-out{stroke:#4c919e}.ahu-airflow .flow-base{stroke-width:15;opacity:.12}.ahu-airflow .flow-running{stroke-dasharray:12 22;animation:air-travel 1.8s linear infinite}.ahu-stage[data-mode=summer] .supply-end,.ahu-stage[data-mode=dry] .supply-end{stop-color:#50a4cd}.ahu-stage[data-mode=humid] .supply-end{stop-color:#75ada5}.ahu-stage.is-paused .flow-running{animation-play-state:paused}@keyframes air-travel{to{stroke-dashoffset:-68}}.ahu-stage-top,.ahu-stage-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none;z-index:5}.ahu-stage-top{top:18px;align-items:flex-start}.ahu-stage-bottom{bottom:15px;align-items:flex-end;font-size:12px;color:#3f5964}.ahu-stage-top>*:not(span),.ahu-stage-bottom>*{pointer-events:auto}.ahu-caption{font-size:14px;line-height:1.45;color:#2c444f;background:#f3f6f9b5;backdrop-filter:blur(6px);padding:9px 12px}.ahu-caption small{font-size:12px;color:#637982}.ahu-small-button{background:#ffffffcd;border:1px solid #b6c5cc;color:#234b5b;padding:6px 12px;font-size:12px;backdrop-filter:blur(8px)}.ahu-small-button[aria-pressed=true]{border-color:#1b708c;color:#155f78}.ahu-legend{display:flex;gap:18px}.ahu-legend span{display:inline-flex;align-items:center;gap:7px}.ahu-legend i{width:16px;height:3px;display:inline-block}.supply-dot{background:#d99d62}.extract-dot{background:#4c919e}.ahu-stage[data-mode=summer] .supply-dot,.ahu-stage[data-mode=dry] .supply-dot{background:#50a4cd}.ahu-stage[data-mode=humid] .supply-dot{background:#75ada5}.ahu-pin{position:absolute;z-index:4;display:flex;align-items:center;background:transparent;border:0;padding:7px;transform:translate(-50%,-50%);gap:6px}.ahu-pin span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #fff;background:#204554e8;color:white;border-radius:50%;font-size:11px;box-shadow:0 0 0 5px #ffffff35;transition:.2s}.ahu-pin b{font-size:12px;font-weight:500;padding:4px 9px;background:#ffffffec;opacity:0;transition:.2s;position:absolute;left:45px;white-space:nowrap;color:#244551}.ahu-pin:hover b,.ahu-pin:focus-visible b,.ahu-pin[aria-pressed=true] b{opacity:1}.ahu-pin[aria-pressed=true] span{background:#067fa4}.pin-filter{left:27%;top:62%}.pin-rotor{left:44%;top:39%}.pin-coil{left:56%;top:64%}.pin-fan{left:72%;top:66%}.ahu-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.ahu-control-bar{display:flex;align-items:center;gap:26px;padding:15px 26px;border-top:1px solid #dbe3e7;border-bottom:1px solid #dbe3e7}.ahu-control-bar>span{font-size:13px;color:#6b7d86}.ahu-modes{display:flex;gap:8px;flex-wrap:wrap}.ahu-modes button{background:transparent;border:1px solid #d9e1e5;padding:7px 15px;font-size:13px}.ahu-modes button[aria-pressed=true]{background:#153e50;color:white;border-color:#153e50}.ahu-control-bar p{font-size:12px;margin-left:auto;color:#617781;max-width:280px;line-height:1.5}.ahu-detail{display:grid;grid-template-columns:1fr 1.2fr;padding:27px 26px;gap:5%}.ahu-detail-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;align-content:center}.ahu-detail-menu button{padding:9px 0;text-align:left;font-size:14px;line-height:1.4;border:0;border-bottom:1px solid #e2e9eb;background:none;color:#6a7d85}.ahu-detail-menu button[aria-pressed=true]{color:#007fa6;border-color:#138caf}.ahu-detail-copy>span{font-size:11px;color:#758a93;letter-spacing:.06em}.ahu-detail-copy h3{font-size:23px;letter-spacing:-.03em;margin:5px 0 9px}.ahu-detail-copy p{font-size:14px;line-height:1.7;color:#62757f}.ahu-detail-copy .plain-link{font-size:12px;margin-top:10px}.ahu-assembly{background:#eef4f6;padding:23px 26px;border-top:1px solid #d7e2e7;display:grid;grid-template-columns:150px 1fr;gap:10px 20px;font-size:14px}.ahu-assembly>span{font-weight:600}.ahu-assembly>div{display:flex;flex-wrap:wrap;gap:7px}.ahu-assembly button{border:1px solid #c9d7de;background:white;padding:8px 13px;font-size:13px}.ahu-assembly button[aria-pressed=true]{background:#174456;color:white}.ahu-assembly p{grid-column:2;color:#536e7b}.system-navigation{display:flex;gap:28px;padding:20px 26px;border-top:1px solid #dbe3e7;background:#f7f9fa;font-size:14px}.system-navigation>span{color:#8b9da5;font-size:12px;align-self:center}.system-navigation a:hover{color:#007fa6}.ahu-fallback-note{position:absolute;bottom:50px;left:25px;max-width:470px;background:#fffffff2;padding:11px 15px;font-size:13px;z-index:9;color:#577380}
@media(min-width:1600px){.ahu-stage{height:640px}}
@media(max-width:1000px){.climate-intro{grid-template-columns:1.2fr 1fr;gap:28px}.climate-intro h1{font-size:50px}.ahu-heading{padding:16px 20px}.ahu-heading h2{font-size:17px}.ahu-view-switch button{padding:8px 10px;font-size:12px}.ahu-control-bar{gap:18px;padding:15px 20px}.ahu-control-bar>span{display:none}.ahu-control-bar p{max-width:200px}.ahu-detail{gap:35px}.ahu-stage{height:49vw}.system-navigation{gap:20px;font-size:13px}.ahu-pin b{display:none}}
@media(max-width:700px){.climate-hero{padding-top:28px}.climate-intro{display:block;padding-bottom:26px}.climate-intro h1{font-size:43px;letter-spacing:-.052em}.climate-intro-copy{margin-top:20px;padding:0}.climate-intro-copy p{font-size:15px;line-height:1.6}.climate-intro-copy .button{margin-top:17px}.ahu-experience{width:100%;border-left:0;border-right:0}.ahu-heading{padding:17px 5%;display:block}.ahu-heading h2{font-size:18px;line-height:1.4;margin-top:5px}.ahu-view-switch{margin-top:15px;width:max-content;max-width:100%}.ahu-view-switch button{font-size:13px;padding:9px 12px}.ahu-stage{height:77vw;max-height:450px;min-height:300px}.ahu-photo,.ahu-airflow{width:124%;left:-12%;position:absolute;max-width:none;object-fit:contain}.ahu-airflow{height:100%}.ahu-stage-top{left:5%;right:5%;top:12px}.ahu-caption{font-size:12px;background:transparent;padding:0}.ahu-caption small{font-size:10px}.ahu-stage-bottom{left:5%;right:5%;bottom:10px;font-size:11px}.ahu-stage-bottom>#ahu-hint{display:none}.ahu-small-button{font-size:11px;padding:5px 9px}.ahu-legend{gap:12px}.ahu-pin{transform:translate(-50%,-50%) scale(.78)}.pin-filter{left:22%;top:57%}.pin-rotor{left:43%;top:39%}.pin-coil{left:57%;top:60%}.pin-fan{left:77%;top:62%}.ahu-control-bar{padding:14px 5%;display:block}.ahu-modes{gap:6px}.ahu-modes button{font-size:13px;padding:7px 12px}.ahu-control-bar p{max-width:none;margin:10px 0 0;font-size:12px}.ahu-detail{display:flex;flex-direction:column;padding:20px 5%;gap:22px}.ahu-detail-menu{grid-template-columns:1fr 1fr;gap:0 23px}.ahu-detail-menu button{font-size:14px;padding:10px 0}.ahu-detail-copy h3{font-size:23px}.ahu-detail-copy p{font-size:14px}.ahu-detail-copy .plain-link{font-size:13px}.system-navigation{padding:18px 5%;flex-wrap:wrap;gap:9px 18px;font-size:13px}.system-navigation>span{width:100%;font-size:12px}.ahu-assembly{display:block;padding:20px 5%}.ahu-assembly>div{margin:13px 0}.ahu-assembly p{font-size:13px}.ahu-fallback-note{left:5%;right:5%;font-size:12px;bottom:40px}.ahu-stage[data-view=assembly] .ahu-legend{display:none}}
@media(prefers-reduced-motion:reduce){.ahu-airflow .flow-running{animation:none}}
.ahu-assembly-layers{display:none;position:absolute;inset:0}.ahu-assembly-layers .ahu-photo{position:absolute;inset:0;transition:transform .75s ease,opacity .75s ease}.layer-base{clip-path:polygon(12% 75%,89% 75%,89% 90%,12% 90%)}.layer-unit{clip-path:polygon(12% 8%,89% 8%,89% 78%,12% 78%)}.layer-ducts{clip-path:polygon(0 0,12% 0,12% 100%,0 100%,0 0,89% 0,100% 0,100% 100%,89% 100%,89% 0)}.is-fallback-assembly #ahu-photo-scene>.ahu-photo{opacity:.12}.is-fallback-assembly .ahu-assembly-layers{display:block}.is-fallback-assembly[data-step="0"] .layer-unit{opacity:0;transform:translateY(-30px)}.is-fallback-assembly[data-step="0"] .layer-ducts,.is-fallback-assembly[data-step="1"] .layer-ducts{opacity:0;transform:translateY(-20px)}.is-fallback-assembly .ahu-pin{display:none}.is-fallback-assembly:not([data-step="3"]) .ahu-airflow{opacity:0}.is-fallback-assembly[data-step="3"] .ahu-airflow{opacity:.77}
@media(max-width:700px){.ahu-assembly-layers .ahu-photo{inset:auto;left:-12%;top:0;height:100%}}
@media(max-width:700px){.ahu-photo{object-fit:cover}}
@media(max-width:700px){.climate-hero{padding-top:24px}.climate-intro h1{font-size:35px;line-height:1.1;letter-spacing:-.045em}.climate-intro-copy{margin-top:17px}.climate-intro-copy p{font-size:14px;line-height:1.6}.climate-intro-copy .button{margin-top:15px;min-height:47px}.climate-intro{padding-bottom:20px}.ahu-heading h2{display:none}.ahu-heading{padding-block:13px}.ahu-view-switch{margin-top:10px}}