/* ============================================================
   Team Oslo — mobile refinements
   Loaded after site.css; only affects small screens.
   ============================================================ */

@media (max-width: 760px){
  /* Stronger hero scrim so overlaid white text stays readable on phones */
  .hero::after{
    background:linear-gradient(180deg,
      rgba(10,12,14,.55),
      rgba(10,12,14,.32) 38%,
      rgba(10,12,14,.82))!important;
  }
  .hero .sub,
  .hero:not(.short) .sub,
  .hero .route{color:#fff!important;}

  /* Image containers must never collapse to zero height on mobile */
  .ph{min-height:220px;}

  /* Safety: no element should force horizontal scroll on a phone */
  html,body{max-width:100%;overflow-x:hidden;}
}

@media (max-width: 520px){
  .hero h1{font-size:clamp(38px,12vw,62px);}
  .hero.short h1{font-size:clamp(36px,11vw,56px);}
}