/* ── STORY ────────────────────────────────────────────────────── */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.story-left .big-quote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.5rem,2.5vw,2.125rem);font-weight:400;line-height:1.3;letter-spacing:-0.02em;color:var(--text);text-wrap:balance;border-left:3px solid var(--accent);padding-left:1.5rem;margin-top:1.5rem}
.story-left .big-quote em{font-style:italic;color:var(--accent)}
.story-right p{font-size:0.9375rem;color:var(--text-2);line-height:1.78;margin-bottom:1.1rem}
.story-right p:last-child{margin-bottom:0}

/* ── VALUES ───────────────────────────────────────────────────── */
.values-bg{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--border);margin-top:3rem}
.value-card{padding:2.25rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}
.value-card:nth-child(2n){border-right:none}
.value-card:nth-last-child(-n+2){border-bottom:none}
.value-icon{width:36px;height:36px;border-radius:2px;background:var(--accent-fade);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}
.value-icon svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.value-name{font-size:0.9375rem;font-weight:600;letter-spacing:-0.01em;color:var(--text);margin-bottom:0.5rem}
.value-desc{font-size:0.86rem;color:var(--text-2);line-height:1.65}

/* ── DIFFERENTIATORS ──────────────────────────────────────────── */
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}
.diff-item{padding-top:1.5rem;border-top:2px solid var(--border);transition:border-color 0.25s}
.diff-item:hover{border-top-color:var(--accent)}
.diff-label{font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:0.75rem;font-family:Georgia,serif}
.diff-title{font-size:1rem;font-weight:600;letter-spacing:-0.01em;color:var(--text);margin-bottom:0.5rem}
.diff-desc{font-size:0.86rem;color:var(--text-2);line-height:1.65}

/* ── DARK ABOUT ───────────────────────────────────────────────── */
.dark-section{background:var(--hero-bg)}
.dark-section .section-eyebrow{color:rgba(240,77,24,0.85)}
.dark-section .section-eyebrow::before{background:rgba(240,77,24,0.85)}
.mission-statement{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.5rem,2.8vw,2.25rem);font-weight:400;line-height:1.28;color:var(--hero-text);letter-spacing:-0.02em;text-wrap:balance;max-width:760px;margin-top:1.5rem}
.mission-statement em{color:var(--accent);font-style:italic}
.tags{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:2.5rem}
.tag{padding:0.3rem 0.75rem;border:1px solid rgba(255,255,255,0.12);border-radius:100px;font-size:0.75rem;color:var(--hero-muted);letter-spacing:0.02em}

/* ── RESPONSIVE ───────────────────────────────────────────────── */
@media(max-width:900px){
  .story-grid{grid-template-columns:1fr;gap:2.5rem}
  .diff-grid{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr}
  .value-card{border-right:none}
  .value-card:nth-last-child(-n+2){border-bottom:1px solid var(--border)}
  .value-card:last-child{border-bottom:none}
}
@media(max-width:640px){.diff-grid{grid-template-columns:1fr}}