/* Stay experience — editorial layout from the supplied direction */
.values.section { padding: 92px 0 46px; border-block: 1px solid rgba(141,111,77,.2); background: #f1eddd; }
.values-hero { display: grid; min-height: 370px; align-items: center; grid-template-columns: minmax(0, 1.38fr) minmax(360px, .62fr); gap: clamp(60px, 8vw, 130px); padding: 0 0 70px; }
.values-intro .eyebrow { margin-bottom: 28px; }
.values-intro h2 { max-width: 900px; font-family: var(--serif); font-size: clamp(4.2rem, 6.1vw, 6.45rem); font-weight: var(--fw-display); line-height: .98; letter-spacing: -.035em; text-wrap: normal; }
.values-intro h2 > span { display: inline-flex; max-width: 100%; align-items: baseline; gap: .04em; white-space: nowrap; }
.values-intro h2 em { display: inline-block; padding: 0 .06em; color: #8d6f4d; font-family: var(--script); font-size: 1.08em; font-style: normal; font-weight: 400; line-height: .7; letter-spacing: 0; white-space: nowrap; }
.values-note { align-self: center; padding-top: 54px; }
.values-script { margin: 0 0 24px; color: var(--gold); font-family: var(--script); font-size: clamp(2.7rem, 3.2vw, 4.1rem); font-weight: 400; line-height: .9; text-align: center; white-space: nowrap; }
.values-section-label { display: flex; align-items: center; gap: 34px; margin-bottom: 24px; }
.values-section-label span, .values-footer > span { flex: 0 0 auto; color: var(--gold); font-size: .65rem; font-weight: var(--fw-label); letter-spacing: .22em; text-transform: uppercase; }
.values-section-label i { width: 100%; height: 1px; background: rgba(141,111,77,.34); }
.value-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--wine); border-bottom: 1px solid rgba(141,111,77,.4); }
.value-steps article { display: flex; min-width: 0; min-height: 310px; flex-direction: column; padding: 24px 28px 34px; border-right: 1px solid rgba(141,111,77,.34); }
.value-steps article:first-child { padding-left: 0; }
.value-steps article:last-child { padding-right: 0; border-right: 0; }
.value-steps article > span { color: var(--gold); font-family: var(--serif); font-size: 2.55rem; font-weight: var(--fw-display); line-height: 1; }
.value-steps h3 { margin: auto 0 26px; color: var(--wine); font-family: var(--serif); font-size: clamp(1.7rem, 2vw, 2.1rem); font-weight: var(--fw-display); line-height: 1.14; letter-spacing: -.015em; }
.value-steps p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.75; }
.values-footer { display: flex; align-items: baseline; justify-content: space-between; gap: 32px; padding-top: 24px; }
.values-footer p { margin: 0; color: var(--wine); font-family: var(--serif); font-size: clamp(1.25rem, 1.8vw, 1.7rem); line-height: 1.2; }

@media (max-width: 800px) {
  .values.section { padding: 64px 0 36px; }
  .values-hero { min-height: 0; grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 0 0 58px; }
  .values-intro h2 { max-width: 700px; font-size: clamp(3.65rem, 10.5vw, 5.25rem); }
  .values-note { width: min(100%, 520px); padding-top: 0; margin-left: auto; }
  .value-steps { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .value-steps article { min-height: 280px; }
  .value-steps article:nth-child(2) { padding-right: 0; border-right: 0; }
  .value-steps article:nth-child(3) { padding-left: 0; border-top: 1px solid rgba(141,111,77,.34); }
  .value-steps article:nth-child(4) { border-top: 1px solid rgba(141,111,77,.34); }
}

@media (max-width: 560px) {
  .values.section { padding: 56px 0 30px; }
  .values-hero { gap: 32px; padding: 0 0 46px; }
  .values-intro .eyebrow { margin-bottom: 20px; }
  .values-intro h2 { font-size: clamp(2.65rem, 12.8vw, 4rem); line-height: 1; }
  .values-intro h2 > span { display: block; white-space: normal; }
  .values-intro h2 em { font-size: 1em; }
  .values-note { width: 100%; }
  .values-script { margin-bottom: 18px; font-size: clamp(2.8rem, 13vw, 3.7rem); text-align: left; }
  .values-section-label { gap: 18px; margin-bottom: 18px; }
  .values-section-label span { max-width: 160px; line-height: 1.5; }
  .value-steps { grid-template-columns: minmax(0, 1fr); }
  .value-steps article, .value-steps article:first-child, .value-steps article:nth-child(2), .value-steps article:nth-child(3), .value-steps article:nth-child(4), .value-steps article:last-child { min-height: 0; padding: 22px 0 26px; border-top: 1px solid rgba(141,111,77,.34); border-right: 0; }
  .value-steps article:first-child { border-top: 0; }
  .value-steps article > span { font-size: 2.15rem; }
  .value-steps h3 { margin: 34px 0 16px; font-size: 1.75rem; }
  .value-steps p { font-size: .8rem; line-height: 1.75; }
  .values-footer { align-items: flex-start; flex-direction: column; gap: 14px; padding-top: 20px; }
}