/* R34 targeted fixes
   - Corporate page: add one rounded visual card in the empty benefits space
   - Landing page: rebuild services split card with stable desktop proportions */

/* Corporate / careers-style page feature card */
.b-benefits__content{
  position:relative;
  overflow:hidden;
}
.b-benefits__content > .row{
  position:relative;
  z-index:2;
}
.ayamen-career-feature-card{
  position:absolute;
  left:clamp(4rem,8vw,8.5rem);
  bottom:clamp(3rem,7vw,6rem);
  width:clamp(250px,24vw,360px);
  aspect-ratio:4 / 5;
  margin:0;
  border-radius:clamp(24px,2vw,34px);
  overflow:hidden;
  box-shadow:0 22px 60px rgba(12,67,106,.12);
  z-index:1;
  background:#e8e2da;
}
.ayamen-career-feature-card__media,
.ayamen-career-feature-card__media img{
  display:block;
  width:100%;
  height:100%;
}
.ayamen-career-feature-card__media img{
  object-fit:cover;
  object-position:center;
}
@media (max-width: 979px){
  .ayamen-career-feature-card{
    position:relative;
    left:auto;
    bottom:auto;
    width:min(100%, 22rem);
    margin:2rem auto 0;
  }
}

/* Landing page services: single stable two-column card */
@media (min-width:980px){
  html body.ayamen-landing-r3 #services .l-services-gallery{
    overflow:visible!important;
    background:#ead4bd!important;
  }
  html body.ayamen-landing-r3 #services .l-services-gallery > .animation-fix{
    padding-top:clamp(2.25rem,4vw,4.5rem)!important;
    padding-bottom:clamp(2.75rem,4.5vw,5rem)!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card{
    display:grid!important;
    grid-template-columns:minmax(0,64%) minmax(440px,36%)!important;
    align-items:stretch!important;
    width:min(1680px, calc(100% - clamp(2.5rem,6vw,6rem)))!important;
    max-width:1680px!important;
    height:clamp(620px,72vh,760px)!important;
    min-height:620px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
    border-radius:clamp(24px,2.2vw,38px)!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card > .col{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    flex:none!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__image,
  html body.ayamen-landing-r3 #services .l-services-card__content{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__image{
    position:relative!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__image .background,
  html body.ayamen-landing-r3 #services .l-services-card__image .content-animation,
  html body.ayamen-landing-r3 #services .l-services-card__image [data-content-animation-item],
  html body.ayamen-landing-r3 #services .l-services-card__image picture,
  html body.ayamen-landing-r3 #services .l-services-card__image img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__image img{
    object-fit:cover!important;
    object-position:center!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__content{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:clamp(2rem,3vw,3.25rem) clamp(1.8rem,2.8vw,3rem) clamp(2.5rem,4vw,4rem)!important;
    text-align:center!important;
    background:#0c5b88!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__content *{
    max-width:100%;
  }
  html body.ayamen-landing-r3 #services .l-services-card__nav{
    position:absolute!important;
    top:clamp(1.6rem,2.4vw,2.4rem)!important;
    right:clamp(1.6rem,2.4vw,2.4rem)!important;
    margin:0!important;
    z-index:10!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__title{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    align-self:center!important;
    width:min(100%, 31rem)!important;
    max-width:31rem!important;
    min-height:clamp(175px,19vh,225px)!important;
    margin:clamp(6.25rem,11vh,8rem) auto 0!important;
    text-align:center!important;
    overflow:visible!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__title .content-animation{
    min-height:inherit!important;
    overflow:visible!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__title .text-tiny{
    margin:0 0 clamp(1rem,1.7vh,1.4rem)!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__title h3{
    margin:0!important;
    font-size:clamp(3rem,3.7vw,4.85rem)!important;
    line-height:.97!important;
    text-align:center!important;
    text-wrap:balance!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__text{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    align-self:center!important;
    width:min(100%, 27rem)!important;
    max-width:27rem!important;
    min-height:clamp(120px,14vh,165px)!important;
    margin:auto auto 0!important;
    padding:0!important;
    text-align:center!important;
    overflow:visible!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__text .content-animation{
    min-height:inherit!important;
    overflow:visible!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__text p{
    margin:0!important;
    font-size:clamp(1.08rem,1.15vw,1.32rem)!important;
    line-height:1.5!important;
    text-align:center!important;
  }
}