.sustainability-compare{background:var(--brand-bg-alt);color:var(--brand-text)}.sustainability-compare h1{max-width:900px}.before-after{display:grid;grid-template-columns:1fr 1fr;margin-top:48px;border:1px solid var(--brand-border)}.before-after>div{padding:32px}.before-after>div:last-child{background:var(--brand-primary-dark);color:var(--brand-text-inverse)}.before-after>div:last-child h2,.before-after>div:last-child p,.before-after>div:last-child span{color:var(--brand-text-inverse)}.before-after h2{font-size:1.5rem;margin-top:16px}.before-after span{font-size:.8rem;text-transform:uppercase}.calculator{background:var(--brand-primary-light);color:var(--brand-text);padding:32px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.calculator label{display:block;margin:16px 0}.calculator input{display:block;width:100%;padding:12px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text);background:var(--brand-bg)}.calculator output{display:block;border-top:1px solid var(--brand-border);padding-top:24px;font-weight:600}.sustainability-scenarios{margin:32px 0}@media (max-width:767px){.before-after{grid-template-columns:1fr}}