/* omko-overrides.css — site-side rules layered over the designers' Webflow
   export. Kept out of omko-web.webflow.css on purpose: each new export from
   the designers then drops in byte-identical, and this file survives the
   merge. Loaded after theirs, so equal-specificity rules here win. */

/* Large screens: scale the whole design with the viewport.
   The export is built in rem off the browser's 16px root, so on a 2560px
   monitor the type, buttons and logo stay laptop-sized while the stage grows
   around them — the "zoomed out" look. Growing the root grows everything
   together, which is exactly what browser zoom did when it looked right.
   16px at 1920 (continuous with the desktop layout), 24px = 150% at 2560,
   capped at 32px so an ultra-wide does not run away. */
@media screen and (min-width: 1920px) {
  html {
    font-size: min(calc(100vw / 80 - 8px), 32px);
  }

  /* The export's wider caps at this breakpoint (120rem / 42rem) compensated
     for the missing scaling; with the root growing they overshoot — 120rem
     at a 24px root is 2880px, which pushes the nav to the screen edges. The
     base widths, now in scaled rem, land on the proportions of the approved
     150%-zoom look (80rem × 24px = the same 1920px container). */
  .container-large, .nav_container { max-width: 80rem; }
  .section_content { max-width: 38rem; }
}