/* Shared usability fixes; retain the existing colors, typography and photography. */
.js-routed .page-view { display: none !important; }
.js-routed .page-view.is-active { display: block !important; }
.subpage-active .header { background: rgba(20,17,15,.96); }
#home-story { scroll-margin-top: 100px; }
.language-trigger { min-width: 48px; justify-content: center; }
.language-option { height: auto; min-height: 44px; }
.menu-card img { height: auto; }
.language-native { font-size: 14px; }
.language-code { font-size: 10px; }
.language-trigger:focus-visible, .language-option:focus-visible,
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
/* Content must remain readable while the decorative entrance animation runs. */
html.motion-ready .hero .hero-copy > * { opacity: 1; }
@media (max-width: 960px) {
  .hero { height: auto; min-height: 100svh; }
  .hero-copy { padding-top: max(140px, 20svh); padding-bottom: 110px; }
  .hero .lead { font-size: 16px; }
  .language-current-code { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html, html.motion-ready { scroll-behavior: auto; }
}