/* ==========================================================================
   subpage.css: the homepage frame on the pages that have no hero under it
   (book.port.html, privacy.html, terms.html, accessibility.html). Built by
   _build/port/build-subpages.py. The header markup is page.html's own; only
   its backing changes: on the homepage it floats over the hero photo, here
   it sits on flat navy and takes its own height.
   ========================================================================== */
.nv-sub .nv-header{position:relative;background:var(--navy);border-bottom:1px solid var(--line)}
/* below 900px the header sticks to the top of the screen (D-164). There is no hero under it here,
   so it keeps its place in the page and wears the brand glass from the start (site.css, section 7) */
@media (max-width:899px){
  .nv-sub .nv-header{position:sticky;top:0;background:transparent;border-bottom:0}
  .nv-sub .nv-header::before,.nv-sub .nv-header::after{opacity:1}
}

/* the journey page is the one light page (bone under the frame), so its footer keeps its own navy:
   on the navy pages the footer is transparent over the body's navy (D-174), here that would be bone */
.nv-journey .ft{background:var(--navy)}