.studio-numbers{position:relative;isolation:isolate;margin:15px 35px;padding:330px 5% 322px;border-radius:5px;background:#f76200;color:#fff}
.studio-number-attraction{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;z-index:0}
.studio-number-attraction[hidden]{display:none}
.studio-numbers-grid,.studio-numbers-description{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.studio-number-attraction{display:none}}


.studio-numbers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1080px;margin:auto}
.studio-number{position:relative;text-align:center;min-width:0}
@media(min-width:701px){.studio-number+.studio-number::before{content:'';position:absolute;left:-9px;top:8px;bottom:8px;width:1px;background:#ffffff66}}
.studio-number h3{font-size:27px;font-weight:600;line-height:1.8;margin:0 0 16px}
.studio-number-value{display:flex;align-items:baseline;justify-content:center;gap:12px;white-space:nowrap}
.studio-number-digits{font-size:calc(clamp(56px,6.5vw,100px) - 15px);line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}
.studio-number-digits sup{font-size:.43em;vertical-align:super;position:relative;top:-.12em}
.studio-number-value small{font-size:17px;font-weight:400}
.studio-numbers-description{margin:48px auto 0;text-align:center;max-width:900px;color:#fff}
.studio-numbers-description p{font-size:15px;line-height:2.1;margin:0}
.studio-number-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px) and (min-width:701px){.studio-number-value{flex-direction:column;align-items:center;gap:6px}.studio-number-digits{font-size:53px}}
@media(max-width:700px){.studio-numbers{padding:306px 6%}.studio-numbers-grid{grid-template-columns:1fr;gap:34px}.studio-number h3{font-size:25px;margin-bottom:8px}.studio-number-digits{font-size:61px}.studio-number-value small{font-size:16px}.studio-numbers-description{margin-top:38px}.studio-numbers-description p{font-size:13px;line-height:2.2}}

/* Statistics stay in the shared pinned banner while the case panel scrolls over them. */
.banner-pin>.studio-numbers{position:relative;z-index:1}
/* Reserve the final number's width while its visible value counts up. */
.studio-number-digits [data-studio-final]{display:inline-grid;vertical-align:baseline;text-align:right}
.studio-number-digits [data-studio-final]::before{content:attr(data-studio-final);visibility:hidden;grid-area:1/1}
.studio-count-current{grid-area:1/1}

.design-fall{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;border-radius:inherit;clip-path:inset(0 round 5px)}
.design-fall[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.design-fall{display:none}}

/* Fit the complete statistics panel below the floating navigation. */
.studio-numbers{box-sizing:border-box;height:calc(100svh - 220px);min-height:270px;max-height:670px;padding:32px 5%;display:flex;flex-direction:column;justify-content:center}
.studio-numbers-grid{width:100%;margin:0 auto}
@media(max-width:700px){.studio-numbers{height:auto;min-height:0;max-height:none;padding:13px 6%}.studio-numbers-grid{gap:18px}.studio-number h3{margin-bottom:4px}.studio-number-digits{font-size:48px}.studio-numbers-description{margin-top:24px}}

/* Widely spaced, subtle white dots on the orange statistics panel. */
.studio-numbers{background-image:radial-gradient(circle,rgba(255,255,255,.3) 1px,transparent 1.3px);background-size:40px 40px;background-position:20px 20px}