/* Wide screens. Hero and nav content stays inside the 1440px stage set in
   base.css (--stage, --side) while backgrounds keep running edge to edge.
   The photo stays beside the name and fades out on both sides. */
@media (min-width: 1101px) {
  .c-nav { left: calc(var(--side) + 88px); }
  .c-hero__text { left: calc(var(--side) + 88px); }
  .c-hero__photo { right: var(--side); width: min(46%, 662px); }
}
@media (min-width: 1500px) {
  .c-hero__photo { -webkit-mask: linear-gradient(90deg, transparent 0%, #000 26%, #000 80%, transparent 100%); mask: linear-gradient(90deg, transparent 0%, #000 26%, #000 80%, transparent 100%); }
}