/* AGGRO v31.3 — hero mobile composition refinement */

/* Absolute centering for burger and close icon */
.header-actions .burger{
  position:relative!important;
  display:block!important;
  padding:0!important;
}
.header-actions .burger span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:22px!important;
  height:2px!important;
  margin:0!important;
  transform-origin:center center!important;
}
.header-actions .burger span:nth-child(1){transform:translate(-50%,-8px)!important}
.header-actions .burger span:nth-child(2){transform:translate(-50%,0)!important}
.header-actions .burger span:nth-child(3){transform:translate(-50%,8px)!important}
.header-actions .burger[aria-expanded="true"] span:nth-child(1){transform:translate(-50%,0) rotate(45deg)!important}
.header-actions .burger[aria-expanded="true"] span:nth-child(2){opacity:0!important;transform:translate(-50%,0) scaleX(.2)!important}
.header-actions .burger[aria-expanded="true"] span:nth-child(3){transform:translate(-50%,0) rotate(-45deg)!important}

/* Hero paragraph always on the image, without plaque feeling */
.page-home .hero-copy p{
  background:none!important;
  backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

/* Slightly richer image overall */
.page-home .hero-photo img{
  filter:saturate(1.16) contrast(1.08) brightness(1.02)!important;
  transform:scale(1.05)!important;
}
.page-home .hero-overlay{
  background:
    linear-gradient(90deg,rgba(255,229,194,.94) 0%,rgba(255,229,194,.84) 16%,rgba(255,229,194,.62) 29%,rgba(255,229,194,.28) 46%,rgba(255,229,194,.08) 69%),
    linear-gradient(0deg,rgba(255,229,194,.28) 0%,rgba(255,229,194,.08) 18%,transparent 44%)!important;
}

@media(max-width:900px){
  .page-home .hero.hero--immersive{
    min-height:760px!important;
  }
  .page-home .hero-stage{
    min-height:700px!important;
    align-items:flex-start!important;
  }
  .page-home .hero-copy{
    width:min(58%,330px)!important;
    max-width:min(58%,330px)!important;
    padding:46px 0 168px!important;
  }
  .page-home .hero-copy .kicker{
    max-width:235px!important;
    line-height:1.3!important;
  }
  .page-home .hero-copy h1{
    max-width:100%!important;
  }
  .page-home .hero-copy p{
    max-width:100%!important;
    margin:22px 0 26px!important;
    color:rgba(0,0,0,.82)!important;
  }
  .page-home .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    max-width:230px!important;
    gap:10px!important;
  }
  .page-home .hero-actions .btn,
  .page-home .hero-actions .btn-outline{
    width:100%!important;
  }
  .page-home .hero-photo img{
    object-position:82% center!important;
    transform:scale(1.13)!important;
    filter:saturate(1.2) contrast(1.1) brightness(1.02)!important;
  }
  .page-home .hero-overlay{
    background:
      linear-gradient(90deg,rgba(255,229,194,.95) 0%,rgba(255,229,194,.86) 22%,rgba(255,229,194,.58) 39%,rgba(255,229,194,.20) 56%,rgba(255,229,194,.04) 77%),
      linear-gradient(180deg,rgba(255,229,194,.34) 0%,rgba(255,229,194,.12) 18%,transparent 38%)!important;
  }
  .page-home .hero--immersive .badge-323--official{
    right:14px!important;
    bottom:24px!important;
    width:170px!important;
    height:170px!important;
  }
}

@media(max-width:560px){
  .page-home .hero.hero--immersive{
    min-height:720px!important;
    padding-top:82px!important;
    margin-top:-82px!important;
  }
  .page-home .hero-stage{
    min-height:655px!important;
  }
  .page-home .hero-copy{
    width:min(60%,238px)!important;
    max-width:min(60%,238px)!important;
    padding:40px 0 158px!important;
  }
  .page-home .hero-copy .kicker{
    max-width:180px!important;
    font-size:11px!important;
    letter-spacing:.11em!important;
  }
  .page-home .hero-copy h1{
    font-size:clamp(49px,13vw,68px)!important;
    line-height:.9!important;
  }
  .page-home .hero-copy p{
    font-size:14px!important;
    line-height:1.48!important;
    margin:18px 0 22px!important;
  }
  .page-home .hero-actions{
    max-width:188px!important;
  }
  .page-home .hero-actions .btn,
  .page-home .hero-actions .btn-outline{
    min-height:44px!important;
    font-size:13px!important;
    padding-inline:14px!important;
  }
  .page-home .hero-photo img{
    object-position:84% center!important;
    transform:scale(1.16)!important;
    filter:saturate(1.22) contrast(1.1) brightness(1.03)!important;
  }
  .page-home .hero-overlay{
    background:
      linear-gradient(90deg,rgba(255,229,194,.95) 0%,rgba(255,229,194,.88) 24%,rgba(255,229,194,.60) 43%,rgba(255,229,194,.18) 61%,rgba(255,229,194,.03) 82%),
      linear-gradient(180deg,rgba(255,229,194,.32) 0%,rgba(255,229,194,.10) 18%,transparent 36%)!important;
  }
  .page-home .hero--immersive .badge-323--official{
    width:154px!important;
    height:154px!important;
    right:12px!important;
    bottom:22px!important;
  }
}