/* The mobile first view needs to introduce both Gazelle's promise and the
   operational landscape. This layer follows the compressed page stylesheet,
   so it can correct portrait composition without changing tablet or desktop. */
@media (max-width:680px) {
  .gaz-hero { padding:5.5rem 1rem .9rem; }
  .gaz-hero__inner { gap:.9rem; }
  .gaz-lockup { width:9.35rem; margin-left:-.68rem; margin-bottom:.2rem; }
  .gaz-hero h1 { font-size:clamp(2.5rem,12.2vw,3.35rem); line-height:.92; }
  .gaz-lead { margin-top:.85rem; font-size:.9rem; line-height:1.42; }
  .gaz-actions { gap:.48rem; margin-top:1rem; }
  .gaz-actions a { min-height:2.7rem; padding:.65rem .78rem; font-size:.63rem; }
  .gaz-note { display:none; }
  .gaz-hero__scene { min-height:11.5rem; border-radius:1.15rem; }
  .gaz-hero__scene-copy { inset:auto .85rem .75rem; }
  .gaz-hero__scene-copy strong { font-size:1rem; }
}