.trx-metric { display:flex; flex-direction:column; gap:var(--space-1); padding:var(--space-4) var(--space-5); border-left:2px solid var(--accent); background:var(--bg-elevated); border-radius:var(--radius-sm); }
.trx-metric__value { font-family:var(--font-display); font-size:var(--fs-700); line-height:1; color:var(--brand-primary); letter-spacing:-0.02em; }
.trx-metric__label { font-family:var(--font-mono); font-size:var(--fs-100); letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-muted); }

.trx-metrics-row { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--space-4); margin:var(--space-6) 0; }
@media (max-width:720px){ .trx-metrics-row{ grid-template-columns:1fr; } }

.trx-case-tile { position:relative; display:block; overflow:hidden; border-radius:var(--radius-md); background:var(--brand-primary); color:#fff; text-decoration:none; aspect-ratio:4/5; }
.trx-case-tile img { width:100%; height:100%; object-fit:cover; opacity:0.78; transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-base) var(--ease-out); }
.trx-case-tile:hover img { transform:scale(1.05); opacity:0.62; }
.trx-case-tile__body { position:absolute; inset:auto 0 0 0; padding:var(--space-5); display:flex; flex-direction:column; gap:var(--space-2); background:linear-gradient(180deg, transparent, rgba(11,42,74,0.85)); }
.trx-case-tile__meta { font-family:var(--font-mono); font-size:var(--fs-100); letter-spacing:0.14em; text-transform:uppercase; color:rgba(255,255,255,0.78); }
.trx-case-tile__title { font-family:var(--font-display); font-size:var(--fs-600); line-height:1.1; margin:0; color:#fff; }

.trx-case-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--space-5); }
.trx-case-grid--mosaic { grid-template-columns:repeat(6, minmax(0,1fr)); grid-auto-rows: 1fr; }
.trx-case-grid--mosaic > *:nth-child(1) { grid-column: span 4; }
.trx-case-grid--mosaic > *:nth-child(2) { grid-column: span 2; }
.trx-case-grid--mosaic > *:nth-child(3) { grid-column: span 2; }
.trx-case-grid--mosaic > *:nth-child(4) { grid-column: span 4; }
@media (max-width:960px){ .trx-case-grid, .trx-case-grid--mosaic { grid-template-columns:repeat(2, minmax(0,1fr)); } .trx-case-grid--mosaic > * { grid-column: span 1 !important; } }
@media (max-width:640px){ .trx-case-grid, .trx-case-grid--mosaic { grid-template-columns:1fr; } }

.trx-service-card { display:flex; flex-direction:column; gap:var(--space-3); padding:var(--space-5); background:var(--bg-elevated); border:1px solid var(--line); border-radius:var(--radius-md); height:100%; transition:border-color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out); }
.trx-service-card:hover { border-color:var(--accent); transform:translateY(-3px); }
.trx-service-card__icon { aspect-ratio:1/1; border-radius:var(--radius-sm); overflow:hidden; background:var(--secondary-soft); margin-bottom:var(--space-2); max-width:120px; }
.trx-service-card__icon img { width:100%; height:100%; object-fit:cover; }
.trx-service-card__title { font-family:var(--font-display); font-size:var(--fs-500); margin:0; }
.trx-service-card__lead { color:var(--ink-muted); font-size:var(--fs-300); }

.trx-member-card { display:flex; flex-direction:column; gap:var(--space-3); }
.trx-member-card__media { aspect-ratio:3/4; overflow:hidden; border-radius:var(--radius-md); background:var(--secondary-soft); filter:grayscale(0.05); transition:filter var(--dur-base) var(--ease-out); }
.trx-member-card:hover .trx-member-card__media { filter:grayscale(0); }
.trx-member-card__media img { width:100%; height:100%; object-fit:cover; transition:transform var(--dur-slow) var(--ease-out); }
.trx-member-card:hover .trx-member-card__media img { transform:scale(1.03); }
.trx-member-card__name { font-family:var(--font-display); font-size:var(--fs-500); margin:0; }
.trx-member-card__role { font-family:var(--font-mono); font-size:var(--fs-100); letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-muted); }

.trx-feature-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-7); align-items:center; }
@media (max-width:880px){ .trx-feature-row { grid-template-columns:1fr; } }
.trx-feature-row__media { aspect-ratio:3/2; border-radius:var(--radius-md); overflow:hidden; }
.trx-feature-row__media img { width:100%; height:100%; object-fit:cover; }

.trx-quote { font-family:var(--font-display); font-size:var(--fs-600); line-height:1.25; color:var(--brand-primary); border-top:1px solid var(--line-strong); padding-top:var(--space-5); margin:var(--space-6) 0; max-width:48ch; }
.trx-quote__role { display:block; margin-top:var(--space-3); font-family:var(--font-mono); font-size:var(--fs-100); letter-spacing:0.12em; text-transform:uppercase; color:var(--ink-muted); }

[data-reveal]{ opacity:0; transform:translateY(16px); transition:opacity 600ms var(--ease-out), transform 600ms var(--ease-out); }
[data-reveal].is-revealed{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ [data-reveal]{ opacity:1; transform:none; transition:none; } }