/*
 * NDS About Hero — R14
 * Loaded ONLY on the existing About page (source id 48 / slug من-نحن).
 * Purpose: remove the isolated image frame, display the full artwork without cropping,
 * and integrate it directly into the hero background with restrained interaction.
 */

.nds-hero--editorial{
  overflow: visible;
  padding-bottom: 0;
}

.nds-hero--editorial .nds-hero__grid{
  align-items: end;
}

.nds-hero--editorial .nds-hero__media{
  position: relative;
  align-self: end;
  margin: 0;
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  isolation: isolate;
}

.nds-hero--editorial .nds-hero__media-frame{
  position: relative;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.nds-hero--editorial .nds-hero__media-frame::before,
.nds-hero--editorial .nds-hero__media-backdrop,
.nds-hero--editorial .nds-hero__accent-media{
  display: none !important;
}

.nds-hero--editorial .nds-hero__media::after{
  content: "";
  position: absolute;
  z-index: 0;
  inset: auto 12% 1.5% 12%;
  height: 13%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(7,33,28,.22), rgba(7,33,28,0) 70%);
  filter: blur(15px);
  opacity: .72;
  pointer-events: none;
  transition: transform .38s ease, opacity .38s ease;
}

.nds-hero--editorial .nds-hero__image{
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 610px);
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  margin: 0 auto;
  overflow: visible;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 24px 40px rgba(7,33,28,.18));
  transform: translate3d(0,0,0) scale(1);
  transform-origin: center bottom;
  transition: transform .42s cubic-bezier(.2,.75,.25,1), filter .42s ease;
}

.nds-hero--editorial .nds-hero__media:hover .nds-hero__image,
.nds-hero--editorial .nds-hero__media:focus-within .nds-hero__image{
  transform: translate3d(0,-9px,0) scale(1.025);
  filter: drop-shadow(0 34px 54px rgba(7,33,28,.25));
}

.nds-hero--editorial .nds-hero__media:hover::after,
.nds-hero--editorial .nds-hero__media:focus-within::after{
  transform: scale(1.07) translateY(4px);
  opacity: .92;
}

@media (max-width: 1023px){
  .nds-hero--editorial{
    padding-bottom: 0;
  }

  .nds-hero--editorial .nds-hero__media{
    max-width: none;
    justify-self: center;
  }

  .nds-hero--editorial .nds-hero__image{
    width: min(100%, 540px);
  }
}

@media (max-width: 599px){
  .nds-hero--editorial .nds-hero__image{
    width: min(100%, 410px);
  }

  .nds-hero--editorial .nds-hero__media::after{
    inset-inline: 14%;
    height: 11%;
  }
}

@media (prefers-reduced-motion: reduce){
  .nds-hero--editorial .nds-hero__image,
  .nds-hero--editorial .nds-hero__media::after{
    transition: none !important;
    transform: none !important;
  }
}