/* Photo-led overview inspired by the owner's Fastighet & BRF / Kyla & klimat page. */
.climate-hero{min-height:660px;position:relative;display:flex;align-items:center;background:#142d45;isolation:isolate;color:white}.climate-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.climate-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,28,47,.9),rgba(8,28,47,.65) 38%,rgba(8,28,47,.02) 78%);z-index:-1}.climate-hero-copy{padding:76px 7%;width:100%}.climate-hero h1{font-size:clamp(44px,5.6vw,82px);line-height:1.04;letter-spacing:-.055em;font-weight:500;max-width:720px;margin:23px 0}.climate-hero-copy>p:not(.eyebrow){max-width:490px;font-size:18px;line-height:1.7;color:#e0e8ef}.climate-hero .eyebrow{color:#b6d7f8;margin-top:32px}.climate-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:32px}.climate-secondary{color:white;font-size:14px;text-decoration:none;border-bottom:1px solid #9eaebc;padding:12px 0}.climate-secondary span{margin-left:18px}.climate-image-label{position:absolute;bottom:24px;right:4%;font-size:11px;letter-spacing:.06em;color:white;background:#132b4380;padding:8px 12px}.climate-benefits{padding:44px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;background:#e9eff7}.climate-benefits>div+div{border-left:1px solid #c5d4e6;padding-left:35px}.climate-benefits span{color:#245f98;font-size:11px;letter-spacing:.14em}.climate-benefits h2{font-size:24px;letter-spacing:-.03em;font-weight:500;margin:14px 0 10px}.climate-benefits p{font-size:15px;line-height:1.65;max-width:340px;color:#4c6074}.climate-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:44px}.climate-section-heading h2{margin-bottom:0;font-size:clamp(36px,4.1vw,60px);font-weight:500;letter-spacing:-.045em;line-height:1.08}.climate-section-heading>p{max-width:330px;font-size:16px;line-height:1.75;color:#4c6074}.climate-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}.climate-card{color:inherit;text-decoration:none;display:block}.climate-card-image{overflow:hidden;background:#e9eff7;aspect-ratio:1.7}.climate-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.climate-card:hover img{transform:scale(1.035)}.climate-card.product-card .climate-card-image{background:#eef2f6}.climate-card.product-card img{object-fit:contain;padding:28px}.climate-card-copy{padding:25px 0 0;border-bottom:1px solid #cbd7e3}.climate-card h3{font-size:29px;font-weight:500;letter-spacing:-.035em;margin:0 0 12px}.climate-card p{font-size:16px;line-height:1.65;color:#4c6074;max-width:460px;margin:0 0 22px}.climate-card-copy>span{display:flex;justify-content:space-between;color:#245f98;padding-bottom:22px;font-size:14px}.climate-card-copy b{font-size:20px;font-weight:400}.climate-feature{display:grid;grid-template-columns:1fr 1fr;background:#102238;color:white}.climate-feature-photo{min-height:600px}.climate-feature-photo img{width:100%;height:100%;object-fit:cover}.climate-feature-copy{padding:76px 14% 76px 12%;align-self:center}.climate-feature h2{font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:20px 0 30px}.climate-feature p{line-height:1.8;color:#c5d4e6}.climate-feature .eyebrow{color:#a4cff8}.climate-feature .button{margin-top:22px}.climate-card-grid.three{grid-template-columns:repeat(3,1fr);gap:26px}.climate-card-grid.two{grid-template-columns:repeat(2,1fr);gap:26px}.three .climate-card-image,.two .climate-card-image{aspect-ratio:1.3}.three h3,.two h3{font-size:25px}.climate-reference{margin:0 7% 50px;display:grid;grid-template-columns:1.1fr 1fr;background:#e9eff7}.climate-reference>img{height:100%;min-height:450px;width:100%;object-fit:cover}.climate-reference>div{align-self:center;padding:55px 12%}.climate-reference h2{font-size:clamp(34px,3.4vw,50px);letter-spacing:-.04em;line-height:1.12;font-weight:500}.climate-reference p{line-height:1.7}.climate-inline{display:block;color:#245f98;font-size:14px;margin-top:24px}.climate-calculator{padding:48px 7%;background:#e9eff7;display:flex;align-items:center;justify-content:space-between;gap:30px}.climate-calculator h2{font-size:30px;letter-spacing:-.03em;font-weight:500}.installation-refresh .import-process{grid-template-columns:repeat(5,1fr)}.installation-refresh a:focus-visible{outline:3px solid #76b1ee;outline-offset:5px}
@media(max-width:900px){.climate-hero{min-height:620px}.climate-hero:after{background:linear-gradient(90deg,#081c2fec,#081c2f88 65%,#081c2f20)}.climate-section-heading{display:block}.climate-section-heading>p{max-width:600px;margin-top:24px}.climate-card-grid.three{grid-template-columns:1fr 1fr}.climate-feature-copy{padding:48px 9%}.climate-feature-photo{min-height:520px}.installation-refresh .import-process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.climate-hero{min-height:670px;align-items:flex-start}.climate-hero-copy{padding:48px 7% 100px}.climate-hero h1{font-size:45px}.climate-hero>img{object-position:64% center}.climate-hero:after{background:linear-gradient(180deg,#081c2fe8,#081c2fb0 58%,#081c2f30)}.climate-hero-copy>p:not(.eyebrow){font-size:16px}.climate-actions{gap:12px 24px}.climate-benefits{grid-template-columns:1fr;gap:22px;padding-block:35px}.climate-benefits>div+div{border-left:0;border-top:1px solid #c5d4e6;padding:22px 0 0}.climate-benefits h2{font-size:22px}.climate-benefits p{max-width:none;margin-bottom:0}.climate-card-grid,.climate-card-grid.three,.climate-card-grid.two{grid-template-columns:1fr;gap:35px}.climate-card h3{font-size:27px}.climate-feature{grid-template-columns:1fr}.climate-feature-photo{min-height:0;height:340px}.climate-feature-copy{padding:44px 7% 54px}.climate-reference{grid-template-columns:1fr;margin:0 7% 20px}.climate-reference>img{min-height:0;height:300px}.climate-reference>div{padding:32px 8%}.climate-calculator{display:block}.climate-calculator .button{margin-top:18px}.installation-refresh .import-process{grid-template-columns:1fr}.climate-image-label{left:7%;right:auto;font-size:10px}}
@media(prefers-reduced-motion:reduce){.climate-card-image img{transition:none}}

/* Three individually framed customer images. */
.climate-feature-photo.climate-triptych{padding:24px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px;min-height:670px;background:#0b1b2c}.climate-triptych figure{margin:0;position:relative;overflow:hidden;border:1px solid #5e7387;min-width:0;min-height:0}.climate-triptych figure:first-child{grid-column:1/-1}.climate-triptych figure img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.climate-triptych figure:first-child img{object-position:center 60%}.climate-triptych figure:nth-child(2) img{object-position:65% center}.climate-triptych figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 14px;color:white;background:linear-gradient(transparent,rgba(5,18,31,.9));font-size:14px;line-height:1.4}.climate-reference-figure{position:relative;margin:0;min-width:0;overflow:hidden;min-height:520px}.climate-reference-figure img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.climate-reference-figure figcaption{position:absolute;bottom:12px;left:12px;background:#102238dd;color:white;font-size:11px;padding:7px 10px;max-width:calc(100% - 24px)}
@media(max-width:900px){.climate-feature-photo.climate-triptych{padding:16px;gap:12px}.climate-triptych figcaption{font-size:12px;padding-inline:10px}}
@media(max-width:600px){.climate-feature-photo.climate-triptych{height:540px;min-height:540px;padding:18px}.climate-triptych figcaption{font-size:13px}.climate-reference-figure{min-height:390px}}
.climate-card.product-card img[src*="mini-ftx-prana"]{max-width:392px;margin:0 auto;display:block}
