/* Navigation and the unified evolution section. */
.nav .github{display:inline-flex;align-items:center;gap:6px}
.nav .github-icon{display:block;flex:0 0 18px;width:18px;height:18px}
.nav nav a.nav-experience{display:inline-flex;align-items:center;justify-content:center;color:#fff;white-space:nowrap}
.nav nav a.nav-experience:hover{color:#fff;background:#284958}
.hero-evolution .actions{flex-wrap:wrap}

/* A centered, video-first presentation of the evolution task. */
.evolution-trajectory{max-width:1080px;margin:0 auto;padding:28px;background:#f8fbfc;border:1px solid #d7e5ec;border-radius:24px;min-width:0}
.evolution-trajectory-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;margin-bottom:24px}
.evolution-trajectory-heading h3{margin:0;font-size:26px;font-weight:500;line-height:1.4;letter-spacing:-.5px}
.evolution-trajectory-heading p{margin:0;padding:0;border:0;color:var(--muted);font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.evolution-task-label{display:inline;color:var(--ink);font-size:inherit;font-weight:500}
.evolution-trajectory-body,.evolution-video-grid,.evolution-video-panel{min-width:0}
.evolution-media{position:relative;width:100%;aspect-ratio:16 / 9;background:#172d39;border-radius:14px;overflow:hidden}
.evolution-media>.scene,.evolution-media>video{position:absolute;inset:0;width:100%;height:100%}
.evolution-media>video{display:block;object-fit:contain;background:#172d39}
.evolution-media>[hidden]{display:none!important}
@media(max-width:767px){
  .evolution-trajectory{padding:18px;border-radius:20px}
  .evolution-trajectory-heading{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:20px}
  .evolution-trajectory-heading h3{font-size:24px}
  .evolution-trajectory-heading p{padding:0;border:0;font-size:16px}
  .evolution-media{border-radius:10px}
}