/* Standardized Subpage Hero
   Applies to all subpages:
   - About Steve
   - Song List
   - Upcoming Performances
   - Gallery
   - Book Steve

   Goal:
   - Same hero crop on every subpage
   - Full width image fill
   - Steve's full face visible
   - Top of head near/touching the banner area
   - Guitar cropped around the neck/body joint
*/

/* SUBPAGE DESKTOP */
.page-hero{
  min-height:46vh !important;
  display:flex !important;
  align-items:end !important;
  padding:140px 0 70px !important;
  background:
    linear-gradient(90deg,rgba(8,8,8,.88),rgba(8,8,8,.45)),
    url("../images/hero-subpage.jpg") center 46% / cover no-repeat !important;
}

/* Keep the content below the hero close, but not cramped */
.page-hero + .section{
  padding-top:22px !important;
}

.page-hero p{
  margin-bottom:0 !important;
}

/* SUBPAGE MOBILE PORTRAIT */
@media (max-width:768px) and (orientation:portrait){
  .page-hero{
    min-height:34vh !important;
    padding:96px 0 42px !important;
    background:
      linear-gradient(90deg,rgba(8,8,8,.88),rgba(8,8,8,.45)),
      url("../images/hero-subpage.jpg") 65% 46% / cover no-repeat !important;
  }

  .page-hero + .section{
    padding-top:18px !important;
  }
}

/* SUBPAGE MOBILE LANDSCAPE */
@media (max-width:950px) and (orientation:landscape){
  .page-hero{
    min-height:58vh !important;
    padding:78px 0 36px !important;
    background:
      linear-gradient(90deg,rgba(8,8,8,.88),rgba(8,8,8,.45)),
      url("../images/hero-subpage.jpg") center 46% / cover no-repeat !important;
  }

  .page-hero + .section{
    padding-top:18px !important;
  }
}