/*
  Photo band (.photo-band; Figma Approach 486:73, 486:124, 486:33): a 363px full-width photo strip between
  hairlines, with a white line-art mark (the shared .mark, site.css) centred on it. It opens each chapter of the
  Approach page.

  Markup:
    <div class="photo-band rule-t rule-b">
      <img class="cover" src="images/band-….jpg" alt="…" loading="lazy">
      <img class="mark" src="/shared/marks/….svg" alt="" style="--w:37.6rem">
    </div>
  Fields: image, alt, focal point (object-position)?, mark (SVG, /shared/marks), mark width (--w), mark offset (--x)?
  Images are exported from Figma already cropped to the band.
*/
.photo-band{position:relative;height:36.3rem;overflow:hidden;background:var(--well)}

@media (max-width:767px){
  .photo-band{height:18rem}
}