/* skala-tech.com — one column for the whole site, like palantir.com and nebius.com.
   On wide screens every section, the floating header and the footer stop at the same 1280px
   column, on the home page and on /investors.html alike; below ~1440px nothing changes.
   Loaded last, after style.css and chapters.css, so it only narrows what those already lay out. */
@media (min-width: 1000px) {
  :root { --frame: 1280px; }

  /* the side margin of every section: the landing's own 5.2%, or wider once the screen
     outgrows the column (100% here is the section's width, i.e. the page) */
  .pchap, .film-system.light, .bento, .site-foot.pf {
    padding-left: max(5.2%, calc((100% - var(--frame)) / 2)) !important;
    padding-right: max(5.2%, calc((100% - var(--frame)) / 2)) !important;
  }

  /* the hero photo stays full-bleed; only its words move into the column */
  .hero-copy { left: max(4.5%, calc((100% - var(--frame)) / 2)) !important; }
  .hero-bottom {
    left: max(4.5%, calc((100% - var(--frame)) / 2)) !important;
    right: max(4.5%, calc((100% - var(--frame)) / 2)) !important;
  }

  /* the header over the hero: logo and buttons on the column's edges */
  .nav:not(.on-light) {
    padding-left: max(4.5%, calc((100% - var(--frame)) / 2)) !important;
    padding-right: max(4.5%, calc((100% - var(--frame)) / 2)) !important;
  }

  /* the floating bar: 20px wider than the column on each side, so the logo inside it starts
     exactly where the text below starts (as on palantir.com). Thin glass as on palantir.com: a light
     5px blur over a mostly clear bar, so the headline scrolling under it is still legible. */
  .nav.on-light {
    width: calc(100% - 2 * max(5.2%, calc((100% - var(--frame)) / 2)) + 40px) !important;
    max-width: none !important;
    background: rgba(171, 171, 171, 0.1) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  }
}

/* no hairline under the see-through header over the first-screen picture (home and investors) */
.nav:not(.on-light){border-bottom:0 !important} /* a transparent border still shows: the header gradient repeats into it as a dark 1px line */