/* Ayamen R68 audit correction — R67 visual, responsive and interaction polish */
:root{
  --ayamen-r67-gutter:clamp(1rem,3.1vw,3.75rem);
  --ayamen-r67-blue:#0c436a;
  --ayamen-r67-blue-deep:#062f4c;
  --ayamen-r67-orange:#f6921e;
  --ayamen-r67-cream:#f3eee5;
}

/* Consistent navbar geometry and logo scale on every full route. */
.header .header__content{
  box-sizing:border-box;
  min-height:clamp(70px,5.7vw,84px)!important;
  padding-inline:clamp(16px,2.4vw,38px)!important;
}
.header .header__logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:clamp(122px,10.2vw,147px)!important;
  min-width:clamp(122px,10.2vw,147px)!important;
  max-width:147px!important;
  margin-inline:auto!important;
}
.header .header__logo-link,
.header .header__logo img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:32px!important;
}
.header .header__content>.col{min-width:0}
@media(min-width:980px){
  .header .header__content{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .header .header__content>.col:first-child{
    position:absolute!important;
    inset-inline-start:clamp(24px,2.4vw,38px)!important;
    top:50%!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    justify-content:flex-start!important;
    text-align:start!important;
  }
  .header .header__content>.col:nth-child(2){
    position:static!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
  }
  .header .header__content>.col:last-child{
    position:absolute!important;
    inset-inline-end:clamp(24px,2.4vw,38px)!important;
    top:50%!important;
    width:auto!important;
    max-width:min(42vw,620px)!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    justify-content:flex-end!important;
  }
}
@media(max-width:979px){
  .header .header__content{position:relative!important;min-height:68px!important}
  .header .header__content>.col:nth-child(2){position:static!important}
  .header .header__content>.col:nth-child(2)>.group{justify-content:center!important;width:100%!important}
  .header .header__logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:122px!important;min-width:122px!important}
  .header .header__content a[href="#menu"].is-hidden--md-up{
    position:absolute!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    left:max(16px,env(safe-area-inset-left))!important;
    right:auto!important;
    top:50%!important;
    z-index:4!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  html[lang="ar"] .header .header__content a[href="#menu"].is-hidden--md-up{
    left:auto!important;
    right:max(16px,env(safe-area-inset-right))!important;
  }
}

/* Requested image crops: reveal more of the lower portion of the source. */
img[src*="/landing/site/project-07.webp"],
img[data-src*="/landing/site/project-07.webp"],
img[data-ayamen-deferred-src*="/landing/site/project-07.webp"],
img[src*="/landing/site/project-01.webp"],
img[data-src*="/landing/site/project-01.webp"],
img[data-ayamen-deferred-src*="/landing/site/project-01.webp"],
img[src*="/landing/site/project-03.webp"],
img[data-src*="/landing/site/project-03.webp"],
img[data-ayamen-deferred-src*="/landing/site/project-03.webp"],
img[src*="/landing/site/project-04.webp"],
img[data-src*="/landing/site/project-04.webp"],
img[data-ayamen-deferred-src*="/landing/site/project-04.webp"]{
  object-position:center 72%!important;
}

/* Careers composition: outline mostly outside the physical right edge; image grows without changing section height. */
#business-content .b-benefits__content> .row{z-index:3!important}
#business-content .b-benefits__content::after,
html[dir="rtl"] #business-content .b-benefits__content::after{
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  left:auto!important;
  right:clamp(-22rem,-17vw,-10rem)!important;
  top:51%!important;
  width:clamp(46rem,72vw,84rem)!important;
  opacity:.055!important;
  transform:translateY(-50%) rotate(-4deg)!important;
  z-index:1!important;
}
@media(min-width:980px){
  #business-content .b-benefits__content .ayamen-career-feature-card,
  html[lang="ar"] #business-content .b-benefits__content .ayamen-career-feature-card{
    position:absolute!important;
    top:auto!important;
    bottom:clamp(8rem,13vh,11rem)!important;
    left:clamp(4.5rem,7.5vw,9rem)!important;
    right:auto!important;
    width:clamp(340px,31vw,500px)!important;
    aspect-ratio:4/5!important;
    margin:0!important;
    z-index:2!important;
  }
  #business-content .ayamen-career-feature-card__media img{
    object-position:10% 50%!important;
  }
}
@media(max-width:979px){
  #business-content .b-benefits__content::after,
  html[dir="rtl"] #business-content .b-benefits__content::after{
    right:-34vw!important;
    left:auto!important;
    top:47%!important;
    width:min(132vw,46rem)!important;
    opacity:.04!important;
  }
  #business-content .b-benefits__content .ayamen-career-feature-card,
  html[lang="ar"] #business-content .b-benefits__content .ayamen-career-feature-card{
    position:relative!important;
    inset:auto!important;
    width:min(86vw,26rem)!important;
    margin:2rem auto 0!important;
  }
}

/* About projects slider: stable terminal state on desktop and native end-stop on mobile. */
.about-page .ab-projects__content,
.about-page .ab-projects__content>* ,
.about-page .ab-project{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-style:flat;
}
@media(min-width:980px){
  .about-page .ab-projects__content>:last-child .ab-project,
  .about-page .ab-projects__content>:last-child .ab-project__background{
    transform:translateZ(0);
    contain:paint;
  }
}
@media(max-width:979px){
  .about-page .ab-projects__content[data-ayamen-about-mobile-slider]{
    scroll-snap-type:x mandatory!important;
    scroll-snap-stop:normal!important;
    scroll-behavior:auto!important;
    contain:layout style;
    isolation:isolate;
    overflow-anchor:none;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
  }
  html[dir="rtl"] .about-page .ab-projects__content[data-ayamen-about-mobile-slider]{direction:rtl}
  .about-page .ab-projects__content[data-ayamen-about-mobile-slider]>.js-projects-slider-card,
  .about-page .ab-projects__content[data-ayamen-about-mobile-slider]>.js-projects-slider-card:last-child{
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    clip-path:none!important;
    transform:none!important;
    will-change:auto!important;
    -webkit-transform:translateZ(0)!important;
    transform:translateZ(0)!important;
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
  }
  .about-page .ab-projects__content[data-ayamen-about-mobile-slider] .ab-project__background,
  .about-page .ab-projects__content[data-ayamen-about-mobile-slider] .ab-project__background img{
    -webkit-transform:translateZ(0)!important;
    transform:translateZ(0)!important;
    -webkit-backface-visibility:hidden!important;
    backface-visibility:hidden!important;
  }
  .about-page .ab-projects__content[data-ayamen-about-mobile-slider] .ab-project.with-gradient::after{opacity:.3!important}
}

/* Project facts and model hierarchy. */
.ayr-about__facts .ayr-fact--price strong{
  white-space:nowrap!important;
  font-size:clamp(32px,3.55vw,58px)!important;
  font-variant-numeric:tabular-nums;
}
.ayr-unit__specs strong .ayr-model-name,
.ayr-unit__specs strong .ayr-model-area{display:block}
.ayr-unit__specs strong .ayr-model-area{
  margin-top:.22em;
  font-size:.78em;
  line-height:1.05;
  white-space:nowrap;
}
@media(max-width:667px){
  .ayr-about__facts .ayr-fact--price strong{
    font-size:clamp(1.45rem,8.4vw,2.15rem)!important;
    letter-spacing:-.035em;
  }
  html[lang="ar"] .ayr-about__facts .ayr-fact--price strong{
    font-size:clamp(1.3rem,7.2vw,1.9rem)!important;
    letter-spacing:0!important;
  }
}

/* Arabic type and form consistency. */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select{
  font-family:var(--font-ar-body,AyamenHelvetica,Tahoma,Arial,sans-serif)!important;
}
html[lang="ar"] :is(h1,h2,h3,h4,h5,h6),
html[lang="ar"] :is(.h1,.h2,.h3,.text-h1-lg,.text-h2-sm){
  font-family:var(--font-ar-display,AyamenCamel,AyamenHelvetica,Tahoma,Arial,sans-serif)!important;
  letter-spacing:0!important;
  word-spacing:.03em;
  overflow-wrap:normal;
  word-break:normal;
}
html[lang="ar"] :is(form,.ayc-contact-form,.ayr-interest__form,.l-contact-form,.modal--callback) :is(input,textarea,select,button,label,.form-label,.ayc-field__label,.ayc-contact-form__choices span,.form-control__error,.form-control__success){
  font-family:var(--font-ar-body,AyamenHelvetica,Tahoma,Arial,sans-serif)!important;
  letter-spacing:0!important;
}
html[lang="ar"] :is(p,li,dd,.text-lead,.text-lead-sm,.text-small){
  word-spacing:.025em;
}
@media(max-width:979px){
  html[lang="ar"] main :is(h1,h2,h3){line-height:1.14!important;text-wrap:balance}
  html[lang="ar"] main :is(p,li){line-height:1.72}
  html[lang="ar"] .leading-trim{--fos:0em!important;--foe:0em!important}
  html[lang="ar"] :is(.ayc-contact-hero__inner,.ayc-contact-form-section,.ayc-contact-office__content,.ayp-hero-content,.ayp-section-head,.ayp-advisor-copy,.ayamen-project-locations__content){
    box-sizing:border-box;
  }
}
@media(max-width:667px){
  html[lang="ar"] main :is(h1,h2,h3){line-height:1.18!important}
  html[lang="ar"] main :is(p,li){line-height:1.78}
}

/* Arabic arrows keep the same physical direction and motion as English. */
html[dir="rtl"] .ayr-project-card__cta::after{content:"→"!important}
html[dir="rtl"] .ayr-project-card:hover .ayr-project-card__cta::after,
html[dir="rtl"] .ayr-project-card:focus-within .ayr-project-card__cta::after{transform:translateX(5px)!important}
html[dir="rtl"] .ayamen-project-locations__item:hover .ayamen-project-locations__arrow,
html[dir="rtl"] .ayamen-project-locations__item:focus-within .ayamen-project-locations__arrow,
html[dir="rtl"] .ayamen-project-locations__item.is-map-active .ayamen-project-locations__arrow{transform:translateX(5px)!important}
html[dir="rtl"] :is(.icon-arrow-left-angle,.icon-arrow-right-angle,.icon-arrow-down,.icon-book-arrow){transform:none!important}

/* Projects route header contact is plain text, with no box or placeholder icon. */
body.projects-page .header .btn--primary{
  min-width:0!important;
  min-height:0!important;
  padding:.55rem 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
}
body.projects-page .header .btn--primary::before,
body.projects-page .header .btn--primary::after,
body.projects-page .header .btn--primary .btn__content::after,
body.projects-page .header .btn--primary .btn__icon{display:none!important}
body.projects-page .header .btn--primary .btn__content{padding:0!important;gap:0!important}

/* Contact and projects spacing remains readable at every viewport. */
.ayc-contact .ayc-eyebrow,
.ayp-catalogue .ayp-eyebrow,
.ayamen-project-locations .ayamen-project-locations__eyebrow,
.ayp-advisor .ayp-eyebrow{margin-bottom:clamp(1rem,1.6vw,1.65rem)!important}
.ayc-contact :is(.ayc-contact-hero__title,.ayc-contact-form-section__intro h2,.ayc-contact-office__content h2),
.ayp-catalogue :is(.ayp-hero h1,.ayp-section-head h2,.ayp-advisor h2){text-wrap:balance}
@media(max-width:1180px){
  .ayc-contact-hero__inner{padding-inline:clamp(1.5rem,5vw,4rem)!important}
  .ayc-contact-form-section{padding-inline:clamp(1.5rem,5vw,4rem)!important}
  .ayc-contact-office__content{padding-inline:clamp(1.5rem,5vw,4rem)!important}
  .ayp-hero-content{column-gap:clamp(2rem,5vw,4rem)!important}
  .ayp-section-head{gap:clamp(1.75rem,5vw,4rem)!important}
}
@media(max-width:979px){
  .ayc-contact-hero__inner,
  .ayc-contact-form-section,
  .ayc-contact-office__content{
    padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right))!important;
  }
  .ayc-contact-hero__title{font-size:clamp(3.25rem,14vw,6rem)!important;line-height:.96!important}
  html[lang="ar"] .ayc-contact-hero__title{line-height:1.08!important}
  .ayc-contact-form-section__intro h2,
  .ayc-contact-office__content h2{font-size:clamp(3rem,12vw,5.4rem)!important;line-height:.98!important}
  html[lang="ar"] :is(.ayc-contact-form-section__intro h2,.ayc-contact-office__content h2){line-height:1.12!important}
  .ayc-contact-form-section__grid{gap:clamp(2.75rem,8vw,4.5rem)!important}
  .ayc-contact-form-section__intro>p:not(.ayc-eyebrow),
  .ayc-contact-office__content>p:not(.ayc-eyebrow){margin-top:1.5rem!important}
  .ayp-hero-content{width:calc(100% - 2rem)!important;margin-inline:auto!important;padding-inline:0!important}
  .ayp-hero h1{font-size:clamp(3.2rem,15vw,5.25rem)!important;line-height:.96!important}
  html[lang="ar"] .ayp-hero h1{line-height:1.1!important}
  .ayp-section-head{gap:1.5rem!important;margin-bottom:2.5rem!important}
  .ayp-section-head h2{font-size:clamp(3rem,12.5vw,4.7rem)!important;line-height:1!important}
  html[lang="ar"] .ayp-section-head h2{line-height:1.13!important}
  .ayamen-project-locations__heading{gap:1.25rem!important}
  .ayp-advisor{min-height:0!important}
  .ayp-advisor-copy{padding:clamp(3rem,10vw,5rem) max(1.25rem,env(safe-area-inset-left))!important}
  .ayp-advisor-copy h2{font-size:clamp(2.8rem,11vw,4.5rem)!important;line-height:1.03!important}
}
@media(max-width:430px){
  .ayc-contact-hero__title{font-size:clamp(3rem,13.4vw,4.25rem)!important}
  .ayc-contact-form-section__intro h2,
  .ayc-contact-office__content h2{font-size:clamp(2.75rem,12vw,3.8rem)!important}
  .ayc-contact-form__choices{grid-template-columns:1fr!important}
  .ayp-hero-content{width:calc(100% - 1.75rem)!important}
  .ayp-hero h1{font-size:clamp(3rem,14vw,4.15rem)!important}
  .ayp-section-head h2{font-size:clamp(2.75rem,12vw,3.8rem)!important}
  .ayamen-project-locations__trigger{align-items:start!important}
  .ayamen-project-locations__copy strong{line-height:1.12!important}
}
@media(max-height:560px) and (orientation:landscape){
  .ayc-contact-hero{min-height:660px!important}
  .ayc-contact-office{min-height:620px!important}
  .ayp-hero{min-height:620px!important}
  .ayp-hero-content{min-height:620px!important;padding-top:120px!important;padding-bottom:52px!important}
}

/* Footer: lighter cinematic tint, larger typography, aligned RTL column and seamless curved join. */
.ayamen-cinematic-footer{
  --acf-seam-color:var(--ayamen-footer-seam,#0c436a);
  margin-top:-1px!important;
  box-shadow:0 -2px 0 var(--acf-seam-color)!important;
  background:#15384d!important;
}
.ayamen-cinematic-footer__overlay{
  background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.28) 36%,rgba(0,0,0,.14) 68%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1) 62%,rgba(0,0,0,.48))!important;
}
.ayamen-cinematic-footer__left-shade{
  background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.42) 58%,rgba(0,0,0,0))!important;
}
html[dir="rtl"] .ayamen-cinematic-footer__left-shade{
  background:linear-gradient(270deg,rgba(0,0,0,.68),rgba(0,0,0,.42) 58%,rgba(0,0,0,0))!important;
}
.ayamen-cinematic-footer__primary{width:min(39%,590px)!important}
.ayamen-cinematic-footer__message h2{font-size:clamp(2.75rem,3.65vw,4.55rem)!important;line-height:1.02!important}
.ayamen-cinematic-footer__message p{font-size:clamp(1.22rem,1.7vw,1.72rem)!important;line-height:1.45!important}
.ayamen-cinematic-footer__email{font-size:clamp(1.42rem,2vw,2.08rem)!important}
.ayamen-cinematic-footer__nav a{font-size:clamp(1.02rem,1.15vw,1.25rem)!important}
html[dir="rtl"] .ayamen-cinematic-footer__primary{
  margin-left:auto!important;
  margin-right:0!important;
  align-items:flex-end!important;
  text-align:right!important;
}
html[dir="rtl"] .ayamen-cinematic-footer__logo{margin-inline-start:auto!important;margin-inline-end:0!important}
html[dir="rtl"] .ayamen-cinematic-footer__nav{width:100%!important;align-items:flex-end!important;text-align:right!important}
html[dir="rtl"] .ayamen-cinematic-footer__nav a{align-self:flex-end!important;text-align:right!important}
@media(max-width:820px){
  .ayamen-cinematic-footer__overlay{background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.38) 48%,rgba(0,0,0,.58))!important}
  .ayamen-cinematic-footer__primary{width:100%!important}
  .ayamen-cinematic-footer__message h2{font-size:clamp(2.55rem,10.5vw,3.5rem)!important}
  .ayamen-cinematic-footer__message p{font-size:1.15rem!important}
  .ayamen-cinematic-footer__nav a{font-size:1.08rem!important}
}

@media(pointer:coarse){
  .ayp-hero-media{animation:none!important;transform:none!important}
  .ayamen-project-locations__copy,
  .ayamen-project-locations__arrow,
  .ayr-project-card,
  .ayr-project-card img{will-change:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .about-page .ab-projects__content,
  .about-page .ab-project,
  .ayp-hero-media{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Physical header edges are intentional: English Menu left, Arabic Menu right. */
@media(min-width:980px){
  html[dir="ltr"] .header .header__content>.col:first-child{left:clamp(24px,2.4vw,38px)!important;right:auto!important}
  html[dir="ltr"] .header .header__content>.col:last-child{right:clamp(24px,2.4vw,38px)!important;left:auto!important}
  html[dir="rtl"] .header .header__content>.col:first-child{right:clamp(24px,2.4vw,38px)!important;left:auto!important}
  html[dir="rtl"] .header .header__content>.col:last-child{left:clamp(24px,2.4vw,38px)!important;right:auto!important}
}

/* Project-detail responsive containment: tabs may scroll, the page itself must not. */
@media(max-width:1024px){
  .ayr-units__layout{grid-template-columns:minmax(0,1fr)!important}
  .ayr-units__content,
  .ayr-unit-panels,
  .ayr-unit-panels>article,
  .ayr-unit__specs,
  .ayr-unit-visual,
  .ayr-unit-visual__main,
  .ayr-unit-thumbs__label{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .ayr-unit-tabs,
  .ayr-unit-thumbs,
  .ayr-visual-mode{max-width:100%!important;overscroll-behavior-inline:contain}
  .ayr-unit__actions{flex-wrap:wrap!important}
}
html[dir="rtl"] .ayr-about__detail-tab::after{content:"↗"!important}

/* Clear label-to-heading rhythm on Contact and Projects at all breakpoints. */
.ayc-contact .ayc-eyebrow,
.ayp-catalogue .ayp-eyebrow,
.ayamen-project-locations .ayamen-project-locations__eyebrow,
.ayp-advisor .ayp-eyebrow{
  display:block!important;
  margin-bottom:0!important;
  padding-bottom:clamp(1.05rem,1.8vw,1.7rem)!important;
}


/* R69 responsive Arabic line-height/alignment polish for contact + project pages. */
html[lang="ar"] .ayc-contact :is(h1,h2,h3,h4,p,li,span,strong,legend,label,small,button,a),
html[lang="ar"] .ayr-project :is(h1,h2,h3,h4,p,li,span,strong,button,a){text-align:right}
html[lang="ar"] .ayc-contact :is(.ayc-contact-hero__lead,.ayc-contact-form-section__intro>p:not(.ayc-eyebrow),.ayc-contact-office__card p,.ayc-contact-office__card a,.ayc-field input,.ayc-field textarea,.ayc-contact-form__footer p){line-height:1.8!important}
html[lang="ar"] .ayc-contact :is(.ayc-contact-hero__title,.ayc-contact-form-section__intro h2,.ayc-contact-office__title){line-height:1.08!important}
@media(max-width:767px){
  html[lang="ar"] .ayc-contact :is(.ayc-contact-hero__lead,.ayc-contact-form-section__intro>p:not(.ayc-eyebrow),.ayc-contact-office__card p,.ayc-contact-office__card a,.ayc-contact-form__footer p),
  html[lang="ar"] .ayr-project :is(p,li,dd,dt){line-height:1.72!important}
}

/* R72 final Arabic responsive placement audit */
html[lang="ar"] body{font-family:var(--ayamen-ar-text,AyamenHelvetica,Tahoma,Arial,sans-serif);line-height:1.7}
html[lang="ar"] :is(main,footer,.modal) :is(h1,h2,h3,h4,p,li,dd,dt,label,legend,button,a,span,strong){word-break:normal;overflow-wrap:anywhere}
html[lang="ar"] :is(main,footer) :is(h1,h2,h3,h4){line-height:1.12!important;letter-spacing:0!important;text-wrap:balance}
html[lang="ar"] :is(main,footer) :is(p,li,dd,dt){line-height:1.78;text-wrap:pretty}
html[lang="ar"] :is(.ayp-section-head,.ayp-hero-content,.ayamen-project-locations__intro,.ayamen-project-locations__item,.ayr-shell,.ayc-contact-hero__inner,.ayc-contact-form-section__grid){text-align:right}
html[lang="ar"] .ayamen-project-locations__copy :is(strong,small,em){display:block;line-height:1.65!important}
html[lang="ar"] .ayamen-project-locations__panel{padding-inline:clamp(1.25rem,4vw,4rem)}
html[lang="ar"] [dir="ltr"],html[lang="ar"] bdi[dir="ltr"]{text-align:left;overflow-wrap:normal}
@media(max-width:979px){html[lang="ar"] :is(main,footer) :is(p,li,dd,dt){line-height:1.72}html[lang="ar"] :is(.ayp-section-head,.ayp-hero-content,.ayamen-project-locations__intro,.ayr-shell,.ayc-contact-hero__inner,.ayc-contact-form-section__grid){padding-inline:max(1.25rem,env(safe-area-inset-left))}}
@media(max-width:567px){html[lang="ar"] :is(main,footer) :is(h1,h2,h3,h4){line-height:1.16!important}html[lang="ar"] :is(main,footer) :is(p,li,dd,dt){line-height:1.68}}