/* The wow moment (home UX-2026.10.06.05, test.html). As you scroll, the six money tiles pour into one figure
   that adds them up, then the breakdown takes it to net worth. js/wow.js adds .is-live when it plays;
   until then the card shows the total and nothing sticks. */
.t-stage{position:relative}
.t-count{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 20px;margin-bottom:16px;transform-origin:50% 0}
.t-count .chead{margin:0;padding:0;border:0}
.t-count .lead-fig{font-size:clamp(34px,4.6vw,56px)}
.t-after{margin-top:16px}
.t-stage.is-live .t-count{position:sticky;top:var(--t-top,86px);z-index:5}
.t-stage.is-live .kpi{will-change:transform,opacity}
@media (min-width:1001px){.t-stage .d-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* The seventh place (the dollar brokerage) takes the whole last row, in every layout */
.t-stage .d-tiles .t-wide{grid-column:1/-1}
/* Two columns on a phone: the ninth place takes the last row whole, so no tile sits alone (A16) */
@media (min-width:381px) and (max-width:640px){.t-stage .d-tiles>div.kpi:last-of-type:nth-of-type(odd){grid-column:1/-1}}
/* Since 2026-10-29 Home names three places and gathers the other six in one tile: three in a row above it
   wherever there are three columns; on a two-column phone the four tiles make a 2 × 2 grid */
@media (min-width:641px){.t-stage .d-tiles .t-more{grid-column:1/-1;min-height:0}}
.t-stage .d-tiles .t-more{--tone:var(--ink2)}
/* The counter keeps one height while it plays (owner, 2026-11-02): its changing line stays on one row, smaller on
   phones, and a long place name ends in an ellipsis instead of wrapping the card taller */
.t-count .chead{min-width:0;flex:1 1 0}
.t-count .chead p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){
  .t-count{flex-wrap:nowrap;align-items:center}
  .t-count .chead h3{font-size:17px}
  .t-count .chead p{font-size:13px}
  .t-count .lead-fig{font-size:30px;white-space:nowrap}
}