/* DJIVA AI welcome compact geometry, 2026-10-31.
   Shorter hero without reducing the physical dimensions of the wizard artwork.
   Keep the two approved premium cards unchanged; use same selectors as
   existing cinematic and greeting styles, scoped to AI landing only. */
@media (max-width:599px){
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-welcome.gs-hero{
    height:clamp(230px,62vw,265px)!important;
    margin:0 -12px 0!important;
  }
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-ai-cinematic-art{
    background-size:auto 84%!important;
    background-position:right 6px center!important;
  }
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-hero .gs-date{
    top:28px!important;
  }
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-hero h1{
    top:26%!important;
  }
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-hero .gs-hero-subtitle{
    top:clamp(126px,34vw,138px)!important;
    bottom:auto!important;
  }
}
@media (max-width:370px){
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-welcome.gs-hero{
    height:230px!important;
  }
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-ai-cinematic-art{
    background-size:auto 77%!important;
    background-position:right 5px center!important;
  }
}
@media (max-width:599px) and (max-height:735px){
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-welcome.gs-hero{
    height:clamp(215px,60vw,236px)!important;
  }
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-ai-cinematic-art{
    background-size:auto 90%!important;
  }
  .screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub) .gs-hero .gs-hero-subtitle{
    top:clamp(121px,34vw,133px)!important;
  }
}