/* Only the workload example: flat colours, finite motion, static print fallback. */
.workload-counter{position:relative;padding:32px 0 24px}
.workload-counter .counter-stage{position:relative;width:fit-content;max-width:100%;margin:12px 0}
.workload-counter .counter-total{display:flex;align-items:baseline;gap:12px;font-size:clamp(72px,9vw,126px);line-height:1.24;letter-spacing:-.05em;white-space:nowrap}
.workload-counter .counter-about{font-size:.65em}
.workload-counter .counter-digits{display:inline-flex;gap:.06em;letter-spacing:0;font-variant-numeric:tabular-nums}
.workload-counter [data-counter-digit]{display:inline-block;min-width:.62em;text-align:center;border-bottom:3px solid #f5da70;line-height:1.14}
.workload-counter .counter-total small{font-size:clamp(16px,2vw,25px);letter-spacing:0;margin-left:2px}
.workload-counter .counter-daily{margin:20px 0 12px;font-size:clamp(15px,1.8vw,21px);line-height:1.8}
.workload-counter .counter-daily span{display:inline-block;position:relative;isolation:isolate;font-size:1.3em;margin-left:.1em;white-space:nowrap}
.workload-counter .counter-daily span::before{content:"";position:absolute;z-index:-1;left:-3px;right:-3px;bottom:.12em;height:.58em;background:#f5da70;transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.workload-counter.is-complete .counter-daily span::before{transform:scaleX(1)}
.workload-counter .counter-replay{padding:6px 0;border:0;border-bottom:1px solid #8baba6;background:transparent;color:#52716e;font:inherit;font-size:12px;cursor:pointer}
.workload-counter .counter-replay span{margin-left:6px}
.workload-counter .counter-replay:disabled{opacity:.45;cursor:default}
.workload-counter .counter-replay:focus-visible{outline:3px solid #008b89;outline-offset:5px}
.workload-counter .counter-spark{pointer-events:none;position:absolute;width:25px;height:25px;background:#f5da70;clip-path:polygon(50% 0,60% 38%,100% 50%,60% 62%,50% 100%,40% 62%,0 50%,40% 38%);opacity:0}
.workload-counter .spark-one{left:26%;top:-10px;--spark-angle:12deg}
.workload-counter .spark-two{left:77%;top:3px;width:18px;height:18px;--spark-angle:-12deg}
.workload-counter .spark-three{left:66%;bottom:-2px;width:16px;height:16px;--spark-angle:20deg}
.workload-counter.is-complete .counter-spark{animation:workload-twinkle 1.1s ease-out both}
.workload-counter.is-complete .spark-two{animation-delay:.12s}
.workload-counter.is-complete .spark-three{animation-delay:.24s}
.workload-counter.is-complete .counter-digits{animation:workload-settle .45s ease-out both}
@keyframes workload-twinkle{0%{opacity:0;transform:scale(.3) rotate(0)}25%{opacity:1}65%{opacity:1}100%{opacity:0;transform:scale(1.15) rotate(var(--spark-angle))}}
@keyframes workload-settle{0%{transform:translateY(0)}40%{transform:translateY(-4px)}100%{transform:translateY(0)}}
@media(max-width:600px){.workload-counter{padding:25px 0 20px}.workload-counter .counter-total{font-size:clamp(58px,13.5vw,80px);gap:6px}.workload-counter .counter-total small{font-size:14px}.workload-counter .counter-daily{font-size:14px}.workload-counter .counter-daily span{font-size:1.35em}}
@media(prefers-reduced-motion:reduce){.workload-counter *, .workload-counter *::before{animation:none!important;transition:none!important}.workload-counter .counter-daily span::before{transform:scaleX(1)}.workload-counter .counter-replay,.workload-counter .counter-spark{display:none}}
@media print{.workload-counter .counter-total{font-size:45pt;gap:3mm}.workload-counter .counter-total small{font-size:13pt}.workload-counter .counter-daily{font-size:10pt}.workload-counter .counter-daily span::before{transform:scaleX(1)}.workload-counter .counter-replay,.workload-counter .counter-spark{display:none!important}.workload-counter *, .workload-counter *::before{animation:none!important;transition:none!important}}