.details-html{--bob:6px}.details-html[data-project=energy] .cloud{transform-origin:20% 0;stroke-width:0;transform:scale(.7) translateY(5%)}.details-html[data-project=energy] .co2-text{transform-origin:50% 0;stroke-width:0;transform:scale(3) translate(27%,-54%)}.details-html[data-project=energy] .bob{animation:bob 3s ease-in-out infinite;transform-origin:50% 99%}.details-html[data-project=energy] .bounce{animation:bounce 2.4s ease-in-out infinite;transform-origin:50% 100%}.details-html[data-project=energy] .sway{animation:sway 2.8s ease-in-out infinite;transform-origin:50% 100%}.info-title,.info-value{font-size:4rem;font-weight:900}.info-value{display:inline-block}.info-subtitle{font-size:2.25rem;font-weight:700}.info-unit{color:#446b85;display:inline-block;font-size:3.5rem;font-weight:700;margin-left:4rem}.svg-car{transform:scale(.8);transform-origin:50% 0}.svg-tree{transform:scale(.7);transform-origin:20% 5%}.energy-equivalents svg{display:block;height:auto;margin-inline:auto;max-width:420px;width:100%}.energy-equivalents :root{--bob:6px}.energy-equivalents .cloud{transform-origin:20% 0;stroke-width:0;transform:scale(.7) translateY(5%)}.energy-equivalents .co2-text{transform-origin:50% 0;stroke-width:0;transform:scale(3) translate(27%,-54%)}.energy-equivalents .bob{animation:bob 3s ease-in-out infinite;transform-origin:50% 99%}.energy-equivalents .bounce{animation:bounce 2.4s ease-in-out infinite;transform-origin:50% 100%}.energy-equivalents .sway{animation:sway 2.8s ease-in-out infinite;transform-origin:50% 100%}@keyframes bob{0%{transform:translateY(var(--bob))}50%{transform:translateY(calc(var(--bob)*-.5))}to{transform:translateY(var(--bob))}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sway{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)}}.details-html[data-project=water] .float-right-img{border-radius:.5rem;box-shadow:0 2px 8px #11182714;float:right;margin-bottom:.75rem;margin-left:1rem;max-width:40%;-o-object-fit:cover;object-fit:cover;shape-outside:inset(0 round 12px);width:280px}@media (min-width:768px){.details-html[data-project=water] .float-right-img{max-width:660px;width:100%}}.details-html[data-project=water] .clearfix:after{clear:both;content:"";display:block}