/* AURA 8.9.4 — Developers hero proportion + mobile navigation reliability. */

/* Developers only: give the fixed header breathing room and reduce the oversized hero copy. */
body.aura-page-developers #aura-main .aura-hmo-hero .wp-block-cover__inner-container{
  padding-top:clamp(92px,8vw,128px)!important;
  padding-bottom:clamp(54px,6vw,88px)!important;
  box-sizing:border-box!important;
}
body.aura-page-developers #aura-main .aura-hmo-hero .aura-eyebrow{
  margin-bottom:24px!important;
}
body.aura-page-developers #aura-main .aura-hmo-hero h1.aura-display{
  font-size:clamp(58px,6.7vw,112px)!important;
  line-height:.94!important;
  max-width:1380px!important;
  margin:0 0 30px!important;
}
body.aura-page-developers #aura-main .aura-hmo-hero .aura-lead{
  font-size:clamp(17px,1.35vw,23px)!important;
  line-height:1.55!important;
  max-width:920px!important;
  margin:0!important;
}

/* WordPress Navigation block mobile overlay: keep opener clickable and overlay above the fixed header/page. */
@media(max-width:900px){
  .aura-site-header{overflow:visible!important}
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container-open{
    display:flex!important;
    position:relative!important;
    z-index:10002!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    color:inherit!important;
  }
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container{
    z-index:10001!important;
  }
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container.is-menu-open{
    display:flex!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    background:#071725!important;
    color:#fff!important;
    padding:90px 24px 32px!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{
    display:flex!important;
    position:absolute!important;
    top:24px!important;
    right:24px!important;
    z-index:10003!important;
    color:#fff!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
    width:100%!important;
    align-items:flex-start!important;
  }
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
    gap:0!important;
  }
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
    width:100%!important;
  }
  .aura-site-header .aura-main-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
    color:#fff!important;
    padding:12px 0!important;
  }
  body.aura-page-developers #aura-main .aura-hmo-hero .wp-block-cover__inner-container{
    padding-top:112px!important;
    padding-bottom:48px!important;
  }
  body.aura-page-developers #aura-main .aura-hmo-hero h1.aura-display{
    font-size:clamp(46px,12vw,72px)!important;
    margin-bottom:24px!important;
  }
  body.aura-page-developers #aura-main .aura-hmo-hero .aura-lead{
    font-size:17px!important;
    line-height:1.5!important;
  }
}