/* Mobile reference canvas: 1129 × 999. Desktop typography stays unchanged. */
.experience-mobile-break { display: none; }
@media (max-width: 760px) {
  .experience-banner { height: 88.5vw; padding: 6.9vw 0 9.8vw; }
  .experience-inner { position: relative; display: block; width: 90%; height: 100%; padding: 0; }
  .experience-years { width: 100%; height: 26.2vw; }
  .experience-years > strong { height: 100%; gap: 3vw; margin: 0 0 0 -2vw; letter-spacing: normal; }
  .experience-five { height: 100%; }
  .experience-plus { width: 12.6vw; }
  .experience-description { inset: 0 0 0 auto; width: 40vw; display: flex; flex-direction: column; justify-content: space-between; text-align: right; }
  .experience-years h2 { font-size: 6.6vw; line-height: 1; white-space: nowrap; text-box: trim-both text; }
  .experience-years p { margin: 0; font-size: 4.2vw; line-height: 1.45; text-box: trim-both text; color: var(--color-paper); white-space: nowrap; }
  .experience-mobile-break { display: inline; }
  .experience-desktop-comma { display: none; }
  .experience-title { position: absolute; inset: auto 0 0; display: grid; grid-template-columns: minmax(0, 1fr) 19vw; gap: 2vw 2vw; align-items: end; padding: 0; text-align: left; }
  .experience-title h2 { font-size: 8.6vw; line-height: 1; white-space: nowrap; text-box: trim-both cap alphabetic; }
  .experience-title p { font: 400 3.3vw/1.4 var(--font-sans); color: var(--color-paper); text-box: trim-both text; white-space: nowrap; }
  .experience-title > strong { grid-column: 1 / -1; margin: 0 0 0 -1.5vw; font-size: 23.5vw; line-height: 1; text-box: trim-both cap alphabetic; transform: none; letter-spacing: -.1vw; }
}