




.tm { padding: clamp(96px, 10vw, 156px) max(var(--g), calc((100vw - 1600px) / 2)); background: var(--graphite); color: var(--light); }
.tm__hd { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 24px clamp(32px, 6vw, 112px); align-items: end; margin-block-end: clamp(40px, 5vw, 72px); }
.tm__h { max-inline-size: 13em; font-size: var(--h2); font-weight: 400; line-height: 1; letter-spacing: -.038em; text-wrap: balance; }
.tm__p0 { font-size: clamp(16px, 1.15vw, 18px); line-height: 1.55; color: rgba(var(--lt), .7); }
.tm__org { display: grid; gap: 10px; }
.tm__u--dg { grid-template-columns: minmax(0, 1fr); }
.tm__row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.tm__u { display: grid; align-content: start; gap: 8px; padding: clamp(18px, 1.6vw, 26px); border-radius: var(--r); background: var(--raised, #14191A); box-shadow: inset 0 0 0 1px var(--hair); transition: opacity .45s var(--e), box-shadow .45s var(--e); }
.tm__n { font-size: 13.5px; font-variant-numeric: tabular-nums; color: var(--amber); }
.tm__d { font-size: clamp(20px, 1.6vw, 28px); font-weight: 400; line-height: 1.1; letter-spacing: -.02em; }
.tm__u ul { display: grid; gap: 3px; margin: 10px 0 0; padding: 12px 0 0; list-style: none; border-block-start: 1px solid var(--hair); }
.tm__u li { font-size: 14.5px; line-height: 1.4; color: rgba(var(--lt), .66); }
.tm__u--tech { grid-template-columns: minmax(0, 1fr) minmax(0, 4fr); gap: 24px clamp(24px, 3vw, 56px); align-items: start; }
.tm__th { display: grid; gap: 8px; }
.tm__lead { font-size: 14.5px; color: var(--light); }
.tm__teams { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px clamp(16px, 2vw, 32px); }
.tm__teams ul { margin-block-start: 8px; }
.tm__gl { font-size: 14.5px; color: var(--light); }
.tm__org:hover .tm__u:not(:hover) { opacity: .45; } 
.tm__u:hover { box-shadow: inset 0 0 0 1px rgba(var(--lt), .22); }
.tm__tot { display: flex; align-items: baseline; gap: 14px; margin-block-start: clamp(28px, 3vw, 44px); font-size: 16px; color: rgba(var(--lt), .66); }
.tm__tot span { font-size: clamp(44px, 4.4vw, 80px); font-weight: 400; line-height: 1; letter-spacing: -.04em; color: var(--light); }
@media (max-width: 1100px) { .tm__row { grid-template-columns: repeat(3, minmax(0, 1fr)); } .tm__u--tech { grid-template-columns: minmax(0, 1fr); } .tm__teams { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { .tm__hd { grid-template-columns: minmax(0, 1fr); } .tm__row, .tm__teams { grid-template-columns: minmax(0, 1fr); } }


@media (min-width: 861px) {
  .tm__hd { display: block; }
  .tm__h { max-inline-size: 17em; }
  .tm__p0 { max-inline-size: 44em; margin-block-start: 14px; font-size: clamp(16px, 1.15vw, 19px); }
}
