.climate-page .climate-system-compare{position:relative;overflow:hidden;padding:clamp(96px,9vw,150px) 0;background:radial-gradient(circle at 88% 8%,rgba(183,155,91,.12),transparent 28%),radial-gradient(circle at 4% 92%,rgba(23,69,54,.045),transparent 26%),linear-gradient(180deg,#f8f4ec,#eee7dc)}.climate-page .climate-system-compare>.container{width:min(calc(100% - 48px),1680px)}.climate-page .climate-system-compare:before{position:absolute;top:7%;right:-22vw;width:56vw;height:56vw;border:1px solid rgba(183,155,91,.14);border-radius:50%;content:"";pointer-events:none}.climate-page .climate-system-compare__intro{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:clamp(36px,8vw,110px);margin-bottom:clamp(44px,5vw,68px)}.climate-page .climate-system-compare__intro h2{max-width:13ch;margin:18px 0 0;color:var(--climate-navy);font-family:var(--font-suisse-display),var(--font-display);font-size:clamp(3rem,5.4vw,6rem);font-weight:400;line-height:.96;letter-spacing:-.055em}.climate-page .climate-system-compare__intro>p{max-width:530px;margin:0 0 5px;color:#59657a;font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.75}.climate-page .climate-system-tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:22px;padding:7px;border:1px solid rgba(183,155,91,.26);border-radius:18px;background:rgba(255,252,246,.58)}.climate-page .climate-system-tabs button{position:relative;display:grid;grid-template-columns:auto 1fr auto;min-height:72px;align-items:center;gap:12px;padding:15px 20px;border:1px solid transparent;border-radius:12px;background:transparent;color:rgba(8,18,37,.58);cursor:pointer;text-align:left;transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.climate-page .climate-system-tabs button:after{position:absolute;right:18px;bottom:8px;left:18px;height:2px;border-radius:999px;background:var(--climate-gold);content:"";opacity:0;transform:scaleX(.35);transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1)}.climate-page .climate-system-tabs button.is-active,.climate-page .climate-system-tabs button:hover{border-color:rgba(183,155,91,.48);background:#fffaf2;color:var(--climate-navy);box-shadow:0 8px 24px rgba(54,43,29,.07)}.climate-page .climate-system-tabs button.is-active:after{opacity:1;transform:scaleX(1)}.climate-page .climate-system-tabs button>span{color:var(--climate-gold);font-size:.68rem;font-weight:800;letter-spacing:.08em}.climate-page .climate-system-tabs button>strong{font-size:clamp(.83rem,1vw,.98rem)}.climate-page .climate-system-tabs button>small{color:#8f7132;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:0}.climate-page .climate-system-tabs button.is-active>small{opacity:1}.climate-page .climate-system-tabs button:focus-visible{z-index:2;outline:2px solid var(--climate-gold);outline-offset:3px}.climate-page .climate-system-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(520px,.82fr);min-height:0;overflow:hidden;border:1px solid rgba(183,155,91,.6);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(183,155,91,.12),transparent 34%),linear-gradient(145deg,#fbf7ef,#eee6d8);box-shadow:0 30px 76px rgba(54,43,29,.14);animation:climateSystemPanelIn .52s cubic-bezier(.22,1,.36,1) both}.climate-page .climate-system-panel:after{position:absolute;z-index:4;inset:10px;border:1px solid rgba(183,155,91,.24);border-radius:21px;content:"";pointer-events:none}.climate-page .climate-system-panel__copy{z-index:1;display:flex;order:2;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(44px,3.7vw,62px);border-left:1px solid rgba(183,155,91,.3);background:rgba(255,252,246,.42)}.climate-page .climate-system-panel__copy .eyebrow{margin-bottom:0}.climate-page .climate-system-panel__copy h3{max-width:12ch;margin:18px 0 21px;color:var(--climate-navy);font-family:var(--font-suisse-display),var(--font-display);font-size:clamp(2.35rem,2.8vw,3.25rem);font-weight:400;line-height:1;letter-spacing:-.045em;overflow-wrap:break-word}.climate-page .climate-system-panel__copy>p:not(.eyebrow){max-width:54ch;margin:0;color:#59657a;line-height:1.68}.climate-page .climate-system-panel__diagram{width:100%;overflow:hidden;margin:30px 0 0;border:1px solid rgba(183,155,91,.42);border-radius:17px;background:rgba(255,253,248,.84);box-shadow:0 12px 30px rgba(60,46,25,.07)}.climate-page .climate-system-panel__diagram img{display:block;width:100%;height:auto;aspect-ratio:8/3;object-fit:contain}.climate-page .climate-system-panel__diagram figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 17px 14px;border-top:1px solid rgba(183,155,91,.24);color:#536075;font-size:.74rem}.climate-page .climate-system-panel__diagram figcaption span{color:#8f7132;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.climate-page .climate-system-panel__diagram figcaption strong{color:var(--climate-navy);font-size:.78rem;text-align:right}.climate-page .climate-system-panel__copy ul{display:grid;width:100%;gap:10px;margin:23px 0 27px;padding:0;list-style:none}.climate-page .climate-system-panel__copy li{display:flex;align-items:center;gap:11px;padding-top:10px;border-top:1px solid rgba(183,155,91,.29);color:#273348;font-size:.86rem}.climate-page .climate-system-panel__copy li i{display:inline-grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:50%;background:rgba(183,155,91,.15);color:#8a6c2f;font-size:.68rem;font-style:normal}.climate-page .climate-system-panel__media{position:relative;width:100%;min-height:100%;overflow:hidden;order:1;aspect-ratio:3/2;align-self:stretch;margin:0;background:#e8dfd1}.climate-page .climate-system-panel__media picture{display:block;width:100%;height:100%}.climate-page .climate-system-panel__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.climate-page .climate-system-panel__media figcaption{position:absolute;z-index:2;right:26px;bottom:24px;display:inline-flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid rgba(214,194,143,.5);border-radius:999px;background:rgba(24,22,19,.76);color:#fff;font-size:.7rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.climate-page .climate-system-panel__media figcaption span{color:var(--climate-gold-light)}.climate-page .climate-system-compare__note{max-width:850px;margin:30px auto 0;color:#687286;font-size:.82rem;line-height:1.65;text-align:center}@keyframes climateSystemPanelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1240px){.climate-page .climate-system-compare>.container{width:min(calc(100% - 56px),var(--container))}.climate-page .climate-system-compare__intro{grid-template-columns:1fr;gap:25px}.climate-page .climate-system-compare__intro h2{max-width:16ch}.climate-page .climate-system-panel{grid-template-columns:1fr}.climate-page .climate-system-panel__media{min-height:auto;order:1;aspect-ratio:16/10}.climate-page .climate-system-panel__copy{order:2;padding:48px;border-top:1px solid rgba(183,155,91,.3);border-left:0}.climate-page .climate-system-panel__copy h3{max-width:16ch}}@media (max-width:700px){.climate-page .climate-system-compare{padding:82px 0}.climate-page .climate-system-compare>.container{width:min(calc(100% - 32px),var(--container))}.climate-page .climate-system-compare__intro{margin-bottom:36px}.climate-page .climate-system-compare__intro h2{font-size:clamp(2.55rem,13vw,3.7rem)}.climate-page .climate-system-tabs{gap:6px;margin-bottom:18px;padding:5px;border-radius:14px}.climate-page .climate-system-tabs button{display:grid;grid-template-columns:1fr;min-height:72px;align-content:center;gap:5px;padding:10px 7px;border:1px solid transparent;border-radius:10px;text-align:center}.climate-page .climate-system-tabs button:after{right:12px;bottom:5px;left:12px}.climate-page .climate-system-tabs button>strong{font-size:clamp(.66rem,3vw,.78rem);line-height:1.15}.climate-page .climate-system-tabs button>small{display:none}.climate-page .climate-system-panel{min-height:0;border-radius:22px}.climate-page .climate-system-panel:after{inset:7px;border-radius:15px}.climate-page .climate-system-panel__media{min-height:auto;aspect-ratio:4/3}.climate-page .climate-system-panel__copy{padding:38px 25px 40px}.climate-page .climate-system-panel__copy h3{max-width:14ch;font-size:clamp(2.1rem,10vw,2.8rem)}.climate-page .climate-system-panel__diagram figcaption{align-items:flex-start;flex-direction:column;gap:4px}.climate-page .climate-system-panel__diagram figcaption strong{text-align:left}.climate-page .climate-system-panel__copy .button{width:100%;justify-content:space-between}.climate-page .climate-system-panel__media figcaption{right:14px;bottom:13px}}@media (prefers-reduced-motion:reduce){.climate-page .climate-system-panel,.climate-page .climate-system-panel__media img,.climate-page .climate-system-tabs button,.climate-page .climate-system-tabs button:after{animation:none;transition:none}}@media (max-width:800px){.climate-page #system-comparison-panel[aria-labelledby=system-tab-kanalowy] .climate-system-panel__media{aspect-ratio:1167/1348}}