.sba-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.sba-blob-wrap {
    position: absolute;
    will-change: transform;
}

.sba-blob-svg {
    display: block;
    width: 100%;
    height: 100%;
}

.sba-blob-text {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #f0ede6;
    text-align: center;
    padding: 18%;
    pointer-events: none;
}

.sba-num {
    font-size: 7rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.02em;
}
.sba-num .sba-pct  { font-size: 2.6rem; font-weight: 500; }
.sba-num .sba-unit { font-size: 2.2rem; font-weight: 500; }

.sba-sub {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 0.55em;
}

/* ── blob positions — % of stage (960×540) ── */
.sba-blob-1 {
    left:   1.04%;   /* 10/960  */
    top:    16.67%;  /* 90/540  */
    width:  39.58%;  /* 380/960 */
    height: 70.37%;  /* 380/540 */
}
.sba-blob-2 {
    left:   37.5%;   /* 360/960 */
    top:    52.78%;  /* 285/540 */
    width:  20.83%;  /* 200/960 */
    height: 37.04%;  /* 200/540 */
}
.sba-blob-3 {
    left:   53.125%; /* 510/960 */
    top:    10.19%;  /* 55/540  */
    width:  48.96%;  /* 470/960 */
    height: 72.22%;  /* 390/540 */
}

.sba-blob-4 {
    left:   41%; /* 330/960 */
    top:    10%;  /* 90/540  */
    width:  18.23%;  /* 175/960 */
    height: 32.41%;  /* 175/540 */
}

/* ── blob-2 & blob-4 smaller text ── */
.sba-blob-2 .sba-blob-text,
.sba-blob-4 .sba-blob-text { padding: 14%; }
.sba-blob-2 .sba-num,
.sba-blob-4 .sba-num { font-size: 2.9rem; }
.sba-blob-2 .sba-num .sba-unit,
.sba-blob-4 .sba-num .sba-unit { font-size: 1.8rem; }
.sba-blob-2 .sba-sub,
.sba-blob-4 .sba-sub { font-size: 0.8rem; }

/* ── blob-3 text ── */
.sba-blob-3 .sba-blob-text {
    padding-right: 14%;
    padding-left: 20%;
}
.sba-blob-3 .sba-num { font-size: 5.4rem; }