@layer sections{.section--energiebalans .section__panel{padding-block:var(--space-8)}.balans{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,30rem);align-items:center;display:grid}.balans__copy{gap:var(--space-3);justify-items:start;display:grid}.balans__title{font-size:var(--text-h1);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);max-inline-size:12ch;line-height:1.04}.balans__intro{color:var(--color-text-muted);max-inline-size:30rem}.balans__card{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);margin:0}.balans__name{font-size:var(--text-h4);letter-spacing:-.015em;font-weight:500}.balans__sub{color:var(--color-text-muted);font-size:var(--text-small)}.balans__gauge{margin-block:var(--space-3) var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--color-surface-raised);text-align:center;position:relative}.balans__gauge svg{inline-size:min(100%,17rem);margin-inline:auto;overflow:visible}.balans__track,.balans__arc{fill:none;stroke-width:12px;stroke-linecap:round}.balans__track{stroke:var(--color-surface-muted)}.balans__arc{stroke:var(--color-accent);stroke-dasharray:100;stroke-dashoffset:26px}.balans__total{justify-content:center;align-items:baseline;gap:.5rem;margin-block-start:-3.75rem;line-height:1;display:flex}.balans__number{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,2rem + 2.5vw,3.75rem);font-weight:560}.balans__unit{font-size:1.75rem;font-weight:500}.balans__caption{font-size:var(--text-small);color:var(--color-text-muted);margin-block-start:var(--space-1)}.balans__bar{block-size:.5rem;margin-block:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-muted);gap:3px;display:flex;overflow:hidden}.balans__bar span{flex:0 0 var(--share);background:var(--tone);border-radius:2px}.balans__bar span:nth-child(3n){background:var(--color-primary)}.balans__rows{gap:.5rem;margin:0;padding:0;display:grid}.balans__rows li{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-raised);grid-template-columns:auto 1fr auto;min-block-size:3.25rem;padding:.5rem 1rem;font-size:1.0625rem;display:grid}.balans__rows strong{font-variant-numeric:tabular-nums;font-weight:600}.balans__note{margin-block:var(--space-3) var(--space-1);font-size:var(--text-small);color:var(--color-text-muted)}.balans__card .demo-label{margin-block-start:var(--space-1)}@media (prefers-reduced-motion:no-preference){.js [data-energiebalans].is-pending .balans__arc{stroke-dashoffset:100px;opacity:0}.js [data-energiebalans] .balans__arc{transition:stroke-dashoffset 1.4s var(--ease-out), opacity var(--dur-snel)}.js [data-energiebalans].is-pending .balans__bar span{transform:scaleX(0)}.js [data-energiebalans] .balans__bar span{transform-origin:0;transition:transform .9s var(--ease-out);transition-delay:calc(.4s + var(--i) * .18s)}.js [data-energiebalans].is-pending .balans__rows li{opacity:0;transform:translateY(8px)}.js [data-energiebalans] .balans__rows li{transition:opacity var(--dur-traag) var(--ease-out), transform var(--dur-traag) var(--ease-out);transition-delay:calc(.5s + var(--i) * .16s)}}@media not (min-width:64rem){.balans{grid-template-columns:minmax(0,1fr)}}}