/* ARABIDS 1.2.127 — exact first-screen hero and subtle editorial chapter edges.
   The previous dissolve is preserved, but the images no longer appear welded
   together. No solid bars, gutters, outlines or extraneous blank rows. */

/* v1111 gave Arabic only 16px of bottom padding, while English retained the
   larger photographic hero padding. Give both languages identical geometry.
   JS measures the actual header at runtime and fills the rest of the viewport;
   the fallback also works before JavaScript runs and inside Elementor. */
@media (min-width:992px) {
  html body:is(.home,[data-page="home"]) .hero,
  html body.rtl.home .hero,
  html[dir="rtl"] body:is(.home,[data-page="home"]) .hero {
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:var(--arabids-hero-first-fold-v1127,calc(100svh - 110px)) !important;
    height:auto !important;
    padding-top:clamp(66px,7vw,102px) !important;
    padding-bottom:clamp(66px,7vw,102px) !important;
  }
  html body:is(.home,[data-page="home"]) .hero > .container,
  html body.rtl.home .hero > .container {
    width:100% !important;
    flex:0 0 100% !important;
    margin-inline:auto !important;
  }
  html body:is(.home,[data-page="home"]) .hero .container > .flex,
  html body.rtl.home .hero .container > .flex {
    min-height:0 !important;
    align-items:center !important;
  }
}

/* An organic lens-shaped vignette and a short delicate gold arc softly mark
   each photographic chapter. The image itself stays full-bleed. */
html body:is(.home,[data-page="home"]) section.arabids-chapter-section-v1127 {
  position:relative !important;
  isolation:isolate !important;
}
html body:is(.home,[data-page="home"]) .arabids-chapter-edge-v1127 {
  position:absolute !important;
  top:-43px !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  height:clamp(88px,10vw,146px) !important;
  z-index:2 !important;
  display:block !important;
  pointer-events:none !important;
  overflow:visible !important;
  background:
    radial-gradient(ellipse 73% 62% at 51% 39%,rgba(34,19,17,.38) 0%,rgba(47,23,19,.15) 45%,transparent 78%),
    linear-gradient(180deg,transparent 0%,rgba(176,136,90,.15) 35%,rgba(27,26,20,.07) 59%,transparent 95%) !important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 54%,transparent 100%) !important;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 54%,transparent 100%) !important;
}
html body:is(.home,[data-page="home"]) .arabids-chapter-edge-v1127::after {
  content:'' !important;
  position:absolute !important;
  top:44px !important;
  left:50% !important;
  width:clamp(94px,14vw,194px) !important;
  height:24px !important;
  transform:translateX(-50%) !important;
  border-top:1px solid rgba(225,187,125,.63) !important;
  border-radius:50% 50% 0 0 !important;
  box-shadow:0 -6px 18px rgba(188,137,79,.09) !important;
}
/* Retain the previous image dissolve behind the new subtle edge. */
html body:is(.home,[data-page="home"]) .arabids-chapter-wash-v1126 {
  opacity:.56 !important;
}

@media (max-width:991px) {
  html body:is(.home,[data-page="home"]) .arabids-chapter-edge-v1127 {
    top:-27px !important;
    height:82px !important;
    background:
      radial-gradient(ellipse 90% 60% at 50% 34%,rgba(34,19,17,.31),transparent 81%),
      linear-gradient(180deg,transparent 0%,rgba(176,136,90,.11) 35%,transparent 100%) !important;
  }
  html body:is(.home,[data-page="home"]) .arabids-chapter-edge-v1127::after {
    top:26px !important;
    width:72px !important;
    height:15px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body:is(.home,[data-page="home"]) .arabids-chapter-edge-v1127 {
    transition:none !important;
  }
}