* { box-sizing: border-box; }
.achievements-page { background: #080908; color: #fff; min-height: 100vh; }
/* Keep the first gallery edge clear of the fixed smart-shutter header. */
.achievement-stories { --achievement-header-clearance: 108px; width: 100%; padding: var(--achievement-header-clearance) 4vw 64px; background: #080908; }
.achievement-feature-gallery { position: relative; width: calc(100% + 8vw); aspect-ratio: 16 / 9; height: auto; margin: 0 -4vw 58px; overflow: hidden; border-radius: 16px; background: #080908; }
.achievement-feature-gallery::after { content: ""; position: absolute; z-index: 2; inset: auto 0 0; height: 30%; pointer-events: none; background: linear-gradient(to bottom, rgba(8,9,8,0), #080908); }
.achievement-feature-gallery img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: 0; transform: scale(1); transform-origin: center; transition: opacity 1.35s ease, transform 1.35s cubic-bezier(.16,1,.3,1); }
.achievement-feature-gallery img.is-visible { opacity: 1; }
.achievement-feature-gallery:hover img.is-visible { transform: scale(1.08); }
.achievement-story { width: 100%; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: start; gap: clamp(36px, 6vw, 100px); padding: 0 0 52px; }
.achievement-story + .achievement-story { padding-top: 0; }
.achievement-story.is-reverse { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); }
.achievement-story.is-reverse .achievement-story-media { order: 2; }
.achievement-story.is-reverse .achievement-story-copy { order: 1; }
.achievement-story-media { position: relative; overflow: hidden; width: 100%; aspect-ratio: 16 / 10; border-radius: 16px; background: #111; }
.achievement-story-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: 0; transform: scale(1.001); transition: opacity 1.35s ease, transform 1.35s cubic-bezier(.16,1,.3,1); }
.achievement-story-media img.is-visible { opacity: 1; }
.achievement-story-media:hover img.is-visible { transform: scale(1.11); }
.achievement-story-copy { min-width: 0; }
.achievement-story-copy h2 { margin: 0 0 24px; color: #fff !important; font: 800 clamp(38px, 5.1vw, 82px)/.86 var(--display); letter-spacing: -.07em; text-transform: uppercase; }
.achievement-story-copy h2 span { display: block; white-space: nowrap; }
.achievement-story-copy h2 em { color: #fff; font-style: normal; }
.achievement-story-copy p { margin: 0; color: rgba(255,255,255,.82); font: 11px/1.75 var(--mono); text-align: justify; }
.achievement-story-copy strong { color: #fff; font-weight: 700; }
.achievement-team-link { display: flex; align-items: center; justify-content: center; width: max-content; min-width: 190px; min-height: 52px; margin: 28px 0 0 auto; padding: 16px 30px; border: 2px solid var(--racing-red); border-radius: 14px; background: transparent; color: var(--racing-red); font: 700 12px/1 var(--mono); letter-spacing: .12em; text-align: center; text-decoration: none; transition: background-color .3s ease, border-color .3s ease, color .3s ease, transform .3s ease; }
.achievement-team-link:hover, .achievement-team-link:focus-visible { border-color: var(--racing-red); background: var(--racing-red); color: #fff; font-weight: 800; transform: translateY(-2px); }
.achievement-sponsors { padding: 0 4vw 72px; background: #080908; }
.achievement-sponsors h2 { display: flex; align-items: center; gap: 22px; margin: 0 0 26px; color: #fff; font: 800 clamp(30px, 4.2vw, 64px)/.88 var(--display); letter-spacing: -.06em; text-transform: uppercase; }
.achievement-sponsors h2::after { content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, #fff, rgba(255,255,255,.04)); }
.achievement-sponsor-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); column-gap: 10mm; row-gap: 28px; }
.achievement-sponsor-card { min-width: 0; display: flex; align-items: center; justify-content: center; }
.achievement-sponsor-card img { display: block; width: auto; max-width: 100%; height: auto; max-height: 58px; object-fit: contain; }
@media (max-width: 1024px) {
  .achievement-stories { padding: var(--achievement-header-clearance) 6vw 48px; }
  .achievement-feature-gallery { width: calc(100% + 12vw); margin-inline: -6vw; margin-bottom: 44px; }
  .achievement-story, .achievement-story.is-reverse { width: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 24px; padding: 0 0 46px; }
  .achievement-story-media, .achievement-story.is-reverse .achievement-story-media { order: 1; width: 100%; aspect-ratio: 16/10; }
  .achievement-story-copy, .achievement-story.is-reverse .achievement-story-copy { order: 2; }
  .achievement-story-copy h2 { margin-bottom: 16px; font-size: clamp(34px, 8vw, 72px); }
  .achievement-story-copy p { font-size: 10px; line-height: 1.7; text-align: justify; }
  .achievement-team-link { margin-top: 22px; }
  .achievement-sponsors { padding: 0 6vw 58px; }
  .achievement-sponsor-grid { column-gap: 10mm; row-gap: 24px; }
  .achievement-sponsor-card img { max-height: 42px; }
}
@media (max-width: 520px) {
  .achievement-feature-gallery { margin-bottom: 34px; }
  .achievement-sponsor-grid { column-gap: 10mm; row-gap: 20px; }
  .achievement-sponsor-card img { max-height: 32px; }
  .achievement-sponsors h2 { gap: 12px; font-size: 32px; }
}
@media (max-width: 760px) {
  .achievement-stories { --achievement-header-clearance: 72px; }
}