.context-navigation { margin:0 0 42px; }
.context-navigation a { display:inline-flex; gap:9px; align-items:center; border-bottom:1px solid var(--line); padding-bottom:7px; color:var(--muted); font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.context-navigation a span { color:var(--accent,var(--white)); font-size:1rem; }
.context-navigation a:hover,.context-navigation a:focus-visible { color:var(--accent,var(--white)); border-color:var(--accent,var(--white)); }
.phase-hero-image { display:block; width:100%; max-height:70vh; margin:0 0 52px; object-fit:cover; }
.phase-introduction { max-width:760px; color:var(--muted); font-size:clamp(1rem,1.6vw,1.25rem); }
.phase-video { position:relative; overflow:hidden; width:100%; aspect-ratio:16/9; margin:0 0 64px; background:#111; }
.phase-video iframe,.phase-video video { position:absolute; inset:0; width:100%; height:100%; border:0; }
@media(max-width:700px){.context-navigation{margin-bottom:30px}.phase-hero-image{margin-bottom:34px}}