.ev-about-hero { min-height: 520px; display: flex; align-items: flex-end; padding-block: clamp(5rem, 10vw, 8rem); background: linear-gradient(125deg, #102d24 0%, #1c4a39 64%, #739079 140%); color: #fff; }
.ev-about-hero .ev-eyebrow { color: #c9dbc6; }
.ev-about-hero h1 { max-width: 900px; margin: 0; font-size: clamp(2.7rem, 5.5vw, 5.2rem); font-weight: 500; line-height: 1.04; letter-spacing: -.055em; text-wrap: balance; }
.ev-about-hero h1 span { color: #c9d8c6; font-weight: 350; }
.ev-about-hero .ev-about-hero__intro { max-width: 680px; margin: 1.5rem 0 0; color: inherit; line-height: 1.8; }
.ev-about-intro { display: grid; grid-template-columns: .7fr 2fr; gap: clamp(2rem, 8vw, 8rem); align-items: start; }
.ev-about-intro h2 { max-width: 680px; margin-bottom: 1.5rem; }
.ev-about-intro div > p { max-width: 680px; font-size: 1.05rem; line-height: 1.8; }
.ev-about-role { background: var(--ev-stone); }
.ev-about-role__layout { display: grid; grid-template-columns: .7fr 2fr; gap: clamp(2rem, 8vw, 8rem); }
.ev-about-role h2 { margin-bottom: 1.5rem; font-size: clamp(2.2rem, 4.2vw, 4rem); }
.ev-about-role h2 span { color: var(--color-accent); font-weight: 350; }
.ev-about-role__layout div > p { max-width: 680px; line-height: 1.8; }
.ev-about-model__flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4rem; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.ev-about-model__flow li { position: relative; min-height: 150px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-border); background: #fff; color: var(--ev-deep); font-size: clamp(1.2rem, 2vw, 1.7rem); text-align: center; }
.ev-about-model__flow li:not(:last-child)::after { content: "→"; position: absolute; left: calc(100% + 1.3rem); color: var(--color-accent); }
.ev-about-why { background: #f7f8f5; }
.ev-about-value-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--color-border); }
.ev-about-value-grid article { min-height: 190px; padding: 1.5rem; border-right: 1px solid var(--color-border); }
.ev-about-value-grid article:last-child { border-right: 0; }
.ev-about-value-grid span { color: var(--color-accent); font-size: .75rem; letter-spacing: .12em; }
.ev-about-value-grid h3 { margin-top: 3.5rem; max-width: 190px; }
.ev-about-cta { padding-block: clamp(4rem, 8vw, 7rem); background: var(--ev-deep); color: #fff; }
.ev-about-cta > div { display: flex; align-items: center; justify-content: space-between; gap: 3rem; }
.ev-about-cta .ev-eyebrow { color: #c3d4be; }
.ev-about-cta h2 { max-width: 660px; margin: 0; }
@media (max-width: 800px) {
  .ev-about-intro, .ev-about-role__layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .ev-about-model__flow { grid-template-columns: 1fr; gap: 2.75rem; }
  .ev-about-model__flow li:not(:last-child)::after { content: "↓"; left: 50%; top: calc(100% + .75rem); transform: translateX(-50%); }
  .ev-about-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ev-about-value-grid article:nth-child(2) { border-right: 0; }
  .ev-about-value-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--color-border); }
  .ev-about-cta > div { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
  .ev-about-hero { min-height: 440px; }
  .ev-about-value-grid { grid-template-columns: 1fr; }
  .ev-about-value-grid article { min-height: 150px; border-right: 0; border-bottom: 1px solid var(--color-border); }
  .ev-about-value-grid article:last-child { border-bottom: 0; }
  .ev-about-value-grid h3 { margin-top: 2rem; }
  .ev-about-cta .ev-button { width: 100%; }
}