/* AYAMEN FINAL CONSOLIDATED STYLES — R29 MOBILE OPTIMIZED
   Preserves the previous cascade order while replacing seven HTTP stylesheet calls with one. */

/* ===== BEGIN MERGED: ayamen-r4-overrides.css ===== */
/* Ayamen English release r3: image, navigation, logo, menu and contact corrections */
:root{--ayamen-navy:#0b466d;--ayamen-orange:#f6921e;--ayamen-white:#fff;}
.header{color:var(--ayamen-white)!important;z-index:10050!important}
.header .header__logo{height:auto!important;overflow:visible!important}
.header .header__logo-link{display:flex;align-items:center;justify-content:center}
.header .header__logo img,.header .header__logo svg{width:clamp(190px,14vw,250px)!important;height:auto!important;max-height:72px!important;overflow:visible}
.header.ayamen-nav--light{color:var(--ayamen-navy)!important}
.header.ayamen-nav--dark{color:var(--ayamen-white)!important}
.header.ayamen-nav--light .header__background{background:rgba(250,249,246,.92)!important;backdrop-filter:blur(16px)}
.header.ayamen-nav--dark .header__background{background:linear-gradient(180deg,rgba(3,39,65,.42),transparent)!important}
.header .btn--link,.header .btn--link .btn__text,.header .icon{color:inherit!important}
.ayamen-brand-svg{display:block;width:100%;height:auto;color:inherit}
.ayamen-brand-svg [data-ayamen-symbol="true"]{fill:var(--ayamen-orange)!important;stroke:var(--ayamen-orange)!important}


.menu .menu__logo{height:auto!important;width:min(310px,58vw)!important;color:var(--ayamen-navy)!important}
.menu .menu__logo img,.menu .menu__logo svg{width:100%!important;height:auto!important}
/* dependable menu, independent from legacy modal runtime */
#menu{display:flex!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .36s ease,transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s linear .5s;position:fixed!important;inset:0!important;z-index:12000!important}
#menu.is-hidden{display:flex!important}
#menu.ayamen-menu-open{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
#menu .modal__animation,#menu .modal__scroller,#menu .modal__content-wrapper,#menu .modal__content{width:100%;height:100%}
body.ayamen-menu-active{overflow:hidden!important}
/* landing floating project imagery */
.l-content__image--1{transform:rotate(-2deg)}
.l-content__image--2{transform:rotate(1.5deg)}
.l-content__image--3{transform:rotate(-1deg)}
.l-content__image--1 img,.l-content__image--2 img,.l-content__image--3 img{object-fit:cover!important}
/* News: reveal the photograph more clearly */
.ayn-hero::after, .ayn-hero__overlay{opacity:.35!important}
.ayn-hero__image{filter:saturate(.92) contrast(.95)!important;opacity:.88!important}
/* Contact hero image and white details */
.ayamen-contact-page .ayamen-contact-hero-clean .l-intro__video-poster img, .ayamen-contact-page .ayamen-contact-hero-clean .l-intro__video-poster source{object-position:center!important}
.ayamen-contact-page .ayamen-contact-hero-clean .background--overlay{background:linear-gradient(180deg,rgba(4,40,65,.14),rgba(4,40,65,.48))!important}
.ayamen-contact-page .c-intro__contact,.ayamen-contact-page .c-intro__contact a,.ayamen-contact-page .c-intro__contact p{color:#fff!important}
.ayamen-contact-page .c-intro__contact .text-tiny{opacity:.8}
@media(max-width:767px){.header .header__logo img,.header .header__logo svg{width:160px!important;max-height:54px!important}.menu .menu__inner{min-height:calc(100svh - 20px)!important}}


/* === Ayamen English r3 visual refinement === */
/* Header: prevent legacy partial blue/background state from getting stuck */
.header, .header__inner, .header__container{isolation:isolate}
.header .header__background{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  transform:none!important;
  clip-path:none!important;
  opacity:1!important;
  transition:background-color .35s ease,background .35s ease,box-shadow .35s ease!important;
}
.header.ayamen-nav--light .header__background{
  background:rgba(250,249,246,.96)!important;
  box-shadow:0 1px 0 rgba(11,70,109,.12)!important;
}
.header.ayamen-nav--dark .header__background{
  background:linear-gradient(180deg,rgba(3,39,65,.48) 0%,rgba(3,39,65,.16) 62%,rgba(3,39,65,0) 100%)!important;
  box-shadow:none!important;
}
/* More restrained menu logo */
.menu .menu__logo{width:min(225px,44vw)!important}
.menu .menu__logo img,.menu .menu__logo svg{max-height:82px!important}

/* Landing editorial image composition: open, asymmetric, less clustered */
@media(min-width:980px){
  .ayamen-landing-r3 .l-content__container{padding-bottom:clamp(190px,18vw,360px)!important}
  .ayamen-landing-r3 .l-content__inner{padding-top:clamp(210px,17vw,330px)!important}
  .ayamen-landing-r3 .l-content__text{max-width:92vw!important;padding-inline:4vw!important}
  .ayamen-landing-r3 .l-content__pointer-all.row{position:relative;min-height:clamp(760px,72vw,1160px);margin-top:clamp(40px,5vw,100px)}
  .ayamen-landing-r3 .l-content__pointer-all.row>.col{position:absolute!important;margin:0!important;padding:0!important}
  .ayamen-landing-r3 .l-content__pointer-all.row>.col:nth-child(1){left:7vw;top:9vw;width:31vw}
  .ayamen-landing-r3 .l-content__pointer-all.row>.col:nth-child(2){right:7vw;top:1vw;width:18vw}
  .ayamen-landing-r3 .l-content__pointer-all.row>.col:nth-child(3){right:17vw;top:31vw;width:25vw}
  .ayamen-landing-r3 .l-content__pointer-all.row>.col:nth-child(4){left:47%;bottom:7vw;width:auto;transform:translateX(-50%)}
  .ayamen-landing-r3 .l-content__image{margin:0!important;transform:none}
  .ayamen-landing-r3 .l-content__image picture{display:block;width:100%;aspect-ratio:4/5;overflow:hidden}
  .ayamen-landing-r3 .l-content__image--1 picture{aspect-ratio:5/6}
  .ayamen-landing-r3 .l-content__image--2 picture{aspect-ratio:4/5}
  .ayamen-landing-r3 .l-content__image--3 picture{aspect-ratio:5/4}
  .ayamen-landing-r3 .l-content__image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .ayamen-landing-r3 .l-content__image--1{transform:rotate(-1.1deg)!important}
  .ayamen-landing-r3 .l-content__image--2{transform:rotate(1.2deg)!important}
  .ayamen-landing-r3 .l-content__image--3{transform:rotate(-.7deg)!important}
}

/* Replace the white reveal below the curved homes section with Ayamen brown */
.ayamen-landing-r3 .l-home-container{background:#5a2f20!important}
.ayamen-landing-r3 .l-home-container>.clip-fix{background:#5a2f20!important}
.ayamen-landing-r3 .l-home{background:#f8f4ee!important}
.ayamen-landing-r3 .l-choice,.ayamen-landing-r3 .l-choice-container{background:#5a2f20!important}

/* Services: one coherent premium card instead of two visually disconnected halves */
.ayamen-landing-r3 .l-services-gallery{background:#ead5c0!important;padding-bottom:clamp(70px,8vw,140px)}
.ayamen-landing-r3 .l-services-gallery__title{max-width:1680px;margin:0 auto}
.ayamen-landing-r3 .l-services-gallery__title .h1{font-size:clamp(72px,8vw,150px)!important;line-height:.9!important;padding-bottom:clamp(42px,5vw,88px)!important}
.ayamen-landing-r3 .l-services-card{max-width:1640px;margin:0 auto;padding-inline:clamp(24px,4vw,76px);align-items:stretch}
.ayamen-landing-r3 .l-services-card>.col{padding:0!important}
.ayamen-landing-r3 .l-services-card>.col:first-child{width:60%!important;flex-basis:60%!important}
.ayamen-landing-r3 .l-services-card>.col:last-child{width:40%!important;flex-basis:40%!important}
.ayamen-landing-r3 .l-services-card__image{aspect-ratio:1.32/1!important;border-radius:32px 0 0 32px!important;box-shadow:0 28px 70px rgba(46,31,21,.16)}
.ayamen-landing-r3 .l-services-card__image img{width:100%!important;height:100%!important;object-fit:cover!important}
.ayamen-landing-r3 .l-services-card__content{margin:0!important;border-radius:0 32px 32px 0!important;background:#0b4d78!important;padding:clamp(28px,3.4vw,64px)!important;min-height:100%!important;box-shadow:0 28px 70px rgba(46,31,21,.16)}
.ayamen-landing-r3 .l-services-card__title{margin-top:auto!important}
.ayamen-landing-r3 .l-services-card__title .l-services-mob-card__content-title{font-size:clamp(42px,4.1vw,74px)!important;line-height:.98!important;max-width:8em}
.ayamen-landing-r3 .l-services-card__text{padding-left:0!important;margin-top:clamp(30px,4vw,68px)!important;max-width:32rem}
.ayamen-landing-r3 .l-services-card__text p{font-size:clamp(18px,1.25vw,24px)!important;line-height:1.45!important}
.ayamen-landing-r3 .l-services-card__nav{align-self:flex-end}
@media(max-width:979px){
  .menu .menu__logo{width:min(190px,52vw)!important}
  .ayamen-landing-r3 .l-content__pointer-all.row{min-height:auto}
  .ayamen-landing-r3 .l-services-gallery__title .h1{font-size:clamp(58px,17vw,96px)!important}
}


/* === Ayamen English r4 corrections === */
/* Restore the section that was incorrectly made brown. */
.ayamen-landing-r3 .l-home-container, .ayamen-landing-r3 .l-home-container > .clip-fix, .ayamen-landing-r3 .l-choice, .ayamen-landing-r3 .l-choice-container{
  background:var(--c-off-white, #faf9f6)!important;
}
.ayamen-landing-r3 .l-choice{background:#ead5c0!important}

/* The brown belongs behind the curved full-image section, so no white seam is exposed. */
.ayamen-landing-r3 .l-spaces, .ayamen-landing-r3 .l-spaces-container, .ayamen-landing-r3 .l-spaces-no-overflow{
  background:#5a2f20!important;
}
.ayamen-landing-r3 .l-spaces .section-border-bottom{
  border-bottom-color:#5a2f20!important;
}

/* Final services/What We Do slider: one continuous, compatible pale-blue canvas. */
.ayamen-landing-r3 .l-services-gallery, .ayamen-landing-r3 .l-services-gallery__title, .ayamen-landing-r3 .l-services-gallery__title > div, .ayamen-landing-r3 .l-services-gallery .ui-background{
  background:#e8f0f5!important;
}
.ayamen-landing-r3 .l-services-gallery{
  padding-top:clamp(54px,6vw,110px)!important;
  padding-bottom:clamp(70px,8vw,140px)!important;
}
.ayamen-landing-r3 .l-services-gallery__title{
  padding-inline:clamp(24px,4vw,76px)!important;
  border:0!important;
}
.ayamen-landing-r3 .l-services-gallery__title .h1{
  color:#0b466d!important;
  padding-top:0!important;
  padding-bottom:clamp(42px,5vw,88px)!important;
}
.ayamen-landing-r3 .l-services-card__content{background:#0b4d78!important}
.ayamen-landing-r3 .l-services-card__image, .ayamen-landing-r3 .l-services-card__content{min-height:clamp(520px,42vw,760px)!important}

/* Logo theme: orange symbol is fixed, wordmark follows every section. */
.header .header__logo-link, .header .header__logo, .header .ayamen-brand-svg{color:inherit!important}
.header.ayamen-nav--dark, .header.ayamen-nav--dark .header__logo-link, .header.ayamen-nav--dark .header__logo, .header.ayamen-nav--dark .ayamen-brand-svg{color:#fff!important}
.header.ayamen-nav--light, .header.ayamen-nav--light .header__logo-link, .header.ayamen-nav--light .header__logo, .header.ayamen-nav--light .ayamen-brand-svg{color:#0b466d!important}
.header .ayamen-brand-svg [data-ayamen-symbol="true"]{fill:#f6921e!important;stroke:#f6921e!important}
.header .ayamen-brand-svg *:not([data-ayamen-symbol="true"]){color:inherit}
.header .ayamen-brand-svg path:not([data-ayamen-symbol="true"]), .header .ayamen-brand-svg polygon:not([data-ayamen-symbol="true"]), .header .ayamen-brand-svg rect:not([data-ayamen-symbol="true"]){fill:currentColor!important}
.header .ayamen-brand-svg [stroke]:not([data-ayamen-symbol="true"]){stroke:currentColor!important}
.header.ayamen-nav--dark .btn, .header.ayamen-nav--dark .btn__text, .header.ayamen-nav--dark .header__phone, .header.ayamen-nav--dark .header__language{color:#fff!important}
.header.ayamen-nav--light .btn, .header.ayamen-nav--light .btn__text, .header.ayamen-nav--light .header__phone, .header.ayamen-nav--light .header__language{color:#0b466d!important}

/* Signature orange footer, based on the supplied desktop/mobile reference. */
.ayamen-signature-footer{
  --footer-orange:#f6921e;
  --footer-ink:#110e0d;
  background:var(--footer-orange)!important;
  color:#fff!important;
  min-height:clamp(520px,46vw,760px);
  overflow:hidden;
  position:relative;
  padding:clamp(52px,6vw,92px) clamp(24px,8vw,150px) clamp(18px,2vw,32px);
  display:grid;
  grid-template-columns:1fr minmax(360px,620px) 1fr;
  grid-template-rows:auto 1fr auto auto;
  align-items:start;
  isolation:isolate;
}
.ayamen-signature-footer__meta{display:flex;flex-direction:column;gap:8px;font-size:clamp(13px,.95vw,17px);line-height:1.35;letter-spacing:.01em;z-index:2}
.ayamen-signature-footer__meta span{font-size:.72em;letter-spacing:.08em;opacity:.86}
.ayamen-signature-footer__meta strong{font-size:1em;font-weight:500}
.ayamen-signature-footer__meta--left{grid-column:1;grid-row:1;justify-self:start}
.ayamen-signature-footer__meta--right{grid-column:3;grid-row:1;justify-self:end;text-align:left}
.ayamen-signature-footer__note{
  grid-column:2;grid-row:1 / span 2;
  align-self:center;justify-self:center;
  width:min(100%,610px);min-height:300px;
  background:var(--footer-ink);color:#fff;
  border-radius:9px;padding:clamp(35px,4vw,60px);
  transform:rotate(-1.5deg);
  box-shadow:0 18px 38px rgba(28,10,4,.12);
  display:flex;flex-direction:column;justify-content:center;
  z-index:2;
}
.ayamen-signature-footer__note::before,.ayamen-signature-footer__note p{border-bottom:1px solid rgba(255,255,255,.16)}
.ayamen-signature-footer__note-label{font-size:clamp(11px,.8vw,14px);letter-spacing:.08em;opacity:.5;margin-bottom:20px}
.ayamen-signature-footer__note p,.ayamen-signature-footer__note a{font-family:inherit;font-size:clamp(24px,2.15vw,37px);line-height:1.26;color:#fff!important;margin:0;padding:8px 0;text-decoration:none;font-weight:400}
.ayamen-signature-footer__socials{
  grid-column:1 / -1;grid-row:3;
  display:flex;justify-content:center;align-items:end;gap:clamp(0px,.8vw,12px);
  margin-top:auto;transform:translateY(18px);z-index:3;
}
.ayamen-signature-footer__socials a{
  width:clamp(105px,11vw,175px);aspect-ratio:1.05;
  border:8px solid #fff;border-radius:24px;
  color:#fff!important;text-decoration:none;
  display:grid;place-items:center;background:var(--footer-orange);
  box-shadow:0 5px 0 rgba(255,255,255,.95);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s ease;
}
.ayamen-signature-footer__socials a:nth-child(1){transform:rotate(7deg)}
.ayamen-signature-footer__socials a:nth-child(2){transform:rotate(-4deg) translateY(6px)}
.ayamen-signature-footer__socials a:nth-child(3){transform:rotate(4deg)}
.ayamen-signature-footer__socials a:nth-child(4){transform:rotate(-7deg) translateY(2px)}
.ayamen-signature-footer__socials a:hover{transform:translateY(-12px) rotate(0)!important;background:#e94612}
.ayamen-signature-footer__socials svg{width:58%;height:58%;fill:none;stroke:currentColor;stroke-width:3}
.ayamen-signature-footer__socials span{font-size:clamp(58px,6vw,94px);font-weight:600;line-height:1}
.ayamen-signature-footer__bottom{grid-column:1/-1;grid-row:4;display:flex;justify-content:space-between;align-items:center;padding-top:30px;font-size:12px;opacity:.86;z-index:2}
.ayamen-signature-footer__bottom a{color:#fff!important;text-decoration:none}

@media(max-width:767px){
  .ayamen-signature-footer{min-height:720px;padding:54px 20px 16px;display:flex;flex-direction:column;align-items:stretch}
  .ayamen-signature-footer__meta{font-size:16px}
  .ayamen-signature-footer__meta--left,.ayamen-signature-footer__meta--right{align-self:flex-start;text-align:left}
  .ayamen-signature-footer__meta--right{margin-top:38px}
  .ayamen-signature-footer__note{order:3;width:86%;min-height:255px;margin:70px auto 0;padding:30px 22px;transform:rotate(-2deg)}
  .ayamen-signature-footer__note p,.ayamen-signature-footer__note a{font-size:clamp(21px,6.1vw,28px)}
  .ayamen-signature-footer__socials{order:4;margin-top:-18px;transform:none;gap:0}
  .ayamen-signature-footer__socials a{width:25%;border-width:5px;border-radius:16px;box-shadow:0 3px 0 #fff}
  .ayamen-signature-footer__socials span{font-size:clamp(44px,15vw,68px)}
  .ayamen-signature-footer__bottom{order:5;margin-top:auto;padding-top:34px;font-size:10px}
}


/* === Ayamen English r5: precise homepage section corrections === */
/* 1. Built Around What Matters: true edge-to-edge white canvas. */
.ayamen-landing-r3 .l-home-container{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  background:#fff!important;
  overflow:hidden!important;
  border-left:0!important;
  border-right:0!important;
}
.ayamen-landing-r3 .l-home-container>.clip-fix, .ayamen-landing-r3 .l-home-container .l-home, .ayamen-landing-r3 .l-home-container .ui-background{
  background:#fff!important;
}
.ayamen-landing-r3 .l-home-container:before, .ayamen-landing-r3 .l-home-container:after{display:none!important}

/* 2. The transition after Designed to Feel Complete is Ayamen blue. */
.ayamen-landing-r3 #spaces, .ayamen-landing-r3 #spaces>.clip-fix, .ayamen-landing-r3 #spaces .sticky, .ayamen-landing-r3 #spaces .sticky__layer, .ayamen-landing-r3 #spaces .l-spaces-container, .ayamen-landing-r3 #spaces .l-spaces-no-overflow{
  background:#0b4d78!important;
}

/* 3. Lifestyle Gallery: brown underlay prevents white seams below curved masks. */
.ayamen-landing-r3 #gallery, .ayamen-landing-r3 #gallery>.clip-fix, .ayamen-landing-r3 #gallery .sticky, .ayamen-landing-r3 #gallery .sticky__layer, .ayamen-landing-r3 #gallery .ui-background{
  background:#5a2f20!important;
}
.ayamen-landing-r3 #gallery .section-border-bottom, .ayamen-landing-r3 #gallery .section-border-top{border-color:#5a2f20!important}

/* 4. Services Slider: coherent section, no detached white heading slab. */
.ayamen-landing-r3 #services, .ayamen-landing-r3 #services>.ui-light, .ayamen-landing-r3 #services .l-services-gallery, .ayamen-landing-r3 #services .l-services-gallery__title, .ayamen-landing-r3 #services .l-services-gallery__title>div{
  background:#e8f0f5!important;
}
.ayamen-landing-r3 #services .l-services-gallery{
  padding:clamp(72px,7vw,128px) 0 clamp(88px,9vw,160px)!important;
  border:0!important;
  overflow:hidden!important;
}
.ayamen-landing-r3 #services .l-services-gallery__title{
  width:min(100%,1720px)!important;
  max-width:1720px!important;
  margin:0 auto!important;
  padding:0 clamp(28px,4.5vw,84px) clamp(48px,5vw,84px)!important;
  border:0!important;
  box-shadow:none!important;
}
.ayamen-landing-r3 #services .l-services-gallery__title .h1{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(72px,8.2vw,152px)!important;
  line-height:.86!important;
  color:#0b466d!important;
  background:transparent!important;
}
.ayamen-landing-r3 #services .l-services-card{
  width:min(calc(100% - clamp(48px,8vw,150px)),1640px)!important;
  max-width:1640px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.95fr)!important;
  align-items:stretch!important;
  gap:0!important;
  border-radius:34px!important;
  overflow:hidden!important;
  box-shadow:0 34px 85px rgba(23,44,59,.16)!important;
}
.ayamen-landing-r3 #services .l-services-card>.col{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
}
.ayamen-landing-r3 #services .l-services-card__image{
  width:100%!important;
  height:clamp(560px,46vw,800px)!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.ayamen-landing-r3 #services .l-services-card__image .background, .ayamen-landing-r3 #services .l-services-card__image picture, .ayamen-landing-r3 #services .l-services-card__image img{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
.ayamen-landing-r3 #services .l-services-card__content{
  min-height:0!important;
  height:clamp(560px,46vw,800px)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#0b4d78!important;
  padding:clamp(38px,4vw,72px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  color:#fff!important;
}
.ayamen-landing-r3 #services .l-services-card__content *{color:#fff!important}
.ayamen-landing-r3 #services .l-services-card__nav{align-self:flex-end!important;margin:0!important}
.ayamen-landing-r3 #services .l-services-card__title{margin-top:auto!important}
.ayamen-landing-r3 #services .l-services-mob-card__content-title{
  font-size:clamp(44px,4.2vw,78px)!important;
  line-height:.96!important;
}
.ayamen-landing-r3 #services .l-services-card__text{
  margin-top:clamp(32px,4vw,68px)!important;
  padding:0!important;
  max-width:31rem!important;
}
.ayamen-landing-r3 #services .l-services-card__text p{
  font-size:clamp(18px,1.25vw,24px)!important;
  line-height:1.5!important;
}
@media(max-width:979px){
  .ayamen-landing-r3 #services .l-services-gallery{padding:62px 0 84px!important}
  .ayamen-landing-r3 #services .l-services-gallery__title{padding-inline:20px!important}
  .ayamen-landing-r3 #services .l-services-gallery__title .h1{font-size:clamp(58px,16vw,92px)!important}
}






















@media(max-width:767px){
  
  
  
  
  
  
  
  
  
  
  
}







@media (max-width: 719px) {
  
}

@media(max-width:767px){
  
  
  
  
}
@media(prefers-reduced-motion:reduce){
  
}



@media(max-width:767px){
  
  
}

@media(prefers-reduced-motion:reduce){
  
}

/* =========================================================
   R18 — requested homepage refinements
   ========================================================= */
.ayamen-orange-italic{
  color:#f6921e!important;
  font-family:"TT_Jenevers", Georgia, "Times New Roman", serif!important;
  font-style:italic!important;
  font-weight:400!important;
}

/* Intro imagery: clean, straight editorial composition */
.ayamen-landing-r3 .l-content__image--1, .ayamen-landing-r3 .l-content__image--2, .ayamen-landing-r3 .l-content__image--3{
  transform:none!important;
  rotate:0deg!important;
}
@media (min-width:980px){
  .ayamen-landing-r3 .l-content .row{position:relative!important;}
  .ayamen-landing-r3 .ayamen-intro-image-col--3{
    position:absolute!important;
    right:5.5%!important;
    left:auto!important;
    bottom:2.5%!important;
    width:22%!important;
    max-width:360px!important;
    z-index:3!important;
  }
  .ayamen-landing-r3 .ayamen-intro-button-col{
    position:relative!important;
    z-index:4!important;
    margin-left:auto!important;
    margin-right:5.5%!important;
  }
  .ayamen-landing-r3 .l-content__image--3 picture{
    aspect-ratio:4/5!important;
    border-radius:28px!important;
    overflow:hidden!important;
  }
}

/* Choice CTA: white ring and white label */
.ayamen-landing-r3 #choice .ayamen-contact-ring{
  --t-button-border-text:#fff!important;
  --t-button-text:#fff!important;
  color:#fff!important;
}
.ayamen-landing-r3 #choice .ayamen-contact-ring .btn__border rect{
  stroke:#fff!important;
  stroke-opacity:1!important;
}
.ayamen-landing-r3 #choice .ayamen-contact-ring .btn__text{color:#fff!important;}

/* Services slider: restore compact original composition and remove blank bands */
.ayamen-landing-r3 #services{
  background:#ead5c0!important;
  min-height:0!important;
  padding:0!important;
}
.ayamen-landing-r3 #services .l-services-gallery, .ayamen-landing-r3 #services .l-services-gallery__title, .ayamen-landing-r3 #services .l-services-gallery__title>div, .ayamen-landing-r3 #services .animation-fix{
  background:#ead5c0!important;
}
.ayamen-landing-r3 #services .l-services-gallery{
  padding:clamp(54px,5vw,92px) 0 clamp(72px,7vw,120px)!important;
  min-height:0!important;
}
.ayamen-landing-r3 #services .animation-fix{
  padding-top:0!important;
  padding-bottom:0!important;
  min-height:0!important;
}
.ayamen-landing-r3 #services .l-services-gallery__title{
  max-width:1640px!important;
  margin:0 auto!important;
  padding:0 clamp(24px,4vw,76px)!important;
  min-height:0!important;
}
.ayamen-landing-r3 #services .l-services-gallery__title .h1{
  margin:0!important;
  padding:0 0 clamp(38px,4vw,68px)!important;
  font-size:clamp(70px,8vw,148px)!important;
  line-height:.88!important;
}
.ayamen-landing-r3 #services .l-services-card{
  display:flex!important;
  width:auto!important;
  max-width:1640px!important;
  margin:0 auto!important;
  padding:0 clamp(24px,4vw,76px)!important;
  align-items:stretch!important;
  min-height:0!important;
}
.ayamen-landing-r3 #services .l-services-card>.col{
  padding:0!important;
  margin:0!important;
  min-height:0!important;
}
.ayamen-landing-r3 #services .l-services-card>.col:first-child{width:62%!important;flex:0 0 62%!important;}
.ayamen-landing-r3 #services .l-services-card>.col:last-child{width:38%!important;flex:0 0 38%!important;}
.ayamen-landing-r3 #services .l-services-card__image, .ayamen-landing-r3 #services .l-services-card__content{
  height:clamp(520px,40vw,720px)!important;
  min-height:0!important;
  max-height:720px!important;
  overflow:hidden!important;
}
.ayamen-landing-r3 #services .l-services-card__image{
  aspect-ratio:auto!important;
  border-radius:30px 0 0 30px!important;
}
.ayamen-landing-r3 #services .l-services-card__content{
  margin:0!important;
  border-radius:0 30px 30px 0!important;
  padding:clamp(30px,3vw,58px)!important;
  display:flex!important;
  flex-direction:column!important;
  background:#0b5685!important;
}
.ayamen-landing-r3 #services .l-services-card__title{margin-top:auto!important;}
.ayamen-landing-r3 #services .l-services-mob-card__content-title{
  font-size:clamp(44px,4vw,70px)!important;
  line-height:.98!important;
}
.ayamen-landing-r3 #services .l-services-card__text{
  margin-top:clamp(28px,3vw,52px)!important;
  padding:0!important;
  max-width:31rem!important;
}
.ayamen-landing-r3 #services .l-services-card__text p{
  font-size:clamp(17px,1.2vw,22px)!important;
  line-height:1.45!important;
}
@media (max-width:979px){
  .ayamen-landing-r3 #services .l-services-gallery{padding:54px 0 72px!important;}
  .ayamen-landing-r3 #services .l-services-gallery__title{padding:0 20px!important;}
  .ayamen-landing-r3 #services .l-services-gallery__title .h1{font-size:clamp(58px,16vw,92px)!important;padding-bottom:34px!important;}
}

/* R19 — Services slider: prevent the lower copy from being clipped. */
@media (min-width:980px){
  .ayamen-landing-r3 #services .l-services-card__image,
  .ayamen-landing-r3 #services .l-services-card__content{
    height:clamp(660px,44vw,790px)!important;
    max-height:none!important;
  }
  .ayamen-landing-r3 #services .l-services-card__content{
    overflow:visible!important;
    padding-bottom:clamp(38px,3.2vw,62px)!important;
  }
  .ayamen-landing-r3 #services .l-services-card__image{
    overflow:hidden!important;
  }
  .ayamen-landing-r3 #services .l-services-card__text{
    margin-top:clamp(22px,2vw,36px)!important;
    padding-bottom:0!important;
  }
  .ayamen-landing-r3 #services .l-services-card__text .content-animation,
  .ayamen-landing-r3 #services .l-services-card__text [data-content-animation-item]{
    overflow:visible!important;
  }
}

@media(max-width:620px){
  
  
  
  
  
  
}

@media(max-width:900px){
  
  
  
  
}
@media(max-width:620px){
  
  
  
  
  
  
  
}

@media(max-width:900px){
  
  
  
  
}
@media(max-width:620px){
  
  
  
  
  
  
  
  
}

/* ===== END MERGED: ayamen-r4-overrides.css ===== */

/* ===== BEGIN MERGED: ayamen-font-system.css ===== */
@font-face{font-family:"AyamenHelvetica";src:url("/assets/fonts/Helvetica.woff2") format("woff2"),url("/assets/fonts/Helvetica.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"AyamenHelvetica";src:url("/assets/fonts/HelveticaBold.woff2") format("woff2"),url("/assets/fonts/HelveticaBold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"AyamenHelvetica";src:url("/assets/fonts/HelveticaOblique.woff2") format("woff2"),url("/assets/fonts/HelveticaOblique.otf") format("opentype");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"AyamenHelvetica";src:url("/assets/fonts/HelveticaBoldOblique.woff2") format("woff2"),url("/assets/fonts/HelveticaBoldOblique.otf") format("opentype");font-style:italic;font-weight:700;font-display:swap}
@font-face{font-family:"AyamenCamel";src:url("/assets/fonts/TheYearofTheCamel-Medium.woff2") format("woff2"),url("/assets/fonts/TheYearofTheCamel-Medium.otf") format("opentype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"AyamenCamel";src:url("/assets/fonts/TheYearofTheCamel-Bold.woff2") format("woff2"),url("/assets/fonts/TheYearofTheCamel-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
html body,html body button,html body input,html body textarea,html body select{font-family:"AyamenHelvetica",Arial,sans-serif}
/* Display font is Arabic-only. English keeps the original component typography. */
html[lang="ar"] body h1, html[lang="ar"] body h2, html[lang="ar"] body h3, html[lang="ar"] body h4, html[lang="ar"] body h5, html[lang="ar"] body h6, html[lang="ar"] body .h1, html[lang="ar"] body .h2, html[lang="ar"] body .h3, html[lang="ar"] body .h4, /* ===== END MERGED: ayamen-font-system.css ===== */

/* ===== BEGIN MERGED: ayamen-r23-overrides.css ===== */
:root{--ayamen-orange:#f6921e!important}
/* Landing services */
#services .l-services-card__content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:clamp(2rem,4vw,5rem)!important}
#services .l-services-card__nav{position:absolute!important;top:clamp(1.5rem,3vw,3rem)!important;right:clamp(1.5rem,3vw,3rem)!important}
#services .l-services-card__title,#services .l-services-card__text{width:min(100%,34rem)!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
#services .l-services-card__title .text-tiny{ text-align:center!important }
#services .l-services-mob-card__content-title,#services .l-services-mob-card__content-text{text-align:center!important;margin-inline:auto!important}
#services .l-exquisite-mob-card__content{text-align:center!important}
/* Unified orange accents */
.text-color-primary, .ab-origins__title i, .ab-origins__subtitle, .ayamen-accent-word, .l-content h2 i, .l-focus h2 i{color:var(--ayamen-orange)!important}
/* About values controls closer */
.about-page .ab-values__content-buttons{margin-top:.75rem!important;position:relative!important;transform:none!important}
.about-page .ab-values__content{display:flex!important;flex-direction:column!important}

.about-page .ab-projects .sticky-slider__sticky{z-index:1!important}



/* Project listing/detail readability */
.ayp-root .ayp-kicker, .ayp-root .ayp-meta, .ayp-root .ayp-card__eyebrow, .ayp-root .ayp-card__meta, .ayp-root .ayp-scroll-cue, .ayd-root .ayd-kicker, .ayd-root .ayd-meta, .ayd-root .ayd-label, .ayd-root .ayd-facts, .ayd-root .ayd-gallery__count, body:has(.ayp-root) .text-tiny, body:has(.ayd-root) .text-tiny{font-size:clamp(.9rem,1.05vw,1.08rem)!important;line-height:1.45!important;letter-spacing:.02em!important}
.ayp-root p,.ayd-root p{font-size:clamp(1rem,1.15vw,1.22rem)!important;line-height:1.55!important}
.ayd-root .ayd-nav a,.ayp-root button,.ayd-root button{font-size:clamp(.9rem,1vw,1.05rem)!important}
/* News hero: full image and delayed reveal */
.ayn-news__hero{background:#082f4c!important;overflow:hidden!important}
.ayn-news__hero-media img,.ayn-news__hero-media picture{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.ayn-news__hero-media{opacity:0!important;transform:scale(1.06)!important;transition:opacity 1.8s ease .35s,transform 2.4s cubic-bezier(.2,.7,.2,1) .35s!important}
body.ayn-page-ready .ayn-news__hero-media{opacity:1!important;transform:scale(1)!important}
.ayn-news__hero-copy,.ayn-news__hero-note{opacity:0!important;transform:translateY(28px)!important;transition:opacity 1s ease 1s,transform 1.2s ease 1s!important}
body.ayn-page-ready .ayn-news__hero-copy,body.ayn-page-ready .ayn-news__hero-note{opacity:1!important;transform:none!important}
/* News filters and text */
.ayn-filters button{cursor:pointer!important;pointer-events:auto!important;font-size:clamp(.95rem,1vw,1.08rem)!important}
.ayn-news-card[hidden]{display:none!important}
.ayn-news-card,.ayn-news-card p,.ayn-news-card__footer,.ayn-related-card p,.ayn-article p,.ayn-article__meta,.ayn-related-card__label{font-size:clamp(1rem,1.1vw,1.18rem)!important;line-height:1.55!important}
.ayn-news-card__footer,.ayn-related-card__label{font-size:clamp(.88rem,.95vw,1rem)!important}
/* News article images fully visible */
.ayn-article figure, .ayn-article__media, .ayn-related-card figure{background:#f3efe9!important;overflow:hidden!important}
.ayn-article figure img,.ayn-article__media img,.ayn-related-card figure img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.header a.btn[href*="request"] .btn__icon{display:none!important}
.header a.btn[href*="contact"] .btn__text::after,.header a.btn[href*="request"] .btn__text::after{content:"↗"!important;display:inline-grid!important;place-items:center!important;margin-left:.7em!important;width:1.25em!important;height:1.25em!important;font-size:.8em!important;line-height:1!important;border:1px solid currentColor!important;border-radius:50%!important;vertical-align:middle!important}
/* Homepage direct hero: remove mockup poster */
.ayamen-landing-r3 .l-intro__video-poster{display:none!important}
.ayamen-landing-r3 .l-intro__background{background:linear-gradient(145deg,#082f4c 0%,#0b557d 55%,#1b6f94 100%)!important}
@media(max-width:767px){#services .l-services-card__content{padding:2rem 1.25rem!important}.about-page .ab-values__content-buttons{margin-top:.5rem!important}.ayn-news__hero-media img{object-fit:cover!important}}

/* ===== END MERGED: ayamen-r23-overrides.css ===== */

/* ===== BEGIN MERGED: ayamen-r24-overrides.css ===== */
:root{--ayamen-orange:#f6921e!important}

/* 1. Services slider: keep centered copy at the TOP of every blue panel. */
#services .l-services-card__content{
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding:clamp(6.5rem,9vh,8.5rem) clamp(2rem,4vw,4.5rem) clamp(2.5rem,5vh,4rem)!important;
}
#services .l-services-card__title, #services .l-services-card__text{
  align-self:center!important;
  width:min(100%,38rem)!important;
  margin-inline:auto!important;
  text-align:center!important;
}
#services .l-services-card__title{margin-top:0!important}
#services .l-services-card__text{
  margin-top:clamp(1.75rem,3vh,3rem)!important;
  margin-bottom:0!important;
  padding-left:0!important;
}
#services .l-services-card__nav{top:clamp(1.4rem,2.5vw,2.5rem)!important}

/* 2. About values: controls stay at one fixed, reachable position. */
.about-page .ab-values__content{
  position:relative!important;
  display:block!important;
  min-height:clamp(380px,34vw,500px)!important;
  padding-bottom:5.5rem!important;
}
.about-page .ab-values__content>.content-animation{min-height:clamp(275px,25vw,365px)!important}
.about-page .ab-values__content-buttons{
  position:absolute!important;
  left:0!important;
  bottom:1rem!important;
  margin:0!important;
  transform:none!important;
  z-index:8!important;
}

.about-page .ab-projects .ab-projects__content{will-change:transform!important}

/* 4. Projects listing: make all supporting text genuinely readable. */
.ayp-index .ayp-kicker{font-size:clamp(1rem,1.15vw,1.22rem)!important;line-height:1.4!important}
.ayp-index .ayp-intro__grid p{font-size:clamp(1.25rem,1.55vw,1.65rem)!important;line-height:1.55!important}
.ayp-index .ayp-scroll-cue{font-size:clamp(.95rem,1vw,1.1rem)!important}
.ayp-index .ayp-project__meta{font-size:clamp(.98rem,1.05vw,1.15rem)!important;line-height:1.4!important}


.ayp-index .ayp-closing__copy p,.ayp-index .ayp-closing a{font-size:clamp(.95rem,1vw,1.1rem)!important}

/* 5. Individual horizontal project pages: increase every small label/control/body size. */
.pd .pd-kicker, .pd .pd-hero-copy>p{font-size:clamp(1.05rem,1.18vw,1.28rem)!important;line-height:1.5!important}
.pd .pd-jump a{font-size:clamp(.95rem,1vw,1.08rem)!important;padding:.9rem 1.2rem!important}
.pd .pd-progress button span{width:38px!important;height:38px!important;font-size:.88rem!important}
.pd .pd-progress button b{font-size:.92rem!important}
.pd .pd-overview p, .pd .pd-overview-copy>p, .pd .pd-overview-copy li, .pd .pd-info-panel p, .pd .pd-info-panel li, .pd .pd-unit-panels p{
  font-size:clamp(1.2rem,1.42vw,1.48rem)!important;
  line-height:1.7!important;
}
.pd .pd-overview-stats span,.pd .pd-overview-stats small{font-size:clamp(.95rem,1vw,1.08rem)!important}
.pd .pd-price,.pd .pd-counter,.pd .pd-expand,.pd .pd-cta-nav a{font-size:clamp(.98rem,1vw,1.1rem)!important}
.pd .pd-filter-row button,.pd .pd-mode-tabs button,.pd .pd-unit-tabs button,.pd .pd-plan-controls button{
  font-size:clamp(1rem,1.08vw,1.16rem)!important;min-height:50px!important
}
.pd .pd-unit-meta span,.pd .pd-floor-schedule article,.pd .pd-note{font-size:clamp(1.05rem,1.12vw,1.2rem)!important}

/* Reduce paint cost while horizontally scrolling project presentations. */
.ayp-track, .pd-horizontal-track{backface-visibility:hidden!important;transform-style:flat!important}
.ayp-media,.pd-panel,.pd-media{contain:layout paint!important}
.ayp-media img,.pd img{backface-visibility:hidden!important}

/* 6. News hero: original image, no blue tint and no cropping. */
.ayn-news__hero{background:#f6f1ea!important}
.ayn-news__hero-media{background:#f6f1ea!important;inset:0!important}
.ayn-news__hero-media picture,.ayn-news__hero-media img{
  inset:0!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  filter:none!important;
}
.ayn-news__hero-media-shade,.ayn-news__hero::after{display:none!important;background:none!important}
.ayn-news__hero-media{opacity:0!important;transform:scale(.985)!important;transition:opacity 2.1s ease .45s,transform 2.8s cubic-bezier(.16,1,.3,1) .45s!important}
body.ayn-page-ready .ayn-news__hero-media{opacity:1!important;transform:scale(1)!important}

/* 7. News filters: consistently blue text and functional states. */
.ayn-filters button, .ayn-filters button.is-active, .ayn-filters button[aria-pressed="true"]{
  color:#0c436a!important;
  -webkit-text-fill-color:#0c436a!important;
  font-size:clamp(1.08rem,1.16vw,1.24rem)!important;
}
.ayn-filters button.is-active,.ayn-filters button[aria-pressed="true"]{background:#dfeaf0!important}

/* 8. News typography increased everywhere, including article pages. */
.ayn-news .ayn-kicker, .ayn-article .ayn-kicker, .ayn-card__date{font-size:clamp(1.02rem,1.08vw,1.18rem)!important}
.ayn-news__intro{font-size:clamp(1.45rem,1.9vw,2rem)!important;line-height:1.55!important}
.ayn-feature__copy p,.ayn-news-card p,.ayn-news-card__footer,.ayn-feature__meta{
  font-size:clamp(1.2rem,1.35vw,1.48rem)!important;line-height:1.55!important
}
.ayn-news-card__footer{font-size:clamp(1.04rem,1.1vw,1.18rem)!important}
.ayn-article p,.ayn-article li,.ayn-article__body p,.ayn-article__body li{
  font-size:clamp(1.22rem,1.45vw,1.58rem)!important;line-height:1.75!important
}
.ayn-article__meta,.ayn-related-card__label,.ayn-related-card p,.ayn-related-card__copy{
  font-size:clamp(1.08rem,1.2vw,1.32rem)!important;line-height:1.55!important
}
.ayn-article figure img,.ayn-article__media img,.ayn-related-card figure img{
  object-fit:contain!important;object-position:center!important;filter:none!important
}

/* 9. Every navbar request/contact button receives a real arrow icon. */
.header .header__button-regular .btn__icon, .header .header__button-collapsed .btn__icon{display:none!important}
.header .header__button-regular .btn__text::after, .header .header__button-collapsed .btn__text::after{
  content:"↗"!important;display:inline-grid!important;place-items:center!important;
  width:1.35em!important;height:1.35em!important;margin-inline-start:.7em!important;
  border:1px solid currentColor!important;border-radius:50%!important;
  font:700 .78em/1 AyamenHelvetica,Arial,sans-serif!important;vertical-align:middle!important
}

@media(max-width:900px){
  #services .l-services-card__content{padding-top:5.5rem!important}
  .about-page .ab-values__content{min-height:360px!important}
  
  .ayn-news__hero-media img{object-fit:contain!important}
  .pd .pd-overview p,.pd .pd-overview-copy>p,.pd .pd-overview-copy li,.pd .pd-info-panel p,.pd .pd-info-panel li,.pd .pd-unit-panels p{font-size:1.16rem!important}
}

/* ===== END MERGED: ayamen-r24-overrides.css ===== */

/* ===== BEGIN MERGED: ayamen-r25-overrides.css ===== */
:root{--ayamen-orange:#f6921e!important}

/* LANDING — restore the desktop Services slider as one stable, self-contained card. */
@media (min-width:768px){
  #services .l-services-gallery{overflow:hidden!important;background:#ead4bd!important}
  #services .l-services-gallery>.animation-fix{padding-bottom:clamp(2.5rem,4vw,4.5rem)!important}
  #services .l-services-card{
    display:flex!important;
    align-items:stretch!important;
    width:calc(100% - 2rem)!important;
    max-width:none!important;
    height:clamp(620px,72vh,790px)!important;
    min-height:620px!important;
    margin:0 1rem!important;
    overflow:hidden!important;
    border-radius:clamp(1.5rem,2.2vw,2.5rem)!important;
    background:#0c436a!important;
  }
  #services .l-services-card>.col{height:100%!important;padding-top:0!important;padding-bottom:0!important}
  #services .l-services-card__image,
  #services .l-services-card__content{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  #services .l-services-card__image .background,
  #services .l-services-card__image .content-animation,
  #services .l-services-card__image [data-content-animation-item],
  #services .l-services-card__image picture,
  #services .l-services-card__image img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  }
  #services .l-services-card__image img{object-fit:cover!important;object-position:center!important}
  #services .l-services-card__content{
    display:block!important;
    padding:0!important;
    text-align:center!important;
    background:#0c5b88!important;
  }
  #services .l-services-card__nav{
    position:absolute!important;top:clamp(1.6rem,2.5vw,2.5rem)!important;right:clamp(1.6rem,2.5vw,2.5rem)!important;
    z-index:10!important;margin:0!important;
  }
  #services .l-services-card__title{
    position:absolute!important;top:clamp(7.25rem,15%,9rem)!important;left:50%!important;
    width:min(86%,40rem)!important;margin:0!important;transform:translateX(-50%)!important;
    text-align:center!important;z-index:3!important;
  }
  #services .l-services-card__title .text-tiny{margin:0 0 clamp(1.1rem,2vh,1.7rem)!important}
  #services .l-services-card__title h3{
    margin:0!important;font-size:clamp(3.1rem,4.2vw,5.7rem)!important;line-height:.92!important;
    text-align:center!important;text-wrap:balance!important;
  }
  #services .l-services-card__text{
    position:absolute!important;top:58%!important;left:50%!important;width:min(72%,34rem)!important;
    margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;
    text-align:center!important;z-index:3!important;
  }
  #services .l-services-card__text p{
    margin:0!important;font-size:clamp(1.15rem,1.35vw,1.45rem)!important;line-height:1.45!important;
    text-align:center!important;
  }
  #services .l-services-card__title .content-animation,
  #services .l-services-card__text .content-animation{overflow:visible!important;min-height:0!important}
}

/* ABOUT — undo the artificial footer-overlay spacer and return to normal flow. */



/* NEWS — full-frame hero with the TOP of the source image preserved and no tint. */
.ayn-news__hero{background:#f6f1ea!important;overflow:hidden!important}
.ayn-news__hero-media{position:absolute!important;inset:0!important;background:#f6f1ea!important;opacity:1!important;transform:none!important}
.ayn-news__hero-media picture,.ayn-news__hero-media img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center top!important;filter:none!important;opacity:1!important;transform:none!important;
}
.ayn-news__hero-media-shade,.ayn-news__hero::after{display:none!important;background:none!important;opacity:0!important}

/* News filter labels remain visible in every state. */
.ayn-filters{position:relative!important;z-index:8!important}
.ayn-filters button, .ayn-filters button:hover, .ayn-filters button:focus-visible, .ayn-filters button.is-active, .ayn-filters button[aria-pressed="true"]{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:48px!important;padding:.75rem 1.35rem!important;
  color:#0c436a!important;-webkit-text-fill-color:#0c436a!important;
  background:#fff!important;border:1px solid rgba(12,67,106,.28)!important;
  opacity:1!important;visibility:visible!important;font-size:clamp(1.05rem,1.15vw,1.25rem)!important;
  line-height:1!important;text-shadow:none!important;
}
.ayn-filters button.is-active,.ayn-filters button[aria-pressed="true"]{background:#dceaf2!important;border-color:#0c436a!important}
.ayn-filters button::before,.ayn-filters button::after{pointer-events:none!important}

body:has(.ayn-news) main#top{overflow-x:visible!important}

body:has(.ayn-news){background:#f6921e!important}
body:has(.ayn-news) .page-content-wrapper, body:has(.ayn-news) .page-content-wrapper__inner, body:has(.ayn-news) .page-content{padding-bottom:0!important;margin-bottom:0!important}

/* NAVBAR — permanently orange Ayamen symbol over the original logo on every theme. */
.header .header__logo-link{position:relative!important;isolation:isolate!important}
.header .header__logo-link::after{
  content:""!important;position:absolute!important;left:0!important;top:50%!important;
  width:30%!important;height:82%!important;transform:translateY(-50%)!important;z-index:5!important;
  background:
    linear-gradient(30deg,transparent 43%,#f6921e 44% 57%,transparent 58%) 0 15%/100% 42% no-repeat,
    linear-gradient(150deg,transparent 43%,#f6921e 44% 57%,transparent 58%) 0 15%/100% 42% no-repeat,
    linear-gradient(30deg,transparent 43%,#f6921e 44% 57%,transparent 58%) 0 72%/100% 42% no-repeat,
    linear-gradient(150deg,transparent 43%,#f6921e 44% 57%,transparent 58%) 0 72%/100% 42% no-repeat!important;
  pointer-events:none!important;
}

@media(max-width:767px){
  .ayn-news__hero-media img{object-position:center top!important}
  
  .header .header__logo-link::after{width:31%!important;height:80%!important}
}

/* ===== END MERGED: ayamen-r25-overrides.css ===== */

/* ===== BEGIN MERGED: ayamen-r26-overrides.css ===== */

/* R26 — source-logo brand colour, news fit, stable services card */
:root{
  --ayamen-orange:#f6921e!important;
  --arf-orange:#f6921e!important;
  --ayamen-logo-gradient:linear-gradient(135deg,#faaf40 0%,#f6921e 100%);
}

/* Use the supplied logo itself. Never draw or recolour a fake symbol over it. */
.header .header__logo-link::after{content:none!important;display:none!important;background:none!important}
.header .header__logo-link img.icon-logo, .header .header__logo-link img{filter:none!important;opacity:1!important}

/* NEWS hero — cover the frame, retain the upper part, and use only a very light blue veil. */
.ayn-news__hero{overflow:hidden!important;background:#edf4f7!important}
.ayn-news__hero-media{position:absolute!important;inset:0!important;overflow:hidden!important;background:#edf4f7!important}
.ayn-news__hero-media picture,.ayn-news__hero-media img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center 8%!important;transform:none!important;filter:none!important;opacity:1!important;
}
.ayn-news__hero-media-shade{
  display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:rgba(31,104,145,.12)!important;opacity:1!important;pointer-events:none!important;
}
.ayn-news__hero::after{display:none!important}
.ayn-news__hero-inner{position:relative!important;z-index:2!important}

/* NEWS filters — one aligned pill group and visible labels. */
.ayn-filters{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:.35rem!important;
  width:auto!important;max-width:calc(100vw - 2rem)!important;padding:.35rem!important;margin-left:0!important;
  border:1px solid rgba(12,67,106,.18)!important;border-radius:999px!important;background:#fff!important;
  box-sizing:border-box!important;overflow:visible!important;
}
.ayn-filters button, .ayn-filters button:hover, .ayn-filters button:focus-visible, .ayn-filters button.is-active, .ayn-filters button[aria-pressed="true"]{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-width:7rem!important;min-height:3.25rem!important;margin:0!important;padding:.8rem 1.35rem!important;
  border-radius:999px!important;color:#0c436a!important;-webkit-text-fill-color:#0c436a!important;
  font-size:clamp(1rem,1.05vw,1.2rem)!important;font-weight:600!important;line-height:1!important;
  opacity:1!important;visibility:visible!important;text-indent:0!important;
}
.ayn-filters button.is-active,.ayn-filters button[aria-pressed="true"]{background:#dceaf2!important;border-color:#0c436a!important}

body:has(.ayn-news) .page-content-wrapper, body:has(.ayn-news) .page-content-wrapper__inner, body:has(.ayn-news) .page-content, body:has(.ayn-news) main#top{padding-bottom:0!important;margin-bottom:0!important;overflow-x:clip!important}

/* LANDING Services slider — restore a predictable two-column card without absolute text collisions. */
@media(min-width:768px){
  #services .l-services-gallery{background:#ead4bd!important;overflow:hidden!important}
  #services .l-services-gallery>.animation-fix{padding:0 0 clamp(2.5rem,4vw,4.5rem)!important}
  #services .l-services-card{
    display:grid!important;grid-template-columns:minmax(0,62%) minmax(0,38%)!important;align-items:stretch!important;
    width:calc(100% - clamp(2rem,8vw,8rem))!important;max-width:1680px!important;
    height:clamp(620px,72vh,780px)!important;min-height:620px!important;
    margin:0 auto!important;padding:0!important;overflow:hidden!important;
    border-radius:clamp(1.5rem,2.2vw,2.5rem)!important;background:#0c5b88!important;
  }
  #services .l-services-card>.col{width:auto!important;max-width:none!important;height:100%!important;padding:0!important;margin:0!important}
  #services .l-services-card__image,
  #services .l-services-card__content{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;border-radius:0!important;overflow:hidden!important}
  #services .l-services-card__image{position:relative!important}
  #services .l-services-card__image .background,
  #services .l-services-card__image .content-animation,
  #services .l-services-card__image [data-content-animation-item],
  #services .l-services-card__image picture,
  #services .l-services-card__image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  #services .l-services-card__image img{object-fit:cover!important;object-position:center!important}
  #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,3rem) clamp(2rem,3.5vw,4rem) clamp(3rem,5vw,5rem)!important;
    text-align:center!important;background:#0c5b88!important;box-sizing:border-box!important;
  }
  #services .l-services-card__nav{position:absolute!important;top:clamp(1.5rem,2.4vw,2.3rem)!important;right:clamp(1.5rem,2.4vw,2.3rem)!important;margin:0!important;z-index:5!important}
  #services .l-services-card__title{
    position:relative!important;top:auto!important;left:auto!important;transform:none!important;
    width:100%!important;max-width:36rem!important;margin:clamp(6.5rem,12vh,8rem) auto 0!important;text-align:center!important;
  }
  #services .l-services-card__title .text-tiny{margin:0 0 1.2rem!important}
  #services .l-services-card__title h3{margin:0!important;font-size:clamp(3.2rem,4vw,5.5rem)!important;line-height:.95!important;text-align:center!important;text-wrap:balance!important}
  #services .l-services-card__text{
    position:relative!important;top:auto!important;left:auto!important;transform:none!important;
    width:100%!important;max-width:33rem!important;margin:auto auto 0!important;padding:0!important;text-align:center!important;
  }
  #services .l-services-card__text p{margin:0!important;font-size:clamp(1.15rem,1.28vw,1.42rem)!important;line-height:1.42!important;text-align:center!important}
  #services .content-animation,#services [data-content-animation-item]{overflow:visible!important;min-height:0!important}
}
@media(max-width:767px){
  .ayn-news__hero-media picture,.ayn-news__hero-media img{object-position:center 5%!important}
  .ayn-filters{display:flex!important;width:max-content!important;max-width:100%!important}
  .ayn-filters button{min-width:0!important;padding:.75rem 1rem!important}
}

/* ===== END MERGED: ayamen-r26-overrides.css ===== */

/* ===== BEGIN MERGED: ayamen-r27-services-clean.css ===== */
/* R27 — clean Services Slider restoration
   Loaded last. Restores the original carousel geometry while retaining current content. */

@media (min-width: 980px) {
  #services .l-services-gallery {
    background: var(--c-beige) !important;
    padding-inline: clamp(2rem, 4vw, 4.5rem) !important;
    padding-bottom: clamp(3rem, 6vw, 6rem) !important;
  }

  #services .l-services-card {
    display: grid !important;
    grid-template-columns: minmax(0, 61.5%) minmax(0, 38.5%) !important;
    width: 100% !important;
    max-width: 1680px !important;
    min-height: clamp(620px, 72vh, 760px) !important;
    height: clamp(620px, 72vh, 760px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: clamp(24px, 2vw, 34px) !important;
    background: #0f5f8f !important;
  }

  #services .l-services-card > .col {
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #services .l-services-card__image {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  #services .l-services-card__image .content-animation,
  #services .l-services-card__image [data-content-animation-item],
  #services .l-services-card__image picture,
  #services .l-services-card__image img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  #services .l-services-card__image img {
    object-fit: cover !important;
    object-position: center !important;
  }

  #services .l-services-card__content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: clamp(2rem, 3vw, 3.25rem) clamp(2rem, 3.4vw, 4rem) clamp(2.5rem, 3.8vw, 4rem) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #0f5f8f !important;
    text-align: center !important;
  }

  #services .l-services-card__nav {
    position: absolute !important;
    top: clamp(1.7rem, 2.5vw, 2.5rem) !important;
    right: clamp(1.7rem, 2.5vw, 2.5rem) !important;
    margin: 0 !important;
    z-index: 5 !important;
  }

  #services .l-services-card__title {
    align-self: stretch !important;
    width: 100% !important;
    margin: clamp(7.25rem, 12vh, 9rem) 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  #services .l-services-card__title .text-tiny {
    margin: 0 0 1.1rem !important;
    text-align: center !important;
  }

  #services .l-services-card__title h3 {
    margin: 0 auto !important;
    max-width: 10ch !important;
    font-size: clamp(3.4rem, 4vw, 5.4rem) !important;
    line-height: .96 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  #services .l-services-card__text {
    position: static !important;
    width: 100% !important;
    max-width: 24rem !important;
    margin: auto auto 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  #services .l-services-card__text p {
    margin: 0 !important;
    font-size: clamp(1.1rem, 1.18vw, 1.35rem) !important;
    line-height: 1.42 !important;
    text-align: center !important;
  }
}

@media (max-width: 979px) {
  #services .l-services-card, #services .l-services-card__content, #services .l-services-card__image {
    height: auto !important;
    max-height: none !important;
  }
}

/* ===== END MERGED: ayamen-r27-services-clean.css ===== */

/* =========================================================
   R29 — CONSOLIDATED MOBILE SYSTEM
   Loaded after all page-specific styles. The older numbered
   override files are merged into this same file above.
   ========================================================= */
:root{
  --ayamen-orange:#f6921e;
  --ayamen-mobile-gutter:clamp(18px,5vw,28px);
  --ayamen-mobile-header:68px;
  --ayamen-mobile-radius:22px;
}

html{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}
body{max-width:100%;min-width:320px;overflow-x:clip}
html[dir="ltr"] body, html[dir="ltr"] button, html[dir="ltr"] input, html[dir="ltr"] textarea, html[dir="ltr"] select{font-family:"AyamenHelvetica",Arial,sans-serif}
html[dir="ltr"] h1, html[dir="ltr"] h2, html[dir="ltr"] h3, html[dir="ltr"] h4, html[dir="ltr"] h5, html[dir="ltr"] h6, html[dir="ltr"] .h1, html[dir="ltr"] .h2, html[dir="ltr"] .h3, html[dir="ltr"] .h4{font-family:AyamenSans,"AyamenHelvetica",Helvetica,Arial,sans-serif;font-weight:500}
img,video,svg{max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}

/* Preserve the real logo artwork. */
.header .header__logo-link::before, .header .header__logo-link::after{content:none!important;display:none!important}
.header .header__logo-link img{filter:none!important;opacity:1!important}

/* Use the real button icon instead of generated square/arrow glyphs. */
.header .header__button-regular .btn__icon, .header .header__button-collapsed .btn__icon, .header a.btn[href*="contact"] .btn__icon, .header a.btn[href*="callback"] .btn__icon, .header a.btn[href*="request"] .btn__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.header .header__button-regular .btn__text::after, .header .header__button-collapsed .btn__text::after, .header a.btn[href*="contact"] .btn__text::after, .header a.btn[href*="callback"] .btn__text::after, .header a.btn[href*="request"] .btn__text::after{content:none!important;display:none!important}

@media (max-width:979px){
  html,body{width:100%;overscroll-behavior-y:auto}
  body{font-size:17px!important;line-height:1.55!important}
  .page-content-wrapper,.page-content-wrapper__inner,.page-content,.js-page-content,main{max-width:100%;min-width:0}
  .text-small,.btn--text-small,small{font-size:.94rem!important;line-height:1.45!important}
  .text-tiny{font-size:.82rem!important;line-height:1.35!important;letter-spacing:.07em!important}
  .text-tinier{font-size:.78rem!important;line-height:1.35!important}
  .form-label,.form-control input,.form-control textarea,.form-control select{font-size:1rem!important}
  .btn{min-height:44px}
  .btn__content{max-width:100%}

  /* ---------------- Full-screen mobile menu ---------------- */
  #menu.menu{
    position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
    max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
    z-index:99999!important;background:#0c436a!important;overflow:hidden!important;
  }
  #menu.menu.is-hidden{display:none!important}
  #menu.menu:not(.is-hidden){display:block!important;visibility:visible!important;opacity:1!important}
  #menu .modal__animation,#menu .modal__scroller,#menu .modal__content-wrapper,#menu .modal__content{
    width:100%!important;height:100%!important;min-height:100dvh!important;max-height:none!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
  }
  #menu .modal__content>.background{display:none!important}
  #menu .modal__content>.row{width:100%!important;height:100%!important;margin:0!important;display:block!important}
  #menu .modal__content>.row>.col{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important}
  #menu .menu__inner{
    width:100%!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;
    padding:max(22px,env(safe-area-inset-top)) var(--ayamen-mobile-gutter) max(22px,env(safe-area-inset-bottom))!important;
    border-radius:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    background:#0c436a!important;color:#fff!important;display:flex!important;flex-direction:column!important;
  }
  #menu .menu__top{position:sticky!important;top:0!important;z-index:3!important;align-items:center!important;padding-bottom:16px!important;background:#0c436a!important}
  #menu .menu__logo{width:min(148px,42vw)!important;height:auto!important}
  #menu .menu__logo img{width:100%!important;height:auto!important;filter:none!important}
  #menu .menu__top .btn{width:48px!important;height:48px!important;min-height:48px!important;flex:0 0 48px!important}
  #menu .menu__list{
    flex:1!important;justify-content:center!important;gap:clamp(14px,3.4vh,30px)!important;
    margin:20px 0!important;padding:20px 0!important;min-height:430px!important;
  }
  #menu .menu__list a{font-size:clamp(2.25rem,10vw,4.2rem)!important;line-height:.98!important;color:#fff!important;letter-spacing:-.035em!important}
  #menu .menu__bottom{align-items:flex-start!important;flex-direction:column!important;gap:20px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.2)!important}
  #menu .menu__bottom>.group{gap:5px!important}
  #menu .menu__bottom a{color:#fff!important}
  #menu .menu__bottom>.btn{width:100%!important;justify-content:center!important}
  html.ayamen-menu-open,html.ayamen-menu-open body{overflow:hidden!important;touch-action:none!important}

  /* ---------------- Mobile header ---------------- */
  .header{width:100%!important;max-width:100vw!important}
  .header__content{min-height:var(--ayamen-mobile-header)!important;height:var(--ayamen-mobile-header)!important;padding-inline:14px!important;flex-wrap:nowrap!important}
  .header__content>.col:nth-child(2){width:45%!important;max-width:45%!important;flex:0 0 45%!important}
  .header__content>.group--header{width:55%!important;max-width:55%!important;flex:0 0 55%!important;gap:7px!important;flex-wrap:nowrap!important}
  .header__logo{min-width:0!important}
  .header__logo-link{display:block!important;width:min(116px,30vw)!important}
  .header__logo img{display:block!important;width:100%!important;height:auto!important}
  .header .ayamen-lang-switch{font-size:.78rem!important;white-space:nowrap!important}
  .header .header__button-regular, .header .header__button-collapsed, .header a.btn[href*="contact"]{min-height:40px!important;padding:.55rem .72rem!important;border-radius:999px!important;white-space:nowrap!important}
  .header .header__button-regular .btn__text, .header .header__button-collapsed .btn__text, .header a.btn[href*="contact"] .btn__text{font-size:.76rem!important}
  .header .btn__icon svg{width:15px!important;height:15px!important}

  /* ---------------- Homepage ---------------- */
  .ayamen-landing-r3 .l-intro, .ayamen-landing-r3 .l-intro-section{min-height:100svh}
  .ayamen-landing-r3 .l-intro__content{padding-inline:var(--ayamen-mobile-gutter)!important}
  .ayamen-landing-r3 .l-intro h1{font-size:clamp(3.25rem,15vw,5.6rem)!important;line-height:.92!important;max-width:9ch!important}
  .ayamen-landing-r3 .l-content__text{font-size:clamp(2.35rem,10.8vw,4.25rem)!important;line-height:1.02!important;padding-inline:var(--ayamen-mobile-gutter)!important}
  .ayamen-landing-r3 .ayamen-intro-image-col{transform:none!important;margin-top:24px!important}
  .ayamen-landing-r3 .l-content__image{transform:none!important}
  .ayamen-landing-r3 .ayamen-intro-button-col{margin-top:24px!important;margin-bottom:20px!important}
  .ayamen-landing-r3 .l-home__text-col p{font-size:1.06rem!important;line-height:1.6!important}
  #services .l-services-gallery{overflow:hidden!important}
  #services .l-services-gallery__title{overflow:visible!important;padding-top:clamp(18px,5vw,28px)!important}
  #services .l-services-gallery__title h2{font-size:clamp(2.8rem,12.5vw,4.7rem)!important;line-height:.94!important;padding-inline:var(--ayamen-mobile-gutter)!important;padding-top:.08em!important;padding-bottom:1.6rem!important;margin:0!important;overflow:visible!important}
  #services .mobile-scrollable{display:flex!important;align-items:flex-start!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:var(--ayamen-mobile-gutter)!important;padding:0 var(--ayamen-mobile-gutter) 28px!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important}
  #services .mobile-scrollable::-webkit-scrollbar{display:none!important}
  #services .mobile-scrollable__item{flex:0 0 min(84vw,390px)!important;width:min(84vw,390px)!important;height:auto!important;min-height:0!important;scroll-snap-align:center!important;margin:0!important;border-radius:var(--ayamen-mobile-radius)!important;overflow:hidden!important}
  #services .l-exquisite-mob-card--services{height:auto!important;min-height:0!important}
  #services .l-exquisite-mob-card__image{display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;overflow:hidden!important}
  #services .l-exquisite-mob-card__image img{width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;object-fit:cover!important;object-position:center bottom!important}
  #services .l-exquisite-mob-card__content{height:auto!important;min-height:0!important;padding:18px 20px 22px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important}
  #services .l-exquisite-mob-card__content-counter{width:100%!important;font-size:.76rem!important;line-height:1.2!important;text-align:center!important;margin:0!important}
  #services .l-exquisite-mob-card__content-title{width:100%!important;flex:0 0 auto!important;font-size:clamp(1.65rem,7.5vw,2.35rem)!important;line-height:1.02!important;text-align:center!important;margin:0!important;padding:0!important}
  #services .l-exquisite-mob-card__content-text{width:100%!important;max-width:29rem!important;font-size:clamp(.92rem,3.8vw,1.05rem)!important;line-height:1.48!important;text-align:center!important;margin:2px 0 0!important}

  /* ---------------- About ---------------- */
  .about-page .ab-values__content{min-height:0!important;height:auto!important;padding-bottom:0!important}
  .about-page .ab-values__content>.content-animation{min-height:250px!important}
  .about-page .ab-values__content-buttons{position:relative!important;left:auto!important;bottom:auto!important;margin-top:18px!important;min-height:48px!important}
  .about-page .ab-values__list{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-inline:var(--ayamen-mobile-gutter)!important;scrollbar-width:none!important}
  .about-page .ab-values__list::-webkit-scrollbar{display:none!important}
  .about-page .ab-values__list .mobile-scrollable__item{flex:0 0 min(84vw,390px)!important;scroll-snap-align:center!important}
  .about-page .ab-values__list-card{height:100%!important;min-height:360px!important;padding:22px!important;border-radius:var(--ayamen-mobile-radius)!important}
  .about-page .ab-values__list-card .h4{font-size:clamp(2rem,9vw,3rem)!important;line-height:1!important}
  .about-page .ab-values__list-card p:not(.h4){font-size:1.05rem!important;line-height:1.58!important}
  
  
  

  /* ---------------- Forms / contact / careers ---------------- */
  .form-control--input input, .form-control--select select, .form-control--textarea textarea{min-height:54px!important}
  .form-control--textarea textarea{min-height:128px!important}
  .form-group{margin-bottom:14px!important}
  .form-footer{gap:18px!important}
  .l-contact-form .btn{width:100%!important;justify-content:center!important}
  .callback-layout{min-height:100dvh!important}
  .callback-layout__background{height:190px!important}
  .callback-layout__form{overflow:visible!important}
  .callback-layout__form-content{padding-bottom:max(22px,env(safe-area-inset-bottom))!important}

  /* ---------------- Projects listing: vertical, light motion ---------------- */
  .ayp-index{width:100%!important;max-width:100%!important;overflow:visible!important;background:#052f4d!important}
  .ayp-track{display:block!important;width:100%!important;height:auto!important;transform:none!important;will-change:auto!important}
  .ayp-panel{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:visible!important;contain:none!important}
  .ayp-intro{width:100%!important;min-height:100svh!important;padding:calc(var(--ayamen-mobile-header) + 62px) var(--ayamen-mobile-gutter) 52px!important;justify-content:flex-end!important}
  .ayp-kicker{top:calc(var(--ayamen-mobile-header) + 28px)!important;left:var(--ayamen-mobile-gutter)!important;font-size:.88rem!important}
  .ayp-intro__grid{display:block!important}
  .ayp-intro h1{font-size:clamp(3.8rem,17vw,6rem)!important;line-height:.88!important;margin-bottom:28px!important}
  .ayp-intro__grid p{font-size:1.08rem!important;line-height:1.6!important;max-width:34rem!important}
  .ayp-scroll-cue{position:relative!important;left:auto!important;bottom:auto!important;margin-top:30px!important;font-size:.82rem!important}
  .ayp-projects{display:block!important;width:100%!important}
  .ayp-project{
    width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
    padding:calc(var(--ayamen-mobile-header) + 38px) var(--ayamen-mobile-gutter) 58px!important;
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:20px!important;
    border-right:0!important;border-bottom:1px solid rgba(10,41,64,.15)!important;overflow:visible!important;
    transform:none!important;opacity:1!important;will-change:auto!important;
  }
  .ayp-project__meta,.ayp-project h2,.ayp-media,.ayp-project__footer{grid-column:1!important;grid-row:auto!important}
  .ayp-project__meta{font-size:.86rem!important;line-height:1.45!important;gap:12px!important;flex-wrap:wrap!important}
  .ayp-project h2{font-size:clamp(3.5rem,16vw,5.8rem)!important;line-height:.9!important;margin:10px 0 4px!important}
  .ayp-media{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/5!important;margin:0!important;transform:none!important;clip-path:none!important;border-radius:var(--ayamen-mobile-radius)!important}
  .ayp-media--wide{aspect-ratio:4/3!important}
  .ayp-media--small{width:72%!important;justify-self:end!important;aspect-ratio:4/3!important;margin-top:0!important}
  .ayp-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;filter:none!important}
  .ayp-project__footer{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;margin:0!important;padding-top:20px!important}


  .ayp-closing{width:100%!important;height:auto!important;min-height:0!important;display:block!important;padding:72px var(--ayamen-mobile-gutter) 58px!important}
  .ayp-closing__image{height:auto!important;aspect-ratio:4/5!important;margin-bottom:30px!important;clip-path:none!important;border-radius:var(--ayamen-mobile-radius)!important}
  .ayp-closing h2{font-size:clamp(3.5rem,16vw,5.8rem)!important;line-height:.9!important}
  .ayp-line__inner,.ayp-word>span{transform:none!important;opacity:1!important}
  .ayp-media,.ayp-media img,.ayp-project,.ayp-closing,.ayp-closing__image{will-change:auto!important}

  /* ---------------- Individual projects: vertical ---------------- */
  body:has([data-project-detail]){overflow-y:auto!important;overflow-x:clip!important;background:#041f33!important}
  [data-project-detail]{overflow:visible!important}
  .pd-horizontal-shell{width:100%!important;height:auto!important;overflow:visible!important;scroll-snap-type:none!important;contain:none!important}
  .pd-horizontal-track{display:block!important;width:100%!important;height:auto!important;transform:none!important;will-change:auto!important}
  .pd-panel{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;scroll-snap-align:none!important;contain:none!important}
  .pd-panel::before{display:none!important}
  .pd-jump{display:none!important}
  .pd-progress{
    position:sticky!important;top:var(--ayamen-mobile-header)!important;left:auto!important;right:auto!important;bottom:auto!important;
    z-index:70!important;transform:none!important;width:100%!important;display:flex!important;gap:8px!important;
    padding:8px var(--ayamen-mobile-gutter)!important;background:rgba(3,31,50,.9)!important;backdrop-filter:blur(12px)!important;
    overflow-x:auto!important;scrollbar-width:none!important;
  }
  .pd-progress::-webkit-scrollbar{display:none!important}
  .pd-progress button{flex:0 0 auto!important;min-height:40px!important;justify-content:center!important}
  .pd-progress button span{width:34px!important;height:34px!important;font-size:.82rem!important}
  .pd-progress button b{display:none!important}
  .pd-hero{min-height:100svh!important;height:auto!important}
  .pd-hero>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
  .pd-hero-copy{position:relative!important;min-height:100svh!important;padding:calc(var(--ayamen-mobile-header) + 92px) var(--ayamen-mobile-gutter) 68px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
  .pd-hero h1{font-size:clamp(3.7rem,17vw,6rem)!important;line-height:.9!important}
  .pd-hero-copy>p,.pd-kicker{font-size:1rem!important;line-height:1.5!important}
  .pd-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .pd-overview,.pd-info,.pd-media,.pd-residences{padding:72px var(--ayamen-mobile-gutter)!important;display:block!important;min-height:0!important}
  .pd-overview h2,.pd-info-panel h2,.pd-section-head h2,.pd-residences h2,.pd-cta h2{font-size:clamp(2.8rem,12.5vw,4.6rem)!important;line-height:.96!important}
  .pd-overview-copy>p,.pd-overview-copy li,.pd-info-panel p,.pd-info-panel li,.pd-unit-panels p{font-size:1.08rem!important;line-height:1.68!important}
  .pd-overview-media{height:auto!important;aspect-ratio:4/5!important;margin:30px 0!important;clip-path:none!important}
  .pd-overview-stats{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:28px!important}
  .pd-filter-row,.pd-mode-tabs,.pd-unit-tabs,.pd-plan-controls{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:8px!important;scrollbar-width:none!important}
  .pd-filter-row::-webkit-scrollbar,.pd-mode-tabs::-webkit-scrollbar,.pd-unit-tabs::-webkit-scrollbar,.pd-plan-controls::-webkit-scrollbar{display:none!important}
  .pd-filter-row button,.pd-mode-tabs button,.pd-unit-tabs button,.pd-plan-controls button{flex:0 0 auto!important;min-height:48px!important;font-size:.98rem!important;white-space:nowrap!important;transform:none!important}
  .pd-info-panel{display:block!important;max-height:none!important;overflow:visible!important;padding:24px!important;margin-top:18px!important}
  .pd-info-panel ul{max-height:none!important;overflow:visible!important;columns:1!important}
  .pd-media>.pd-section-head{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;margin-bottom:24px!important}
  .pd-media>.pd-mode-panel{display:block!important;width:100%!important;height:auto!important;min-height:0!important}
  .pd-gallery,.pd-plan-stage{height:auto!important;min-height:0!important;aspect-ratio:4/5!important;clip-path:none!important}
  .pd-gallery-track,.pd-slide{height:100%!important}
  .pd-thumbs{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;display:flex!important;max-width:100%!important;margin-top:10px!important;padding:0!important;overflow-x:auto!important}
  .pd-thumb{flex:0 0 76px!important;width:76px!important;height:54px!important;transform:none!important}
  .pd-arrow{width:46px!important;height:46px!important}
  .pd-counter{font-size:.88rem!important}
  .pd-plan-controls{margin-bottom:12px!important}
  .pd-residences .pd-section-head{margin-bottom:22px!important}
  .pd-unit-panels{min-height:0!important;padding:24px!important;clip-path:none!important}
  .pd-unit-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .pd-unit-meta span,.pd-floor-schedule article,.pd-note{font-size:1rem!important;line-height:1.55!important}
  .pd-cta{min-height:0!important;height:auto!important;padding:84px 0 0!important}
  .pd-cta>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;animation:none!important}
  .pd-cta>div{position:relative!important;width:100%!important;padding:80px var(--ayamen-mobile-gutter) 70px!important}
  .pd-cta-nav{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:18px var(--ayamen-mobile-gutter)!important}
  .pd-text-line>span{transform:none!important;opacity:1!important;animation:none!important}
  .pd-overview-media,.pd-gallery,.pd-plan-stage,.pd-unit-panels{will-change:auto!important}

  /* ---------------- News listing ---------------- */
  .ayn-news{overflow:visible!important}
  .ayn-news__hero{min-height:86svh!important;height:auto!important;overflow:hidden!important;background:#0c436a!important}
  .ayn-news__hero-media{position:absolute!important;inset:0!important;opacity:1!important;transform:none!important}
  .ayn-news__hero-media picture,.ayn-news__hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 10%!important;transform:none!important;opacity:1!important}
  .ayn-news__hero-media-shade{display:block!important;position:absolute!important;inset:0!important;background:rgba(35,108,149,.14)!important;opacity:1!important}
  .ayn-news__hero-inner{position:relative!important;z-index:2!important;min-height:86svh!important;padding:calc(var(--ayamen-mobile-header) + 60px) var(--ayamen-mobile-gutter) 48px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
  .ayn-news__hero-copy,.ayn-news__hero-note{opacity:1!important;transform:none!important}
  .ayn-news__hero h1{font-size:clamp(3.5rem,16vw,5.8rem)!important;line-height:.9!important}
  .ayn-news__hero p{font-size:1.05rem!important;line-height:1.58!important}
  .ayn-filters{
    display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:calc(100% - (var(--ayamen-mobile-gutter) * 2))!important;
    max-width:none!important;margin:20px var(--ayamen-mobile-gutter) 30px!important;padding:6px!important;
    overflow-x:auto!important;overflow-y:hidden!important;border-radius:999px!important;scrollbar-width:none!important;
    scroll-padding-inline:6px!important;
  }
  .ayn-filters::-webkit-scrollbar{display:none!important}
  .ayn-filters button{flex:0 0 auto!important;min-width:max-content!important;min-height:46px!important;padding:.72rem 1.05rem!important;font-size:.95rem!important;color:#0c436a!important;-webkit-text-fill-color:#0c436a!important}
  .ayn-news-grid{grid-template-columns:1fr!important;gap:18px!important;padding-inline:var(--ayamen-mobile-gutter)!important}
  .ayn-news-card,.ayn-feature{border-radius:var(--ayamen-mobile-radius)!important;transform:none!important}
  .ayn-news-card h2,.ayn-news-card h3,.ayn-feature h2,.ayn-feature h3{font-size:clamp(2rem,9vw,3rem)!important;line-height:1!important}
  .ayn-news-card p,.ayn-feature p{font-size:1.05rem!important;line-height:1.58!important}
  .ayn-news-card__footer{font-size:.9rem!important}
  

  /* ---------------- News articles ---------------- */
  .ayn-article{overflow:visible!important}
  .ayn-article-hero{padding:calc(var(--ayamen-mobile-header) + 46px) var(--ayamen-mobile-gutter) 0!important}
  .ayn-article h1{font-size:clamp(3rem,14vw,4.8rem)!important;line-height:.94!important}
  .ayn-article-deck{font-size:1.12rem!important;line-height:1.6!important}
  .ayn-article-eyebrow{font-size:.84rem!important}
  .ayn-article-media{width:calc(100% - (var(--ayamen-mobile-gutter) * 2))!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin-top:2.4rem!important;border-radius:var(--ayamen-mobile-radius)!important}
  .ayn-article-media img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center top!important;transform:none!important}
  .ayn-article-meta,.ayn-article-body,.ayn-article-share{width:calc(100% - (var(--ayamen-mobile-gutter) * 2))!important}
  .ayn-article-meta{font-size:.95rem!important}
  .ayn-article-body{margin-top:3.5rem!important}
  .ayn-article-section{margin-bottom:2.8rem!important}
  .ayn-article-section h2{font-size:clamp(2.2rem,10vw,3.25rem)!important;line-height:1!important}
  .ayn-article-section p,.ayn-article-section li{font-size:1.08rem!important;line-height:1.72!important}
  .ayn-article-pullquote{font-size:clamp(1.65rem,7.5vw,2.4rem)!important;padding:1.5rem!important}
  .ayn-related{padding:4rem var(--ayamen-mobile-gutter) 5rem!important}
  .ayn-related__head h2{font-size:clamp(2.8rem,12vw,4.4rem)!important}
  .ayn-related-grid{grid-template-columns:1fr!important;gap:18px!important}
  .ayn-related-card{min-height:0!important;border-radius:var(--ayamen-mobile-radius)!important;transform:none!important}
  .ayn-related-card__copy{min-height:0!important;padding:22px!important}
  .ayn-related-card h3{font-size:clamp(2rem,9vw,3rem)!important}
  .ayn-related-card p{font-size:1.04rem!important;line-height:1.58!important}
  .ayn-related-card figure{height:auto!important;aspect-ratio:4/3!important}
  .ayn-related-card img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
  .ayn-article-cta{width:calc(100% - (var(--ayamen-mobile-gutter) * 2))!important;min-height:420px!important;margin-bottom:4rem!important;padding:32px!important;border-radius:var(--ayamen-mobile-radius)!important}
  .ayn-article-cta__copy h2{font-size:clamp(2.8rem,12vw,4.2rem)!important}
  

  /* ---------------- Footer: same design, controlled 2x2 socials ---------------- */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* ---------------- Privacy ---------------- */
  .legal{overflow:visible!important}
  .legal p,.legal li{font-size:1.05rem!important;line-height:1.68!important;overflow-wrap:anywhere!important}
  .legal .px-1,.legal [class*="px-"]{padding-left:var(--ayamen-mobile-gutter)!important;padding-right:var(--ayamen-mobile-gutter)!important}
}

@media (max-width:480px){
  :root{--ayamen-mobile-gutter:18px;--ayamen-mobile-header:64px}
  .header__content>.col:nth-child(2){width:43%!important;max-width:43%!important;flex-basis:43%!important}
  .header__content>.group--header{width:57%!important;max-width:57%!important;flex-basis:57%!important}
  .header__logo-link{width:min(104px,29vw)!important}
  .header .ayamen-lang-switch{font-size:.72rem!important}
  .header .header__button-regular,.header .header__button-collapsed,.header a.btn[href*="contact"]{padding:.5rem .58rem!important}
  .header .header__button-regular .btn__text,.header .header__button-collapsed .btn__text,.header a.btn[href*="contact"] .btn__text{font-size:.7rem!important}
  .header a[aria-label="Call"]{display:none!important}
  #menu .menu__list a{font-size:clamp(2.15rem,11.5vw,3.5rem)!important}
  
  
  .ayn-filters{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important}
}

@media (hover:none),(pointer:coarse){
  
  
  .ayn-news-card:hover,.ayn-related-card:hover,.ayp-project:hover{transform:none!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* R29 final narrow-device safeguards */
@media (max-width:979px) and (orientation:landscape) and (max-height:540px){
  :root{--ayamen-mobile-header:58px}
  #menu .menu__list{min-height:0!important;justify-content:flex-start!important;gap:12px!important}
  #menu .menu__list a{font-size:clamp(1.8rem,7.5vh,2.7rem)!important}
  .ayamen-landing-r3 .l-intro h1,.ayn-news__hero h1,.pd-hero h1{font-size:clamp(2.7rem,10vh,4.2rem)!important}
}
@media (max-width:359px){
  :root{--ayamen-mobile-gutter:14px}
  .header .ayamen-lang-switch{display:none!important}
  .header__content>.col:nth-child(2){width:48%!important;max-width:48%!important;flex-basis:48%!important}
  .header__content>.group--header{width:52%!important;max-width:52%!important;flex-basis:52%!important}
  
}
@supports not (height:100dvh){
  @media (max-width:979px){#menu.menu,#menu .modal__animation,#menu .modal__scroller,#menu .modal__content-wrapper,#menu .modal__content,#menu .menu__inner{height:calc(var(--ayamen-vh,1vh)*100)!important;min-height:calc(var(--ayamen-vh,1vh)*100)!important}}
}


/* =========================================================
   R30 — ORIGINAL LOGO ARTWORK + PERFORMANCE CLEANUP
   ========================================================= */
/* The inline logo runtime stores the original orange/gradient paint as an
   inline !important value. Do not replace it with a guessed solid orange. */
.header .ayamen-brand-svg [data-ayamen-symbol="true"]{
  opacity:1!important;
}
.header .header__logo-link::before, .header .header__logo-link::after{content:none!important;display:none!important}
.header .header__logo img, .header .header__logo svg{filter:none!important}

/* Avoid permanently promoted layers and expensive blur on touch/mobile.
   Desktop hover depth remains unchanged. */
@media (max-width:979px), (hover:none), (pointer:coarse){
  .header__background,
  #menu .menu__inner,
  .pd-jump,
  .pd-progress button span,
  .ayn-news-card::after,
  .ayn-feature,
  .ayn-news-card{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .ayn-news-card,
  .ayn-feature,
  .ayn-news-card__copy,
  .ayn-news-card__copy h2,
  .ayn-news-card__copy p,
  .ayn-news-card .ayn-tag,
  .ayn-news-card .ayn-image-frame,
  .ayp-track,
  .pd-horizontal-track,
  .pd-panel{
    will-change:auto!important;
    transform-style:flat!important;
  }
  .ayn-news-card__copy,
  .ayn-news-card__copy h2,
  .ayn-news-card__copy p,
  .ayn-news-card .ayn-tag,
  .ayn-news-card .ayn-image-frame,
  .ayn-news-card__link{
    transform:none!important;
  }
  .ayn-news-card::before,
  .ayn-feature::after{display:none!important}
  .ayn-news-card img,
  .ayn-feature img{filter:none!important}
}

/* ===== R33 TARGETED VISUAL CORRECTIONS ===== */

/* Landing hero media overscan: the video/poster may translate during the
   legacy parallax reset, but it must never expose the blue fallback strip. */
.ayamen-landing-r3 .l-intro__background{
  overflow:hidden!important;
}
.ayamen-landing-r3 .l-intro__background > [data-plugin~="videoTemplate"], .ayamen-landing-r3 .l-intro__background > .l-intro__video-poster{
  top:-72px!important;
  bottom:-72px!important;
  height:calc(100% + 144px)!important;
  min-height:calc(100% + 144px)!important;
}
body.ayamen-landing-r3.ayamen-at-top .l-intro__background > [data-plugin~="videoTemplate"], body.ayamen-landing-r3.ayamen-at-top .l-intro__background > .l-intro__video-poster{
  transform:none!important;
}
.ayamen-landing-r3 .l-intro__background > [data-plugin~="videoTemplate"] video, .ayamen-landing-r3 .l-intro__background > .l-intro__video-poster img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* The same visible MENU control remains clickable above the full-screen
   menu, allowing a second click to close it. */
html.ayamen-menu-open .header{
  z-index:13020!important;
  pointer-events:none!important;
}
html.ayamen-menu-open .header a[href="#menu"]{
  pointer-events:auto!important;
  position:relative!important;
  z-index:2!important;
}
html.ayamen-menu-open .header .header__logo, html.ayamen-menu-open .header .group--header{
  opacity:0!important;
  pointer-events:none!important;
}
html.ayamen-menu-open .header .header__background{
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Services: one exact two-column frame. No utility padding, blue outer band,
   drifting title, or clipped description. The existing carousel/controller
   remains untouched. */
@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.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,61.5%) minmax(0,38.5%)!important;
    width:calc(100% - clamp(3rem,7.5vw,9rem))!important;
    max-width:1680px!important;
    height:clamp(650px,76vh,790px)!important;
    min-height:650px!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;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!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(2rem,3.5vw,4.25rem) 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.75rem,2.5vw,2.6rem)!important;
    right:clamp(1.75rem,2.5vw,2.6rem)!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:100%!important;
    max-width:38rem!important;
    min-height:clamp(175px,19vh,225px)!important;
    margin:clamp(6.5rem,12vh,8.25rem) 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(3.2rem,4vw,5.35rem)!important;
    line-height:.96!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:100%!important;
    max-width:34rem!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.12rem,1.22vw,1.38rem)!important;
    line-height:1.48!important;
    text-align:center!important;
  }
}

/* News filters: intrinsic-height pill, aligned controls, no empty capsule. */
body.news-page .ayn-news-browser__head{
  align-items:flex-end!important;
}
body.news-page .ayn-filters{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:flex-end!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:5px!important;
  gap:5px!important;
  overflow:visible!important;
  border:1px solid rgba(12,67,106,.22)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body.news-page .ayn-filters button, body.news-page .ayn-filters button:hover, body.news-page .ayn-filters button:focus-visible, body.news-page .ayn-filters button.is-active, body.news-page .ayn-filters button[aria-pressed="true"]{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:7rem!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:0 1.35rem!important;
  transform:none!important;
  border:1px solid rgba(12,67,106,.24)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0c436a!important;
  -webkit-text-fill-color:#0c436a!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
body.news-page .ayn-filters button.is-active, body.news-page .ayn-filters button[aria-pressed="true"]{
  background:#dceaf2!important;
  border-color:#0c436a!important;
}

/* News footers are now siblings of the padded main element. Use normal width;
   vertical entrance only, so no horizontal transform can shift them right. */
body.news-page .page-content, body.news-article-page .page-content{
  overflow-x:hidden!important;
}



/* Career section two: supplied tern outline, decorative and subtle. */
#business-content .b-benefits__content{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
#business-content .b-benefits__content > .row{
  position:relative!important;
  z-index:2!important;
}
@media (max-width:979px){
  .ayamen-landing-r3 .l-intro__background > [data-plugin~="videoTemplate"], .ayamen-landing-r3 .l-intro__background > .l-intro__video-poster{
    top:-48px!important;
    bottom:-48px!important;
    height:calc(100% + 96px)!important;
    min-height:calc(100% + 96px)!important;
  }
  body.news-page .ayn-news-browser__head{
    align-items:flex-start!important;
  }
  body.news-page .ayn-filters{
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  body.news-page .ayn-filters::-webkit-scrollbar{display:none!important}
  body.news-page .ayn-filters button, body.news-page .ayn-filters button:hover, body.news-page .ayn-filters button:focus-visible, body.news-page .ayn-filters button.is-active, body.news-page .ayn-filters button[aria-pressed="true"]{
    min-width:max-content!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0 1.1rem!important;
    scroll-snap-align:start!important;
  }
}

/* R40: reliable managed-media reveal for Spaces and Gallery. */
#spaces picture.ayamen-media-managed, #gallery picture.ayamen-media-managed {
  opacity: 1;
  pointer-events: auto;
}
#spaces picture.ayamen-media-managed img, #gallery picture.ayamen-media-managed img {
  transition: opacity .32s ease;
}
#spaces picture.ayamen-media-managed:not(.ayamen-media-ready):not(.ayamen-media-error) img, #gallery picture.ayamen-media-managed:not(.ayamen-media-ready):not(.ayamen-media-error) img {
  opacity: 0;
}
#spaces picture.ayamen-media-ready img, #gallery picture.ayamen-media-ready img, #spaces picture.ayamen-media-error img, #gallery picture.ayamen-media-error img {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
  #spaces picture.ayamen-media-managed img, #gallery picture.ayamen-media-managed img { transition: none; }
}

/* R40: content-driven shared footer; removes the forced empty orange viewport. */



@media (max-width: 767px) {
  
}

/* R113 — mobile What We Do cards use the exact desktop service-panel colour. */
@media (max-width: 979px) {
  html body.ayamen-landing-r3 #services .l-exquisite-mob-card--services,
  html body.ayamen-landing-r3 #services .l-exquisite-mob-card--services .l-exquisite-mob-card__content {
    background: #0c5b88 !important;
  }

  html body.ayamen-landing-r3 #services .l-exquisite-mob-card--services .l-exquisite-mob-card__content,
  html body.ayamen-landing-r3 #services .l-exquisite-mob-card--services .l-exquisite-mob-card__content * {
    color: #fff !important;
  }
}
