/* v11g: scoped refinements based on phone and portrait iPad feedback. */
@media (max-width:760px) {
  /* Keep the approved horizontal wordmark; scale up without forcing a wrap. */
  .page-index .hero-content {left:12px;right:12px;max-width:none;}
  .page-index .wordmark--hero {font-size:clamp(28px,8.7vw,53px);max-width:100%;white-space:nowrap;}
  .page-index .hero-content h1 {font-size:clamp(26px,7.1vw,38px);}
}
@media (min-width:761px) and (max-width:900px) and (orientation:portrait) {
  /* Position the home hamburger independently of the clipped hero artwork. */
  .page-index .site-header {width:calc(100% - 32px);padding:22px 0;justify-content:space-between;overflow:visible;z-index:30;}
  .page-index .site-header .menu-toggle {display:flex!important;visibility:visible!important;opacity:1!important;position:relative;right:0;flex:0 0 46px;z-index:32;}
  .page-index .site-header .site-nav {right:0;left:auto;z-index:31;}
}