/* Approved Values design B: editorial desktop, full-width stacked mobile. */
.values-section { background: #fff; overflow: hidden; }
.values-section > .container { display: grid; grid-template-columns: minmax(180px, .3fr) minmax(0, 1fr); gap: 40px; }
.values-heading { position: relative; isolation: isolate; min-width: 0; padding-top: 24px; }
.values-heading .section-title { margin-bottom: 0; font-size: clamp(30px, 3.3vw, 42px); }
.values-heading::after { content: ""; display: block; width: 48px; height: 3px; background: var(--color-gold); margin-top: 28px; }
.values-door { position: absolute; z-index: -1; top: 210px; right: 10%; width: 240px; height: 470px; border: 42px solid #f0f6f9; border-bottom: 0; border-radius: 130px 130px 0 0; transform: rotate(-8deg); pointer-events: none; }
.values-door::after { content: ""; position: absolute; top: 100%; left: -160px; width: 430px; height: 160px; background: linear-gradient(165deg,#edf5f9, #fff); clip-path: polygon(27% 0, 64% 0, 100% 100%, 0 100%); }
.values-list { list-style: none; margin: 0; padding: 0; min-width: 0; }
.value-item { display: grid; grid-template-columns: 84px minmax(0,1fr); gap: 8px 24px; padding: 32px 28px; align-items: start; }
.value-item:nth-child(even) { background: #f1f6f9; }
.value-number { grid-column: 1; grid-row: 1 / 3; font-family: var(--font-en); font-size: 64px; font-weight: 300; letter-spacing: -.06em; line-height: 1.1; color: var(--color-gold-dark); }
.value-title { grid-column: 2; margin: 0; color: var(--color-charcoal); font-size: 20px; line-height: 1.7; font-weight: 700; word-break: normal; overflow-wrap: anywhere; }
.value-description { grid-column: 2; margin: 0; color: var(--color-text-muted); font-size: 16px; line-height: 1.95; word-break: normal; overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  .values-section > .container { grid-template-columns: 190px minmax(0,1fr); gap: 16px; }
  .value-item { grid-template-columns: 58px minmax(0,1fr); gap: 8px 16px; padding: 28px 20px; }
  .value-number { font-size: 48px; }
}
@media (max-width: 768px) {
  .values-section > .container { display: block; }
  .values-heading { padding: 12px 0 48px; min-height: 232px; overflow: hidden; }
  .values-heading .section-title { font-size: 32px; }
  .values-heading::after { margin-top: 22px; }
  .values-door { top: 16px; right: 8px; width: 105px; height: 132px; border-width: 20px; border-radius: 0; transform: skewY(-12deg); }
  .values-door::after { left: -90px; width: 220px; height: 48px; }
  .values-list { position: relative; z-index: 1; }
  .value-item { display: block; padding: 30px 24px; margin: 0 -24px; }
  .value-number { display: block; font-size: 30px; letter-spacing: .02em; line-height: 1.3; margin-bottom: 12px; }
  .value-title { font-size: clamp(17px, 4.65vw, 20px); line-height: 1.7; margin-bottom: 12px; }
  .value-description { font-size: 15px; line-height: 1.95; }
}