.home-page .career-summary { margin-top: 88px; padding-top: 0; }
.home-page .career-summary > h3 { font-size: 32px; font-weight: 650; line-height: 1.15; letter-spacing: -.035em; }
.career-story { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .58fr); align-items: center; gap: 32px; margin-top: 32px; }
.home-page .career-story .metrics { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; margin: 0; padding: 0; border: 0; }
.home-page .career-story .metrics .stat,
.home-page .career-story .metrics .stat:not(:first-child) { display: grid; grid-template-columns: 140px minmax(0, 1fr); align-items: start; column-gap: 20px; row-gap: 0; margin: 0; padding: 0; border: 0; }
.home-page .career-story .stat-value { grid-column: 1; grid-row: 1; font-size: 44px; font-weight: 650; line-height: 1.12; letter-spacing: -.045em; }
.home-page .career-story .stat-unit { margin-left: 5px; font-size: 17px; font-weight: 500; letter-spacing: -.02em; }
.career-money { text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 3px; text-underline-offset: 4px; text-decoration-skip-ink: none; }
.stat-copy { display: block; min-width: 0; padding-top: 2px; }
.home-page .career-story .stat-label { display: block; margin: 0; color: var(--ink); font-size: 14px; font-weight: 600; line-height: 1.45; }
.home-page .career-story .stat-context { display: block; margin-top: 3px; color: var(--muted); font-size: 11.5px; line-height: 1.45; }
.stat-analogy { display: block; margin-top: 7px; color: var(--ink); font-size: 13px; line-height: 1.5; }
.home-page .project-homelio .project-logo { flex-basis: 50px; width: 50px; height: 50px; }
.career-duck-reference { aspect-ratio:602 / 464; width:100%; max-width:340px; margin:0; justify-self:center; pointer-events:none; user-select:none; }
.career-duck-reference img { display:block; width:100%; height:100%; object-fit:contain; }
@container cases (max-width: 760px) {
  .career-story { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .career-duck-reference { width: 280px; max-width:100%; }
}
@media (max-width: 900px) {
  .home-page .career-summary { margin-top: 64px; }
  .home-page .career-summary > h3 { font-size: 30px; }
}
@media (max-width: 520px) {
  .career-story { margin-top: 24px; }
  .home-page .career-story .metrics { gap: 26px; }
  .home-page .career-story .metrics .stat,
  .home-page .career-story .metrics .stat:not(:first-child) { grid-template-columns: 108px minmax(0,1fr); column-gap: 16px; }
  .home-page .career-story .stat-value { font-size: 34px; }
  .home-page .career-story .stat-unit { font-size: 14px; margin-left: 3px; }
  .home-page .career-story .stat-label { font-size: 13px; }
  .home-page .career-story .stat-context { font-size: 11px; }
  .stat-analogy { font-size: 12.5px; }
  .career-duck-reference { width: 260px; max-width:100%; }
}