/* ONLYDROP v454 — three fixed navigation links, with the localized
   city label permanently underneath. The FX toggle is intentionally gone. */
html body #nav.portfolio-navigation .od-nav-location {
  display:block !important;
  position:absolute !important;
  right:0 !important;
  top:calc(100% + 7px) !important;
  bottom:auto !important;
  left:auto !important;
  width:max-content !important;
  margin:0 !important;
  padding:0 !important;
  color:#e8ece8 !important;
  font:600 9px/1.25 'IBM Plex Mono',monospace !important;
  letter-spacing:.085em !important;
  text-align:right !important;
  text-shadow:0 1px 4px rgba(0,0,0,.85) !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  z-index:1 !important;
}

@media (min-width:701px) {
  html body #nav.portfolio-navigation {
    grid-template-columns:minmax(0,.90fr) minmax(0,1.24fr) minmax(0,1.06fr) !important;
    width:clamp(312px,26vw,352px) !important;
  }
  html body .language-switch {
    right:calc(clamp(16px,2.6vw,44px) + clamp(312px,26vw,352px) + 13px) !important;
  }
  /* The city now belongs to the global fixed navigation. */
  html body #views #home .index-screen > .index-topline {
    display:none !important;
  }
}

@media (max-width:700px) {
  /* Restore the original three equal mobile navigation slots. */
  html body #nav.portfolio-navigation {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  html body #nav.portfolio-navigation .od-nav-location {
    display:none !important;
  }
}

/* Keep the wordmark aligned with the first card in the resting layout and
   with the top of the fixed navigation; the card grid may grow to the edges
   independently during scrolling. */
@media (min-width:901px) and (min-height:640px) {
  html body #views #home .index-intro {
    margin-left:var(--od-scroll-static-inset,0px) !important;
  }
  html body #views #home .index-intro .index-name-block {
    top:calc(
      clamp(16px,2.4vh,28px) -
      var(--od-scroll-top-pad,clamp(44px,5.6vh,66px))
    ) !important;
  }
}