:root{--display-font:"Outfit",sans-serif;--body-font:"Inter",sans-serif}
body{font-family:var(--body-font);font-feature-settings:"ss01" 1,"cv11" 1}
h1,h2,h3,.display,.section-title,.gas-code,.gas-card .code,.metric strong,.logo{font-family:var(--display-font);letter-spacing:-.035em}
.logo{letter-spacing:.035em}.logo small,.eyebrow,.page-index,.stage-note{font-family:var(--body-font);letter-spacing:.22em}

/* The photograph must never depend on JavaScript to be visible. */
.feature-image,.feature-image:not(.image-seen),.product-visual>img,.product-visual>img:not(.image-seen){clip-path:none!important;filter:none!important;opacity:1!important;visibility:visible!important}
.feature-image{isolation:isolate;background:#09283a;box-shadow:0 30px 80px rgba(5,31,47,.16)}
.feature-image img{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:1!important;visibility:visible!important}
.feature-image:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,25,39,.02) 35%,rgba(3,25,39,.78) 100%),linear-gradient(90deg,rgba(39,200,231,.18),transparent 48%)}
.feature-image:after{content:"";position:absolute;inset:18px;z-index:3;pointer-events:none;border:1px solid rgba(197,243,251,.35);border-radius:13px;clip-path:polygon(0 0,26px 0,26px 1px,1px 1px,1px 26px,0 26px,0 100%,calc(100% - 26px) 100%,calc(100% - 26px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 26px),100% calc(100% - 26px),100% 0)}
.feature-image .cool-wave{z-index:1;mix-blend-mode:screen;opacity:.72}
.climate-hud{position:absolute;left:32px;right:32px;bottom:30px;z-index:4;color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end;pointer-events:none}
.climate-hud__temp{font-family:var(--display-font);font-size:clamp(44px,5vw,72px);line-height:.85;font-weight:600;letter-spacing:-.07em}
.climate-hud__temp sup{font-size:.35em;vertical-align:top;margin-left:4px;color:#55dcf3}
.climate-hud__meta{padding-bottom:2px}.climate-hud__meta span,.climate-hud__status span{display:block;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#9ed8e4}.climate-hud__meta strong{display:block;margin-top:7px;font-family:var(--display-font);font-size:14px;font-weight:500}
.climate-hud__status{text-align:right;padding:10px 12px;border:1px solid rgba(166,231,242,.3);border-radius:99px;background:rgba(3,27,42,.42);backdrop-filter:blur(12px)}
.climate-hud__status i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#7cf5c5;box-shadow:0 0 12px #7cf5c5;animation:hud-pulse 2s ease-in-out infinite}
.airflow-map{position:absolute;inset:15% 8% 30%;z-index:2;pointer-events:none;opacity:.75;background:radial-gradient(ellipse at 72% 23%,transparent 0 8%,rgba(116,225,246,.42) 8.3% 8.6%,transparent 9% 17%,rgba(116,225,246,.25) 17.3% 17.6%,transparent 18%);animation:air-breathe 6s ease-in-out infinite}
@keyframes hud-pulse{50%{opacity:.4;transform:scale(.7)}}@keyframes air-breathe{50%{opacity:.35;transform:scale(1.025)}}
@media(max-width:700px){.climate-hud{left:22px;right:22px;bottom:22px;grid-template-columns:auto 1fr}.climate-hud__status{display:none}.feature-image{min-height:440px}}
@media(prefers-reduced-motion:reduce){.climate-hud__status i,.airflow-map{animation:none}}

/* Resilient expertise visuals: visible without observers or reveal scripts. */
.feature-image{display:block!important;clip-path:none!important;background-color:#08283c!important;background-size:cover!important;background-position:center!important}
.feature-image>img{opacity:0!important}
.comparison-visual{min-height:520px;border-radius:20px;background:linear-gradient(155deg,rgba(2,25,39,.1),rgba(2,25,39,.88)),url(assets/r32-vs-r410a.webp) center/cover no-repeat,#08283c;display:flex;align-items:center;justify-content:center;gap:22px;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(5,31,47,.18);opacity:1!important;transform:none!important}
.comparison-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(126,224,242,.3);border-radius:13px}
.comparison-tag{font-family:var(--display-font);font-size:clamp(42px,5vw,74px);font-weight:700;letter-spacing:-.06em;position:relative;text-shadow:0 8px 30px rgba(0,0,0,.45)}
.comparison-tag.warm{color:#ffc0d2}.comparison-vs{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#4bd9f4;color:#062033;font-size:10px;font-weight:800;position:relative;box-shadow:0 0 30px rgba(75,217,244,.5)}
.comparison-visual small{position:absolute;left:34px;bottom:30px;font-size:8px;letter-spacing:.18em;color:#a5dce6}
@media(max-width:700px){.comparison-visual{min-height:400px}.comparison-visual small{left:24px;right:24px}}