/* Keep the next section below the desktop viewport. Mobile keeps natural flow. */
@media (min-width: 801px) {
  .refHero {
    min-height: calc(100svh - 78px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }
  .refHero > .refShell {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .refHero .refMain { flex: 1; }
  .refHero .refPhoto { height: calc(100% + 60px); }
}
@media (min-width: 801px) and (max-width: 1350px) {
  .refHero { min-height: calc(100svh - 68px); }
}