/* Shared company-page navigation; site header/footer retain their own styles. */
.company-nav { display: flex; flex-wrap: wrap; gap: 8px 32px; padding-block: 22px; border-bottom: 1px solid var(--rule); }
.company-nav a { display: inline-flex; align-items: center; min-height: 44px; font: var(--text-control)/1.5 var(--mono); color: #666; }
@media (hover: hover) and (pointer: fine) { .company-nav a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 7px; } }
.about-main > .company-nav { margin-inline: var(--gutter); }
@media (max-width: 700px) { .company-nav { gap: 0 24px; padding-block: 14px; } }

/* A static year marker remains visible when motion is disabled. No layout shift. */
.about-main .milestone-year h3 { position: relative; align-self: start; }
.milestone-marker { position: absolute; top: calc(100% + 10px); left: 0; width: 28px; height: 1px; background: var(--ink); transform-origin: left center; pointer-events: none; }