/* R35 final targeted fixes */

/* A guaranteed CTA icon that does not depend on the legacy icon sprite. */
.header .btn--primary .btn__icon{
  display:none!important;
}
.header .btn--primary .btn__content{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.65rem!important;
}
.header .btn--primary .btn__content::after{
  content:"";
  display:block;
  flex:0 0 auto;
  width:1.05rem;
  height:1.05rem;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='7.2' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M6.2 11.8 11.8 6.2M7.2 6.2h4.6v4.6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='7.2' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M6.2 11.8 11.8 6.2M7.2 6.2h4.6v4.6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Corporate second section: new image higher in the empty left field. */
.b-benefits__content .ayamen-career-feature-card{
  top:clamp(6.5rem,13vh,9rem)!important;
  bottom:auto!important;
  left:clamp(4.5rem,6.5vw,7.5rem)!important;
  width:clamp(260px,22vw,350px)!important;
  aspect-ratio:4/5!important;
}
.b-benefits__content .ayamen-career-feature-card__media img{
  object-position:center 38%!important;
}
@media(max-width:979px){
  .b-benefits__content .ayamen-career-feature-card{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:min(100%,22rem)!important;
    margin:1.5rem auto 0!important;
  }
}

/* Services: restore one contiguous flex card. The original markup is a row
   with 7/5 columns; using grid on top of those classes caused the gap. */
@media(min-width:980px){
  html body.ayamen-landing-r3 #services .l-services-gallery{
    background:#ead4bd!important;
    overflow:hidden!important;
  }
  html body.ayamen-landing-r3 #services .l-services-gallery>.animation-fix{
    padding-top:clamp(2.25rem,4vw,4.25rem)!important;
    padding-bottom:clamp(2.75rem,4.5vw,5rem)!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:min(1680px,calc(100% - clamp(3rem,7vw,7rem)))!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:#0c5b88!important;
    box-shadow:0 24px 64px rgba(24,43,56,.12)!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card>.col{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card>.col:first-child{
    flex:0 0 62%!important;
    width:62%!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card>.col:last-child{
    flex:0 0 38%!important;
    width:38%!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__image,
  html body.ayamen-landing-r3 #services .l-services-card__content{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    overflow:hidden!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;
    margin:0!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{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:clamp(2rem,3vw,3.2rem) clamp(2rem,3vw,3.4rem) clamp(2.5rem,4vw,4rem)!important;
    text-align:center!important;
    background:#0c5b88!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__nav{
    position:absolute!important;
    top:clamp(1.5rem,2.3vw,2.35rem)!important;
    right:clamp(1.5rem,2.3vw,2.35rem)!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;
    width:min(100%,31rem)!important;
    max-width:31rem!important;
    min-height:clamp(175px,19vh,225px)!important;
    margin:clamp(6.2rem,11vh,7.8rem) auto 0!important;
    text-align:center!important;
    overflow:visible!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__title .content-animation,
  html body.ayamen-landing-r3 #services .l-services-card__text .content-animation{
    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;
    text-align:center!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__title h3{
    margin:0!important;
    max-width:100%!important;
    font-size:clamp(3rem,3.7vw,4.85rem)!important;
    line-height:.97!important;
    text-align:center!important;
    text-wrap:balance!important;
    overflow-wrap:normal!important;
  }
  html body.ayamen-landing-r3 #services .l-services-card__text{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:min(100%,28rem)!important;
    max-width:28rem!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 p{
    margin:0!important;
    font-size:clamp(1.08rem,1.15vw,1.32rem)!important;
    line-height:1.5!important;
    text-align:center!important;
  }
}

/* Keep the same mobile services cards; avoid desktop height leakage. */
@media(max-width:979px){
  html body.ayamen-landing-r3 #services .l-services-card{height:auto!important;min-height:0!important}
}

/* Smooth the first project reveal without changing the carousel itself. */
#exquisite.ayamen-project-intro-hold{
  scroll-margin-top:0;
}
#exquisite.ayamen-project-intro-hold .l-exquisite-content,
#exquisite.ayamen-project-intro-hold .l-gallery__mobile-cards .mobile-scrollable__item:first-child{
  transition-duration:1.35s!important;
  transition-timing-function:cubic-bezier(.16,.84,.22,1)!important;
}

/* Project pages: make the header CTA white with an Ayamen-blue border. */
body:has(.ayp-index) .header .group--header > .btn--primary,
body:has([data-project-detail]) .header .group--header > .btn--primary{
  background:#fff!important;
  border:1px solid #0c436a!important;
  color:#0c436a!important;
  -webkit-text-fill-color:#0c436a!important;
  box-shadow:none!important;
}
body:has(.ayp-index) .header .group--header > .btn--primary .btn__text,
body:has(.ayp-index) .header .group--header > .btn--primary .btn__icon,
body:has([data-project-detail]) .header .group--header > .btn--primary .btn__text,
body:has([data-project-detail]) .header .group--header > .btn--primary .btn__icon{
  color:#0c436a!important;
  -webkit-text-fill-color:#0c436a!important;
}

/* Header CTA: remove the filled colored pad while keeping a clear clickable outline. */
.header .group--header > .btn--primary,
.header .group--header > .btn--primary.btn--clone{
  background:transparent!important;
  border:1px solid currentColor!important;
  box-shadow:none!important;
}
.header .group--header > .btn--primary::before,
.header .group--header > .btn--primary::after,
.header .group--header > .btn--primary .btn__content::before,
.header .group--header > .btn--primary .btn__content::after{
  background:transparent!important;
}

/* Project detail progress: keep section labels readable over light panels. */
@media(min-width:901px){
  .pd-progress.is-on-light button{
    color:rgba(5,47,77,.72)!important;
    -webkit-text-fill-color:rgba(5,47,77,.72)!important;
  }
  .pd-progress.is-on-light button:hover,
  .pd-progress.is-on-light button:focus-visible,
  .pd-progress.is-on-light button.is-active{
    color:#052f4d!important;
    -webkit-text-fill-color:#052f4d!important;
  }
  .pd-progress.is-on-light button:hover b,
  .pd-progress.is-on-light button:focus-visible b,
  .pd-progress.is-on-light button.is-active b{
    color:#052f4d!important;
    -webkit-text-fill-color:#052f4d!important;
  }
  .pd-progress.is-on-light button span{
    border-color:rgba(5,47,77,.26)!important;
    background:rgba(4,34,53,.68)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .pd-progress.is-on-light button.is-active span{
    background:#fff!important;
    color:#074d7a!important;
    -webkit-text-fill-color:#074d7a!important;
    border-color:rgba(7,77,122,.38)!important;
    box-shadow:0 10px 24px rgba(4,34,53,.18)!important;
  }
}