/* Section navigation stays readable above the carousel's 3D scene. */
.hero-explore,
.kv-skip,
.work-orbit-exits a {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--paper);
}
.kv-skip, .work-orbit-exits a { min-height: 44px; align-items: center; display: inline-flex; }
.work-orbit-stage {
  position: relative;
  padding-top: calc(var(--work-header-height, 86px) + 12px);
}
.work-orbit-exits {
  position: relative;
  inset: auto;
  flex: none;
  z-index: 30;
  margin-bottom: 12px;
}
.work-gallery-header, .work-orbit-footer { z-index: 20; }
.work-orbit-window { z-index: 0; isolation: isolate; }
.work-gallery-header .section-label { margin-bottom: 16px; }
.work-orbit-exits a:focus-visible { outline: 1px solid var(--paper); outline-offset: 3px; }
@media (max-width: 700px) {
  .work-orbit-stage { padding-top: calc(var(--work-header-height, 70px) + 6px); }
  .work-orbit-exits { margin-bottom: 10px; }
  .work-orbit-exits a { font-size: .75rem; letter-spacing: .055em; }
}

/* Founder revision — 21 October: restrained Back / Skip labels. */
.kv-skip, .work-orbit-exits a { font-size: 10px; color: #d8d6d0; transition: color 180ms ease; }
.kv-skip:hover, .kv-skip:focus-visible, .work-orbit-exits a:hover, .work-orbit-exits a:focus-visible { color: #fff; }
/* Header owns its hit testing above every scene and backdrop. */
.site-header { z-index: 200; isolation: isolate; pointer-events: auto; }
html.is-about-focused body { overflow: visible; }

/* Keep the About exit readable against both bright and dark KVs. */
.kv-skip { padding-inline: 12px; background: rgba(0, 0, 0, .36); border-radius: 2px; text-shadow: 0 1px 4px #000; }