/* ── Our Story Page Styles ────────────────────────────────── */

.reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.65s ease, transform 0.65s ease; }
.revealed { opacity: 1; transform: translateY(0); }
.video-wrap { position: relative; overflow: hidden; border-radius: 8px; background: #1a1a1a; }
.video-wrap iframe { width: 100%; height: 100%; border: none; display: block; }
.video-wrap video { width: 100%; height: 100%; object-fit: cover; display: block; }
.what-we-do-item { display: flex; align-items: flex-start; gap: 20px; padding: 28px 0; border-bottom: 1px solid var(--border); }
.what-we-do-item:first-child { border-top: 1px solid var(--border); }
.what-we-do-num { font-family: 'Playfair Display', serif; font-size: 32px; font-weight: 700; color: var(--gold); line-height: 1; min-width: 40px; flex-shrink: 0; padding-top: 4px; }
.what-we-do-body { flex: 1; }
.what-we-do-title { font-family: 'Playfair Display', serif; font-size: 17px; font-weight: 600; color: var( --navy-dark); margin-bottom: 8px; }
.what-we-do-text { font-size: 14px; color: var(--ink-light); line-height: 1.8; }
.mv-block { padding: 36px; border-radius: 8px; }
.mv-label { font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; display: block; }
.mv-statement { font-family: 'Playfair Display', serif; font-size: 19px; font-weight: 600; line-height: 1.55; color: var( --navy-dark); }
.value-row { display: grid; grid-template-columns: 180px 1fr; gap: 0; align-items: stretch; border-bottom: 1px solid var(--border); }
.value-row:first-child { border-top: 1px solid var(--border); }
.value-row-label { padding: 22px 24px 22px 0; font-size: 13px; font-weight: 700; color: var( --navy-dark); border-right: 1px solid var(--border); }
.value-row-text { padding: 22px 0 22px 24px; font-size: 14px; color: var(--ink-light); line-height: 1.75; }
@media (max-width: 600px) {
  .value-row { grid-template-columns: 1fr; }
  .value-row-label { border-right: none; border-bottom: 1px solid var(--border); padding: 16px 0 10px; }
  .value-row-text { padding: 10px 0 16px; }
  .what-we-do-item { gap: 14px; }
}