.pageblock--counter .x-core-intro{--intro-max-width: 1000px}.pageblock--counter .x-core-grid{gap:var(--spacing-xl)}.pageblock--counter .counter{--counter-background: var(--color-primary-600);--counter-border-color: var(--color-primary-900);--counter-value-color: var(--color-neutral-0);--counter-label-color: var(--color-primary-200);--counter-rotate: -2deg;--counter-value-size: var(--h2-size);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;padding:var(--spacing-xl) var(--spacing-lg);background-color:var(--counter-background);border-bottom:8px solid var(--counter-border-color);border-radius:var(--component-border-radius-l);transform:rotate(var(--counter-rotate));transition:transform var(--transition-duration) var(--transition-timing-function)}.pageblock--counter .counter:nth-child(2n){--counter-background: var(--color-primary-200);--counter-border-color: var(--color-primary-300);--counter-value-color: var(--color-primary-500);--counter-label-color: var(--color-primary-600);--counter-rotate: 2deg}.pageblock--counter .counter:hover{transform:rotate(calc(var(--counter-rotate) * -1)) scale(1.04)}@container style(--breakpoint-md-max: true){.pageblock--counter .counter{--counter-rotate: -1deg}.pageblock--counter .counter:nth-child(2n){--counter-rotate: 1deg}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--counter .counter{--counter-rotate: -1deg}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--counter .counter:nth-child(2n){--counter-rotate: 1deg}.pageblock--counter .counter__wrapper{display:flex;color:var(--counter-value-color);font-size:var(--counter-value-size);font-family:var(--heading-font-family);line-height:var(--heading-line-height);transform:rotate(-4deg);transform-origin:left bottom}.pageblock--counter .counter__description{color:var(--counter-label-color);font-size:var(--h4-size);font-family:var(--heading-font-family);line-height:var(--heading-line-height);text-transform:uppercase;transform:rotate(-2deg);transform-origin:left center}.pageblock--counter .layout--image{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(560px,60vw,860px);padding:var(--spacing-md);overflow:hidden;border-radius:var(--component-border-radius-l)}.pageblock--counter .layout--image .layout__media{position:absolute;z-index:0;inset:0;overflow:hidden}.pageblock--counter .layout--image .layout__media .x-core-image{position:absolute;top:-30%;left:0;width:100%;height:130%;object-fit:cover;will-change:transform}.pageblock--counter .layout--image .layout__panel{--heading-color: var(--color-neutral-0);--body-color: var(--color-neutral-0);position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--column-gap);align-items:center;margin-top:clamp(200px,25vw,380px);padding:clamp(28px,4vw,56px);background-color:var(--color-primary-600);border-bottom:8px solid var(--color-primary-900);border-radius:var(--component-border-radius-l)}@container style(--breakpoint-lg-max: true){.pageblock--counter .layout--image .layout__panel{grid-template-columns:1fr}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--counter .layout--image .layout__panel{grid-template-columns:1fr}.pageblock--counter .layout--image .layout__panel .x-core-title--pre{color:var(--color-primary-200)}.pageblock--counter .layout--image .layout__counters{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.pageblock--counter .layout--image .counter{--counter-background: var(--color-primary-500);--counter-border-color: var(--color-primary-700);--counter-value-color: var(--color-neutral-0);--counter-label-color: var(--color-primary-200);--counter-value-size: var(--h3-size);padding:var(--spacing-lg)}.pageblock--counter .layout--image .counter:nth-child(4n+2),.pageblock--counter .layout--image .counter:nth-child(4n+3){--counter-background: var(--color-primary-200);--counter-border-color: var(--color-primary-300);--counter-value-color: var(--color-primary-500);--counter-label-color: var(--color-primary-600)}.pageblock--counter .layout--image .counter__description{font-size:var(--text-xl)}