/* Shared enrichment: softer edges, media+text rows, light motion */

/* Soften dark edge shading on buttons, cards, frames */
.nav-cta,
.store-btn,
.btn-primary,
.mobile-cta {
  box-shadow: none !important;
}
.nav-cta:hover,
.store-btn:hover {
  box-shadow: 0 8px 22px rgba(43, 26, 15, 0.1) !important;
}
.nav-links,
.nav-inner-links a.active,
.photo-frame,
.step-card,
.info-card,
.service-card,
.pricing-card,
.feature-card,
.faq-item {
  box-shadow: 0 6px 22px rgba(43, 26, 15, 0.045) !important;
}
.service-card:hover,
.feature-card:hover,
.pricing-card:hover,
.faq-item:hover,
.faq-item[open] {
  box-shadow: 0 12px 32px rgba(43, 26, 15, 0.08) !important;
}

/* Lighter hero overlays so photos breathe */
.sub-hero::after {
  background: linear-gradient(
    135deg,
    rgba(43, 26, 15, 0.52) 0%,
    rgba(61, 39, 18, 0.32) 55%,
    rgba(43, 26, 15, 0.42) 100%
  ) !important;
}
.sub-hero::before {
  opacity: 0.5 !important;
}

/* Alternating media + copy rows */
.enrich-flow {
  display: flex;
  flex-direction: column;
  gap: 3.25rem;
  max-width: 1100px;
  margin: 0 auto;
}
.enrich-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.4rem, 4vw, 3rem);
  align-items: center;
}
.enrich-row--flip .enrich-media { order: 2; }
.enrich-row--flip .enrich-copy { order: 1; }
.enrich-media {
  position: relative;
  width: 100%;
  max-width: 480px;
  aspect-ratio: 4 / 5;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(232, 216, 188, 0.45), rgba(201, 168, 130, 0.2));
  border: 1px solid rgba(107, 63, 30, 0.1);
  justify-self: start;
}
.enrich-row--flip .enrich-media { justify-self: end; }
.enrich-media--wide { aspect-ratio: 16 / 10; max-width: 540px; }
.enrich-media--square { aspect-ratio: 1 / 1; }
.enrich-media img,
.enrich-media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.enrich-copy { max-width: 440px; }
.enrich-row--flip .enrich-copy { margin-left: auto; }
.enrich-kicker {
  font-size: 0.66rem;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: var(--brown-light);
  font-weight: 500;
  margin-bottom: 0.55rem;
}
.enrich-copy h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.45rem, 2.3vw, 1.9rem);
  font-weight: 500;
  color: var(--dark);
  margin-bottom: 0.75rem;
  line-height: 1.2;
}
.enrich-copy p {
  font-size: 0.95rem;
  line-height: 1.75;
  color: var(--text-mid);
  font-weight: 300;
  margin-bottom: 0.85rem;
}
.enrich-copy p:last-child { margin-bottom: 0; }
.enrich-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin-top: 0.85rem;
}
.enrich-list li {
  position: relative;
  padding-left: 1.15rem;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--text-mid);
  font-weight: 300;
}
.enrich-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brown-light);
}

/* Soft info grid */
.enrich-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
  max-width: 1100px;
  margin: 2.5rem auto 0;
}
.enrich-card {
  padding: 1.45rem 1.4rem 1.55rem;
  background: var(--warm-white);
  border: 1px solid rgba(107, 63, 30, 0.1);
  border-radius: 16px;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.enrich-card:hover {
  transform: translateY(-3px);
  border-color: rgba(156, 104, 64, 0.28);
  box-shadow: 0 12px 32px rgba(43, 26, 15, 0.07);
}
.enrich-card h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--dark);
  margin-bottom: 0.45rem;
}
.enrich-card p {
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--text-mid);
  font-weight: 300;
}

/* Quote / pull band */
.enrich-quote {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  padding: 0.5rem 0;
}
.enrich-quote p {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1.45;
  color: var(--dark);
  margin-bottom: 0.85rem;
}
.enrich-quote cite {
  font-style: normal;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--brown-light);
  font-weight: 500;
}

/* Motion */
.enrich-media img,
.enrich-media video {
  transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}
.enrich-row:hover .enrich-media img,
.enrich-row:hover .enrich-media video {
  transform: scale(1.04);
}
@media (prefers-reduced-motion: reduce) {
  .enrich-media img,
  .enrich-media video,
  .enrich-card {
    transition: none;
  }
  .enrich-row:hover .enrich-media img,
  .enrich-row:hover .enrich-media video {
    transform: none;
  }
}

@media (max-width: 900px) {
  .enrich-row,
  .enrich-row--flip {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }
  .enrich-row--flip .enrich-media,
  .enrich-row--flip .enrich-copy { order: unset; }
  .enrich-media,
  .enrich-row--flip .enrich-media {
    max-width: 420px;
    width: min(100%, 420px);
    margin: 0 auto;
    justify-self: center;
  }
  .enrich-copy,
  .enrich-row--flip .enrich-copy {
    max-width: 480px;
    margin: 0 auto;
    text-align: center;
  }
  .enrich-list { align-items: center; }
  .enrich-list li { text-align: left; }
  .enrich-grid { grid-template-columns: 1fr; max-width: 420px; }
}

@media (min-width: 601px) and (max-width: 900px) {
  .enrich-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 720px; }
}