/* AONOMA RECRUIT — reduce photo-as-a-box feeling
   Photos should behave like section texture/editorial bands instead of floating cards. */

.aonoma-opening-editorial .aonoma-clip-media {
  position: relative;
  isolation: isolate;
}

.aonoma-opening-editorial .aonoma-clip-media figure {
  position: relative;
  border-color: rgba(255, 255, 255, 0.06) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.aonoma-opening-editorial .aonoma-clip-media figure::before,
.aonoma-opening-editorial .aonoma-clip-media figure::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.aonoma-opening-editorial .aonoma-clip-media figure::before {
  background:
    linear-gradient(180deg, #07111c 0%, rgba(7, 17, 28, 0) 16%, rgba(7, 17, 28, 0) 72%, #07111c 100%),
    linear-gradient(90deg, rgba(7, 17, 28, 0.42) 0%, rgba(7, 17, 28, 0.08) 38%, rgba(7, 17, 28, 0.34) 100%);
  mix-blend-mode: multiply;
}

.aonoma-opening-editorial .aonoma-clip-media figure::after {
  background:
    radial-gradient(circle at 78% 16%, rgba(104, 216, 255, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 38%);
  opacity: 0.72;
}

.aonoma-opening-editorial .aonoma-clip-media img {
  filter: saturate(0.82) contrast(0.94) brightness(0.82);
}

.aonoma-opening-editorial .aonoma-clip-media .absolute.left-3,
.aonoma-opening-editorial .aonoma-clip-media .md\:absolute {
  z-index: 3;
}

#aonoma-projects article,
#aonoma-people article,
#aonoma-entry .aonoma-entry-blueprint-panel {
  box-shadow: 0 26px 78px -66px rgba(7, 17, 28, 0.58) !important;
}

#aonoma-people .aonoma-person-index {
  box-shadow: none;
}

#aonoma-people {
  background:
    radial-gradient(circle at 18% 14%, rgba(104, 216, 255, 0.16), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(255, 255, 255, 0.92), transparent 34%),
    linear-gradient(135deg, #f7fbfc 0%, #e8f1f5 48%, #f4f8fa 100%) !important;
}

#aonoma-people::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(237, 244, 247, 0) 0%, rgba(237, 244, 247, 0.32) 18%, rgba(255, 255, 255, 0.52) 100%),
    radial-gradient(ellipse at 50% 60%, rgba(7, 17, 28, 0.07), transparent 62%);
  mix-blend-mode: multiply;
}

#aonoma-people .aonoma-people-background-photo {
  transform: rotate(-2.5deg);
}

#aonoma-people .aonoma-people-feature-card {
  border-color: rgba(103, 134, 151, 0.32) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(238, 247, 250, 0.7)) !important;
  box-shadow:
    0 46px 110px -86px rgba(7, 17, 28, 0.74),
    0 1px 0 rgba(255, 255, 255, 0.78) inset !important;
  backdrop-filter: blur(14px);
}

#aonoma-people .aonoma-people-feature-media {
  background:
    linear-gradient(135deg, rgba(11, 95, 131, 0.14), rgba(255, 255, 255, 0.22)),
    #d8e6ec;
  isolation: isolate;
}

#aonoma-people .aonoma-people-feature-media::before,
#aonoma-people .aonoma-people-feature-media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

#aonoma-people .aonoma-people-feature-media::before {
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(237, 244, 247, 0) 0%, rgba(237, 244, 247, 0.08) 58%, rgba(237, 244, 247, 0.82) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(7, 17, 28, 0) 32%, rgba(7, 17, 28, 0.26) 100%);
}

#aonoma-people .aonoma-people-feature-media::after {
  z-index: 3;
  background:
    radial-gradient(circle at 72% 14%, rgba(104, 216, 255, 0.18), transparent 30%),
    linear-gradient(118deg, rgba(255, 255, 255, 0.2), transparent 34%, rgba(7, 17, 28, 0.18) 100%);
  opacity: 0.78;
  mix-blend-mode: screen;
}

#aonoma-people .aonoma-people-feature-media figure {
  background: transparent !important;
}

#aonoma-people .aonoma-people-feature-media img,
#aonoma-people .aonoma-person-index img {
  filter: saturate(0.78) contrast(1.04) brightness(0.94);
}

#aonoma-people .aonoma-people-feature-media > .absolute {
  z-index: 4;
}

#aonoma-people .aonoma-people-feature-copy {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.64), rgba(244, 249, 251, 0.9)),
    linear-gradient(90deg, rgba(11, 95, 131, 0.05), transparent 42%);
}

#aonoma-people .aonoma-people-feature-copy .border-l {
  background: rgba(235, 245, 248, 0.72) !important;
  border-left-color: rgba(11, 95, 131, 0.36) !important;
}

#aonoma-people .aonoma-person-index {
  position: relative;
  overflow: hidden;
  border-color: rgba(119, 145, 158, 0.3) !important;
  background: rgba(250, 253, 254, 0.62) !important;
  backdrop-filter: blur(12px);
}

#aonoma-people .aonoma-person-index::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.42), transparent 42%),
    radial-gradient(circle at 18% 20%, rgba(104, 216, 255, 0.12), transparent 34%);
}

#aonoma-people .aonoma-person-index > * {
  position: relative;
  z-index: 1;
}

#aonoma-people .aonoma-person-index figure {
  background: #d8e6ec !important;
}

#aonoma-entry {
  position: relative;
}

#aonoma-entry::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(234, 241, 245, 0) 0%, rgba(234, 241, 245, 0.72) 10%, rgba(234, 241, 245, 0.72) 90%, rgba(234, 241, 245, 0) 100%),
    radial-gradient(circle at 74% 16%, rgba(104, 216, 255, 0.1), transparent 32%);
}

@media (max-width: 767px) {
  .aonoma-opening-editorial {
    padding-bottom: 3.5rem !important;
  }

  .aonoma-opening-editorial .grid.lg\:grid-cols-\[0\.86fr_1\.14fr\] {
    gap: 1.75rem !important;
  }

  .aonoma-opening-editorial .relative.z-10.min-h-\[560px\] {
    min-height: 0 !important;
  }

  .aonoma-opening-editorial .aonoma-clip-media {
    width: calc(100vw - 1.5rem) !important;
    max-width: none !important;
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }

  .aonoma-opening-editorial .aonoma-clip-media figure {
    border-left: 0 !important;
    border-right: 0 !important;
  }

  .aonoma-opening-editorial .aonoma-clip-media:first-child figure {
    aspect-ratio: 16 / 10 !important;
  }

  .aonoma-opening-editorial .aonoma-floating-mark {
    margin-top: 0.7rem !important;
    width: calc(100vw - 3.6rem) !important;
    margin-left: 0 !important;
  }

  .aonoma-opening-editorial .aonoma-floating-mark figure {
    aspect-ratio: 16 / 9 !important;
  }

  #aonoma-people .aonoma-people-feature-card {
    background: rgba(250, 253, 254, 0.78) !important;
    box-shadow: 0 28px 80px -70px rgba(7, 17, 28, 0.74) !important;
    backdrop-filter: blur(10px);
  }

  #aonoma-people .aonoma-people-feature-media::before {
    background:
      linear-gradient(180deg, rgba(237, 244, 247, 0) 0%, rgba(237, 244, 247, 0.08) 48%, rgba(7, 17, 28, 0.48) 100%),
      linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent 54%);
  }

  #aonoma-people .aonoma-people-feature-media::after {
    opacity: 0.56;
  }

  #aonoma-people .aonoma-people-feature-copy {
    background: linear-gradient(180deg, rgba(250, 253, 254, 0.9), rgba(243, 249, 251, 0.9));
  }

  #aonoma-people .aonoma-person-index {
    background: rgba(250, 253, 254, 0.72) !important;
  }
}

@media (min-width: 768px) {
  #aonoma-people .aonoma-people-feature-media figure {
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 74%, rgba(0, 0, 0, 0.52) 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 74%, rgba(0, 0, 0, 0.52) 100%);
  }
}