/* Gizlen Global — above-the-fold consistency pass, corrected (2026-09-23)
   Keeps each page's visual identity while standardizing desktop hero rhythm.
   Applies only to the three primary pages reviewed: AI Consulting,
   AI Implementation, and Speaking. */

@media (min-width:1100px){
  /* Shared first-screen target: header + ~620px hero, leaving a clear glimpse
     of the next section on a typical 900px-tall desktop viewport. */
  body.page-ai-training .hero,
  body.page-ai-systems .page-hero,
  body.page-speaking .speaker-hero-v3{
    min-height:620px!important;
    box-sizing:border-box!important;
  }

  /* AI Implementation — preserve the two-column workflow board but use the
     same vertical budget and headline scale as AI Consulting. */
  body.page-ai-training .hero{
    padding:60px 0 60px!important;
    display:flex!important;
    align-items:center!important;
  }
  body.page-ai-training .hero-grid{
    align-items:center!important;
    gap:44px!important;
  }
  body.page-ai-training .hero h1{
    font-size:clamp(3.35rem,4vw,3.9rem)!important;
    line-height:.99!important;
    margin-bottom:18px!important;
  }
  body.page-ai-training .hero .lead{
    max-width:58ch!important;
    line-height:1.58!important;
  }

  /* AI Consulting — same hero budget, typography, CTA position, and vertical
     entry point as the implementation page. */
  body.page-ai-systems .page-hero{
    padding:60px 0 60px!important;
    display:flex!important;
    align-items:center!important;
  }
  body.page-ai-systems .page-hero h1{
    max-width:15ch!important;
    font-size:clamp(3.35rem,4vw,3.9rem)!important;
    line-height:.99!important;
    margin-bottom:18px!important;
  }
  body.page-ai-systems .page-hero .lead{
    max-width:66ch!important;
    line-height:1.58!important;
  }
  body.page-ai-systems .page-hero .button-row{
    margin-top:24px!important;
  }

  /* Speaking — it was the outlier: the 9:16 reel forced the hero far below
     the fold. Keep the editorial design, but fit the full hero into the same
     desktop first-screen rhythm. */
  body.page-speaking .speaker-hero-v3{
    padding:54px 0 54px!important;
    display:flex!important;
    align-items:center!important;
  }
  body.page-speaking .speaker-hero-v3-grid{
    grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr)!important;
    gap:clamp(3rem,5.5vw,5.6rem)!important;
    align-items:start!important;
  }
  body.page-speaking .speaker-hero-v3-copy{
    padding-top:0!important;
    padding-bottom:0!important;
  }
  body.page-speaking .speaker-hero-v3 h1{
    max-width:9.2ch!important;
    font-size:clamp(4rem,5.2vw,5.15rem)!important;
    line-height:.91!important;
    margin:.12rem 0 1.15rem!important;
    letter-spacing:-.062em!important;
  }
  body.page-speaking .speaker-hero-deck{
    max-width:55ch!important;
    font-size:clamp(1.02rem,1.18vw,1.18rem)!important;
    line-height:1.55!important;
    margin-bottom:1.15rem!important;
  }
  body.page-speaking .speaker-hero-actions{
    margin-top:1rem!important;
  }
  body.page-speaking .speaker-identity-card{
    margin-top:1.15rem!important;
    margin-bottom:0!important;
    padding:.72rem .82rem!important;
    max-width:34rem!important;
  }
  body.page-speaking .speaker-identity-photo{
    width:58px!important;
    height:58px!important;
  }
  body.page-speaking .speaker-reel-v3{
    width:min(100%,306px)!important;
    justify-self:end!important;
    align-self:start!important;
  }
  body.page-speaking .speaker-reel-top,
  body.page-speaking .speaker-reel-bottom{
    min-height:24px!important;
  }
}

/* Medium desktop/laptop: keep the same hierarchy without forcing a fixed
   height that could clip content. */
@media (min-width:761px) and (max-width:1099px){
  body.page-speaking .speaker-hero-v3{
    padding:54px 0 58px!important;
  }
  body.page-speaking .speaker-reel-v3{
    width:min(100%,300px)!important;
  }
  body.page-speaking .speaker-hero-v3 h1{
    font-size:clamp(3.7rem,6.7vw,4.8rem)!important;
  }
}

/* Safety guard: preserve each page's existing centered container width. */
@media (min-width:1100px){
  body.page-ai-training .hero>.container,
  body.page-ai-systems .page-hero>.container,
  body.page-speaking .speaker-hero-v3>.container{
    margin-inline:auto!important;
  }
}