:root{
  --ayamen-r62-blue:#0c436a;
  --ayamen-r62-orange:#f6921e;
  --ayamen-r62-cream:#f3eee5;
  --ayamen-r62-outline-opacity:.07;
}

/* Architectural Ayamen outlines requested for the four named sections. */
.about-page .ab-values__container,
.ayamen-landing-r3 .l-home,
.ayamen-landing-r3 #contact .sticky__layer--sticky{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.about-page .ab-values__container::after,
.ayamen-landing-r3 .l-home::after,
.ayamen-landing-r3 #contact .sticky__layer--sticky::after{
  content:"";
  position:absolute;
  z-index:0;
  width:clamp(28rem,52vw,68rem);
  aspect-ratio:141 / 103;
  pointer-events:none;
  background:var(--ayamen-r62-blue);
  opacity:var(--ayamen-r62-outline-opacity);
  -webkit-mask:url('/assets/outlines/ayamen-symbol-outline.svg?v=r67') center / contain no-repeat;
  mask:url('/assets/outlines/ayamen-symbol-outline.svg?v=r67') center / contain no-repeat;
}

.about-page .ab-values__container::after{
  inset-block-end:-16%;
  inset-inline-start:-19%;
  transform:rotate(-6deg);
}
.ayamen-landing-r3 .l-home::after{
  inset-block-start:3%;
  inset-inline-end:-17%;
  transform:rotate(5deg);
}
.ayamen-landing-r3 #contact .sticky__layer--sticky::after{
  inset-block-end:-22%;
  inset-inline-start:-18%;
  width:clamp(30rem,56vw,74rem);
  opacity:.055;
  transform:rotate(-8deg);
}

.about-page .ab-values__container > :not(.background),
.ayamen-landing-r3 .l-home > :not(.background),
.ayamen-landing-r3 #contact .sticky__layer--sticky > :not(.background){
  position:relative;
  z-index:1;
}

html[dir="rtl"] .ayamen-landing-r3 .l-home::after{
  inset-inline-start:-18%;
  inset-inline-end:auto;
}
html[dir="rtl"] .about-page .ab-values__container::after,
html[dir="rtl"] .ayamen-landing-r3 #contact .sticky__layer--sticky::after{
  inset-inline-start:auto;
  inset-inline-end:-19%;
}


/* Careers: keep the original section geometry and place one outline in the
   existing visual gap between the lead paragraph and the closing heading.
   The outline is absolutely positioned and never participates in layout. */
#business-content .b-benefits__content::after{
  content:"";
  position:absolute;
  z-index:1;
  inset-block-start:52%;
  inset-inline-start:55%;
  width:clamp(38rem,62vw,72rem);
  aspect-ratio:141 / 103;
  pointer-events:none;
  background:var(--ayamen-r62-blue);
  opacity:.085;
  -webkit-mask:url('/assets/outlines/ayamen-symbol-outline.svg?v=r67') center / contain no-repeat;
  mask:url('/assets/outlines/ayamen-symbol-outline.svg?v=r67') center / contain no-repeat;
  transform:translate(-50%,-50%) rotate(-5deg);
  transform-origin:center;
}
html[dir="rtl"] #business-content .b-benefits__content::after{
  inset-inline-start:45%;
  transform:translate(-50%,-50%) rotate(5deg);
}

@media(max-width:979px){
  #business-content .b-benefits__content::after{
    inset-block-start:49%;
    inset-inline-start:50%;
    width:min(88vw,38rem);
    opacity:.055;
    transform:translate(-50%,-50%);
  }
  html[dir="rtl"] #business-content .b-benefits__content::after{
    inset-inline-start:50%;
    transform:translate(-50%,-50%);
  }
}

@media(max-width:667px){
  #business-content .b-benefits__content::after{
    inset-block-start:47%;
    width:min(94vw,24rem);
    opacity:.045;
  }
}

/* One Services experience on mobile: retain the original mobile-scrollable cards only. */
@media(max-width:979px){
  body.ayamen-landing-r3 #services .l-services-card.is-hidden--sm-down,
  body.ayamen-landing-r3 #services .l-services-card[data-ayamen-mobile-disabled="true"]{
    display:none!important;
    visibility:hidden!important;
    content-visibility:hidden;
  }
  body.ayamen-landing-r3 #services .is-hidden--md-up[data-plugin~="mobileScrollable"]{
    display:block!important;
    visibility:visible!important;
  }
  body.ayamen-landing-r3 #services .l-gallery__mobile-cards{
    display:flex!important;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:1rem;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.ayamen-landing-r3 #services .l-gallery__mobile-cards::-webkit-scrollbar{display:none}
  body.ayamen-landing-r3 #services .l-gallery__mobile-cards > .mobile-scrollable__item{
    scroll-snap-align:start;
    scroll-snap-stop:normal;
  }
}
@media(min-width:980px){
  body.ayamen-landing-r3 #services .is-hidden--md-up[data-plugin~="mobileScrollable"]{display:none!important}
}

/* Mobile-first stabilization for the recently added Contact, map, loader and footer work. */
@media(max-width:979px){
  html,body{max-width:100%;overscroll-behavior-x:none}
  body{overflow-x:clip}
  @supports not (overflow:clip){body{overflow-x:hidden}}

  .about-page .ab-values__container::after,
  .ayamen-landing-r3 .l-home::after,
  .ayamen-landing-r3 #contact .sticky__layer--sticky::after{
    width:clamp(21rem,88vw,42rem);
    opacity:.045;
    transform:none;
  }

  .ayc-contact,
  .ayamen-project-locations,
  .ayamen-cinematic-footer{
    max-width:100%;
    overflow-x:clip;
  }
  .ayc-contact-layer{transform:none}
  .ayc-contact-hero__inner,
  .ayc-contact-form-section,
  .ayc-contact-office__content{padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right))}
  .ayc-contact-form__choices label,
  .ayc-submit,
  .ayc-action,
  .ayamen-project-locations button,
  .ayamen-project-locations a{touch-action:manipulation}
  .ayc-contact-form__choices span,
  .ayc-submit,
  .ayamen-project-locations__trigger{min-height:48px}

  .ayamen-project-locations__content{box-sizing:border-box}
  .ayamen-project-locations__stage{contain:layout paint}
  .ayamen-project-locations__map{touch-action:pan-x pan-y}
  .ayamen-project-locations .maplibregl-ctrl-group button{width:44px;height:44px}

  .ayamen-page-loader__draft{display:none!important}
  .ayamen-page-loader__orange-wipe,
  .ayamen-route-transition__layer{will-change:auto}

  .ayamen-cinematic-footer__content{height:auto!important}
  .ayamen-cinematic-footer__nav a,
  .ayamen-cinematic-footer__social a{touch-action:manipulation}
}

@media(max-width:667px){
  .about-page .ab-values__container::after{inset-block-end:4%;inset-inline-start:-46%}
  .ayamen-landing-r3 .l-home::after{inset-block-start:6%;inset-inline-end:-43%}
  .ayamen-landing-r3 #contact .sticky__layer--sticky::after{inset-block-end:2%;inset-inline-start:-47%}
  html[dir="rtl"] .ayamen-landing-r3 .l-home::after{inset-inline-start:-45%;inset-inline-end:auto}
  html[dir="rtl"] .about-page .ab-values__container::after,
  html[dir="rtl"] .ayamen-landing-r3 #contact .sticky__layer--sticky::after{inset-inline-end:-46%;inset-inline-start:auto}

  .ayc-contact-hero{min-height:max(680px,100svh)}
  .ayc-contact-office{min-height:max(620px,82svh)}
  .ayc-contact-form-section__grid{gap:2.75rem}
  .ayc-contact-form__choices{gap:.65rem}
  .ayc-contact-form__choices span{padding:.8rem .9rem}
  .ayc-field{min-width:0}
  .ayc-field input,.ayc-field textarea{width:100%;min-width:0}

  .ayamen-project-locations__content{width:calc(100% - 28px)!important}
  .ayamen-project-locations__trigger{grid-template-columns:34px minmax(0,1fr) 24px;gap:10px}
  .ayamen-project-locations__copy{min-width:0}
  .ayamen-project-locations__copy strong{overflow-wrap:anywhere}
  .ayamen-project-locations__stage{min-height:360px;height:56svh}

  .ayamen-cinematic-footer{border-radius:20px 20px 0 0}
  .ayamen-cinematic-footer__content{min-height:auto!important;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}
}

@media(max-height:520px) and (orientation:landscape){
  .ayc-contact-hero{min-height:620px}
  .ayc-contact-office{min-height:580px}
  .ayamen-project-locations__stage{height:72svh;min-height:320px}
  .ayamen-cinematic-footer__content{min-height:auto!important;padding-top:3rem}
}

@media(pointer:coarse){
  .ayc-action:hover span:last-child,
  .ayc-contact-form__direct a:hover,
  .ayc-submit:hover,
  .ayamen-project-locations__item:hover .ayamen-project-locations__copy,
  .ayamen-project-locations__item:hover .ayamen-project-locations__arrow{transform:none}
}

@media(prefers-reduced-motion:reduce){
  .about-page .ab-values__container::after,
  .ayamen-landing-r3 .l-home::after,
  .ayamen-landing-r3 #contact .sticky__layer--sticky::after{transform:none}
}