/* One HTML-only navigation pair and header position for every 3D scene. */
:root{--scene-nav-gutter:clamp(20px,3vw,48px);--scene-header-height:88px}
.topbar.scene-header:has(.lab-nav){box-sizing:border-box;height:var(--scene-header-height);min-height:var(--scene-header-height);padding-block:0;align-items:center;column-gap:20px}
.topbar.scene-header--overlay{inset:0 var(--scene-nav-gutter) auto;margin:0;padding-inline:0}
.topbar.scene-header--margin{margin:0 var(--scene-nav-gutter);padding-inline:0}
.topbar.scene-header--padded{margin:0;padding-inline:var(--scene-nav-gutter)}
.topbar.scene-header--inset{margin:0 calc(var(--scene-nav-gutter) - var(--scene-parent-gutter));padding-inline:0}
.scene-header--aquarium{--scene-parent-gutter:var(--gutter)}
.topbar.scene-header>.collection{margin-left:0}
.topbar.scene-header .lab-nav{display:flex;align-items:center;justify-content:flex-end;align-self:start;justify-self:end;flex:none;flex-wrap:nowrap;gap:8px;width:max-content;min-width:0;margin:calc((var(--scene-header-height) - 44px)/2) 0 0 auto;padding:0}
.topbar .lab-nav .scene-nav-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:7px;height:44px;min-height:44px;margin:0;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 26%,transparent);border-radius:4px;background:transparent;color:inherit;font:500 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;transition:background-color .2s,border-color .2s}
.topbar .lab-nav .scene-nav-link svg{display:block;flex:none;width:14px;height:14px;margin:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.topbar .lab-nav .scene-nav-link:hover{border-color:currentColor;background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;text-decoration:none}
.topbar .lab-nav .scene-nav-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:1100px){
  .topbar:has(.lab-nav)>.edition,.topbar:has(.lab-nav)>.collection,.topbar:has(.lab-nav)>.top-caption{display:none}
}
@media(max-width:760px){
  :root{--scene-header-height:72px}
  .topbar.scene-header:has(.lab-nav){column-gap:12px}
  .topbar .lab-nav .scene-nav-link{gap:6px;padding-inline:8px;font-size:12px}
  .topbar:has(.lab-nav)>.wordmark:not(a){display:none}
}
@media(prefers-reduced-motion:reduce){.topbar .lab-nav .scene-nav-link{transition:none}}