/* AONOMA Culture board: compact observation loop layered into the photo. */
.aonoma-culture-section {
  background:
    radial-gradient(circle at 16% 18%, rgba(104, 216, 255, 0.12), transparent 28%),
    linear-gradient(135deg, #eef5f8 0%, #dfeaf0 48%, #f7fafb 100%) !important;
}

.aonoma-culture-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to right, rgba(11, 95, 131, 0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(11, 95, 131, 0.032) 1px, transparent 1px);
  background-size: 64px 64px;
  opacity: 0.52;
  mask-image: linear-gradient(180deg, transparent, #000 14%, #000 88%, transparent);
}

.aonoma-culture-copy {
  position: relative;
  z-index: 2;
}

.aonoma-culture-board {
  position: relative;
  padding-top: 0.2rem;
}

.aonoma-culture-steps {
  position: relative;
  display: grid;
  gap: 1.05rem;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  background: transparent;
  color: #07111c;
  box-shadow: none;
  backdrop-filter: none;
}

.aonoma-culture-steps li {
  display: grid;
  grid-template-columns: 2.7rem 1fr;
  align-items: start;
  gap: 0.75rem;
  padding: 0;
}

.aonoma-culture-steps__no {
  color: rgba(7, 17, 28, 0.42);
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.aonoma-culture-steps__label {
  display: block;
  color: #0b5f83;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.2;
  text-transform: uppercase;
}

.aonoma-culture-steps__text {
  display: block;
  margin-top: 0.3rem;
  color: #263544;
  font-size: 0.84rem;
  font-weight: 500;
  line-height: 1.68;
}

@media (min-width: 768px) {
  .aonoma-culture-steps {
    max-width: 28rem;
    gap: 1.25rem;
  }

  .aonoma-culture-steps li {
    grid-template-columns: 3rem 1fr;
  }
}

@media (max-width: 767px) {
  .aonoma-culture-section {
    padding-top: 3.35rem !important;
    padding-bottom: 3.8rem !important;
  }

  .aonoma-culture-copy p {
    margin-top: 1.05rem !important;
  }

  .aonoma-culture-steps {
    gap: 0.9rem;
  }

  .aonoma-culture-steps li {
    grid-template-columns: 2.35rem 1fr;
    gap: 0.55rem;
  }

  .aonoma-culture-steps__label {
    font-size: 0.62rem;
    letter-spacing: 0.13em;
  }

  .aonoma-culture-steps__text {
    margin-top: 0.18rem;
    font-size: 0.78rem;
    line-height: 1.56;
  }
}