/* Coming-soon page only. styles.css is dev's v2 stylesheet, unchanged.
   Fill the window so the road runs from the header to the footer on a one-screen page. */
body { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
.road { flex: 1 0 auto; width: 100%; }
.hero .barricade { margin: 36px 0 0; }
/* Phones stack the roadside below main, which would end the yellow line mid-screen.
   Let main span both rows so the line runs header to footer; the sign sits at the bottom. */
@media (max-width: 899px) {
  main { grid-row: 1 / span 2; }
  .roadside { align-self: end; padding-bottom: 40px; }
}