/* ATHENA Mobile Hero V1.2 — exclusively mobile, no change to desktop.
   The existing background image remains supplied by athena-home-wireframe-v5.css.
   The background is rendered edge-to-edge; content retains internal padding. */
@media screen and (max-width:720px) {
  .athena5-home .athena5-hero {
    box-sizing:border-box !important;
    position:relative !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    border-radius:0 !important;
    overflow:visible !important;
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
  }
  .athena5-home .athena5-hero::before,
  .athena5-home .athena5-hero::after {
    box-sizing:border-box !important;
    position:absolute !important;
    inset:0 0 auto 0 !important;
    width:100% !important;
    height:clamp(200px,65vw,310px) !important;
    border-radius:0 !important;
    transform:none !important;
    pointer-events:none !important;
  }
  .athena5-home .athena5-hero::before {
    background-size:cover !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
  }
  .athena5-home .athena5-hero-left {
    position:relative !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-top:calc(clamp(200px,65vw,310px) + 18px) !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .athena5-home .athena5-hero-right {
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
}