/* Share the Cantina's desktop gutter and start the photograph below the header.
   Clear both hero padding and image offsets; mobile retains its own layout. */
@media (min-width: 761px) {
  :root { --hero-inline-space: 60px; }
  .site-header { padding-inline: var(--hero-inline-space); }
  .hero { padding: 0 var(--hero-inline-space); }
  .hero-visual { margin-top: 0; margin-bottom: 0; margin-right: calc(-1 * var(--hero-inline-space)); }
}