.hero { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 640px; background: var(--surface-2); overflow: hidden; }
.hero__media { position: absolute; inset: 0; background: var(--surface-2); }
.hero__media::after { content: ""; position: absolute; inset: 0; background: rgba(10, 12, 15, .35); pointer-events: none; }
.hero__media video, .hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero__scrim { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,12,15,.92) 0%, rgba(10,12,15,.6) 45%, rgba(10,12,15,0) 75%); }
.hero__inner { position: relative; padding-top: 120px; padding-bottom: 16px; }
.hero__panel { display: flex; flex-direction: column; gap: 16px; }
.hero__buttons { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.jumpbar { position: relative; display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--border); background: var(--surface-1); }
.jumpbar a { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 16px; border-bottom: 1px solid var(--border); color: var(--text); text-decoration: none; }
.jumpbar a:last-child { border-bottom: 0; }
.jumpbar__num { font-family: var(--font-display); font-weight: 600; letter-spacing: .04em; font-size: 15px; color: var(--red-text); }
.jumpbar__title { font-size: 16px; font-weight: 600; flex: 1; }
.jumpbar__sub { display: none; }
.jumpbar svg { color: var(--text-3); }
@media (min-width: 1024px) {
  .hero { min-height: 780px; }
  .hero__scrim { background: linear-gradient(to right, rgba(10,12,15,.55) 0%, rgba(10,12,15,.2) 55%, rgba(10,12,15,0) 100%); }
  .hero__inner { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); column-gap: 24px; padding-top: 160px; padding-bottom: 40px; }
  .hero__panel { grid-column: span 7; gap: 20px; background: rgba(10,12,15,.82); border: 1px solid var(--border); border-radius: var(--radius); padding: 40px; }
  .hero__buttons { flex-direction: row; gap: 12px; }
  .jumpbar { max-width: calc(1440px - 2 * var(--gutter)); width: calc(100% - 2 * var(--gutter)); margin: 0 auto; grid-template-columns: repeat(5, minmax(0,1fr)); border: 1px solid var(--border); border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0; }
  .jumpbar a { flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; min-height: 112px; padding: 20px; border-bottom: 0; border-right: 1px solid var(--border); }
  .jumpbar a:last-child { border-right: 0; }
  .jumpbar__head { display: flex; justify-content: space-between; width: 100%; }
  .jumpbar__title { font-family: var(--font-display); font-weight: 700; font-size: 28px; line-height: 1; text-transform: uppercase; flex: none; }
  .jumpbar__sub { display: block; font-size: 14px; color: var(--text-2); }
  .jumpbar a:hover { background: var(--surface-2); }
}
@media (max-width: 1023px) { .jumpbar__head { display: contents; } .jumpbar__num { order: 1; } .jumpbar__title { order: 2; } .jumpbar svg { order: 3; } }