/* What the public page needs beyond the design's own stylesheet (site.css, kept verbatim). */

/* Footer: the slot for the company name and number stays out of sight while it is empty. */
.ft-legal:empty{display:none}

/* Menu links to a scene: site.css lands a scene that follows another at the start of its animation
   (--p = 0, scroll-margin-top -60vh). For Built in and Request access that frame is empty (tiles off
   screen, heading and form transparent), so these two land at --p = 0.9 instead. The track of a scene is
   (--len + 60)vh tall (--len * .7 + 60 on phones); after its 60vh entry wipe and before its 60vh end hold
   --p runs over span = height - 220vh, so --p = P lies at top = -(60 + P * span)vh.
   #ingebouwd (--len 360): span 200vh, 92vh on phones. #toegang (--len 280): span 120vh, 36vh on phones.
   Only while the scenes are on: without them the base rule (72px under the header) stays. */
#ingebouwd.sc.on{scroll-margin-top:-240vh}
#toegang.sc.on{scroll-margin-top:-168vh}
@media (max-width:767px){
  #ingebouwd.sc.on{scroll-margin-top:-143vh}
  #toegang.sc.on{scroll-margin-top:-92vh}
}