/* Orla · home page rules that must be in the FIRST layout (render-blocking, head). Moved verbatim from the old port's
   hero.css when the storyboard hero gave way to the Gate-2 heroes (src/components/heroes, CSS in /heroes/). */

/* ---------- performance on phones (kept in this render-blocking sheet so the FIRST layout already skips them;
   sections.css itself loads without blocking the first paint): the sections below the fold skip layout and paint until they near the viewport.
   Without it the first layout of the ~20,000px phone page was one 380 ms task at 4× CPU. Estimates = content-box heights
   measured at 390px (`auto` remembers the real height once rendered). Not on Services (its cards' shrink is driven
   by view timelines, which a skipped subtree leaves at their end state) nor the Statement (it measures its lines). ---------- */
@media (max-width: 1023.98px) {
  #como-entra, #perfis, #cja, #time, #duvidas, .site-footer { content-visibility: auto; }
  #como-entra { contain-intrinsic-size: auto 743px; }
  #perfis { contain-intrinsic-size: auto 1596px; }
  #cja { contain-intrinsic-size: auto 751px; }
  #time { contain-intrinsic-size: auto 644px; }
  #duvidas { contain-intrinsic-size: auto 1027px; }
  .site-footer { contain-intrinsic-size: auto 873px; }
}

/* the hero slot: the #top anchor sits at its top edge; whichever hero it holds starts the page */
.hero-slot { position: relative; }