/* AONOMA RECRUIT - quiet photographic section backgrounds.
   These layers keep the supplied photos decorative so cards and copy stay primary. */

.route-recruit .aonoma-opening-editorial {
  background-color: #07111c !important;
  background-image:
    linear-gradient(90deg, rgba(7, 17, 28, 0.97) 0%, rgba(7, 17, 28, 0.9) 48%, rgba(7, 17, 28, 0.74) 100%),
    linear-gradient(180deg, rgba(7, 17, 28, 0.7), rgba(7, 17, 28, 0.94)),
    url("/images/cases/aonoma-recruit/aonoma_bg_opening_observation.webp") !important;
  background-position: center;
  background-size: cover;
  background-blend-mode: normal, normal, soft-light;
}

.route-recruit #aonoma-projects {
  isolation: isolate;
}

.route-recruit #aonoma-projects::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(180deg, rgba(238, 244, 247, 0.84), rgba(238, 244, 247, 0.95)),
    url("/images/cases/aonoma-recruit/aonoma_bg_projects_workplace.webp");
  background-position: center top;
  background-size: cover;
  opacity: 0.68;
}

.route-recruit #aonoma-projects > img[aria-hidden="true"] {
  z-index: 1;
}

.route-recruit #aonoma-projects > .relative {
  z-index: 2;
}

.route-recruit .aonoma-culture-section,
.route-recruit .aonoma-culture-bg {
  isolation: isolate;
  background-color: #e7eef3 !important;
  background-image:
    linear-gradient(90deg, rgba(231, 238, 243, 0.97) 0%, rgba(231, 238, 243, 0.9) 46%, rgba(231, 238, 243, 0.8) 100%),
    url("/images/cases/aonoma-recruit/aonoma_bg_culture_studio-review.webp"),
    radial-gradient(circle at 16% 18%, rgba(104, 216, 255, 0.12), transparent 28%),
    linear-gradient(135deg, #eef5f8 0%, #dfeaf0 48%, #f7fafb 100%) !important;
  background-position: center;
  background-size: cover, cover, 100% 100%, 100% 100%;
  background-blend-mode: normal, soft-light, normal, normal;
}

.route-recruit .aonoma-selection-flow-reveal,
.route-recruit .aonoma-selection-bg {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #ffffff !important;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.84) 46%, rgba(255, 255, 255, 0.96) 100%),
    url("/images/cases/aonoma-recruit/aonoma_bg_selection_conversation.webp") !important;
  background-position: left center;
  background-size: cover;
  background-blend-mode: normal, soft-light;
}

.route-recruit .aonoma-selection-flow-reveal > *,
.route-recruit .aonoma-selection-bg > * {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .route-recruit .aonoma-opening-editorial {
    background-image:
      linear-gradient(180deg, rgba(7, 17, 28, 0.98), rgba(7, 17, 28, 0.91)),
      url("/images/cases/aonoma-recruit/aonoma_bg_opening_observation.webp") !important;
    background-position: 52% center;
    background-blend-mode: normal, soft-light;
  }

  .route-recruit #aonoma-projects::before {
    background-image:
      linear-gradient(180deg, rgba(238, 244, 247, 0.9), rgba(238, 244, 247, 0.98)),
      url("/images/cases/aonoma-recruit/aonoma_bg_projects_workplace.webp");
    background-position: 44% top;
    opacity: 0.58;
  }

  .route-recruit .aonoma-culture-section,
  .route-recruit .aonoma-culture-bg {
    background-image:
      linear-gradient(180deg, rgba(231, 238, 243, 0.97) 0%, rgba(231, 238, 243, 0.89) 54%, rgba(231, 238, 243, 0.96) 100%),
      url("/images/cases/aonoma-recruit/aonoma_bg_culture_studio-review.webp"),
      linear-gradient(135deg, #eef5f8 0%, #dfeaf0 48%, #f7fafb 100%) !important;
    background-position: 56% center;
    background-size: cover, cover, 100% 100%;
    background-blend-mode: normal, soft-light, normal;
  }

  .route-recruit .aonoma-selection-flow-reveal,
  .route-recruit .aonoma-selection-bg {
    background-image:
      linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.88) 52%, rgba(255, 255, 255, 0.97) 100%),
      url("/images/cases/aonoma-recruit/aonoma_bg_selection_conversation.webp") !important;
    background-position: 32% center;
  }
}