/* ============================= ABOUT PAGE ============================= */

.page-hero{
  background:var(--navy-900); color:#fff;
  padding-top:calc(var(--section-pad-y) + 4rem);
  padding-bottom:var(--section-pad-y);
}
.page-hero-inner{
  display:grid; grid-template-columns:1.1fr .9fr; gap:var(--space-8);
  align-items:end;
}
.page-hero-copy h1{ font-size:var(--fs-hero); max-width:15ch; }
.page-hero-photo{ position:relative; border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/5; }
.page-hero-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media (max-width:900px){ .page-hero-inner{ grid-template-columns:1fr; } }

.mv-split{ display:grid; grid-template-columns:1fr 1px 1fr; gap:var(--space-8); }
.mv-block .roman{ font-family:var(--font-mono); color:var(--sky-700); font-size:.8rem; letter-spacing:.1em; margin-bottom:1.25rem; display:block; }
.mv-block h2{ font-family:var(--font-display); font-size:var(--fs-display-md); margin-bottom:1.25rem; max-width:14ch; }
.mv-block p{ font-size:var(--fs-body-lg); color:var(--ink-soft); max-width:44ch; }
@media (max-width:800px){ .mv-split{ grid-template-columns:1fr; } .mv-split .divider-v{ display:none; } }

.values-list{ border-top:1px solid var(--line-on-light); }
.value-row{
  display:grid; grid-template-columns:80px 1fr 2fr; gap:var(--space-6);
  padding-block:var(--space-6);
  border-bottom:1px solid var(--line-on-light);
  align-items:start;
  transition:background .4s var(--ease-out);
}
.value-row:hover{ background:var(--white); }
.value-row .idx{ font-family:var(--font-mono); font-size:.85rem; color:var(--sky-700); }
.value-row h3{ font-family:var(--font-display); font-size:1.5rem; }
.value-row p{ color:var(--ink-soft); max-width:52ch; }
@media (max-width:700px){ .value-row{ grid-template-columns:1fr; gap:.75rem; } }

.pull-quote{
  background:var(--navy-700); color:#fff;
  padding-block:var(--space-9);
  text-align:center; position:relative; overflow:hidden;
}
.pull-quote blockquote{
  font-family:var(--font-display); font-style:italic; font-weight:400;
  font-size:clamp(1.6rem, 3vw, 2.75rem);
  max-width:22ch; margin-inline:auto; line-height:1.3;
}
.pull-quote cite{ display:block; margin-top:2rem; font-style:normal; font-family:var(--font-mono); font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; color:var(--sky-400); }

.industries-wrap{ display:grid; grid-template-columns:.9fr 1.1fr; gap:var(--space-8); align-items:center; }
.industries-photo{ position:relative; border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:3/4; }
.industries-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.industries-tags{ display:flex; flex-wrap:wrap; gap:.75rem; }
.industries-tags .pill{ font-size:.78rem; padding:.7rem 1.15rem; }
@media (max-width:900px){ .industries-wrap{ grid-template-columns:1fr; } }

.roadmap{ display:flex; overflow-x:auto; gap:0; scrollbar-width:none; }
.roadmap::-webkit-scrollbar{ display:none; }
.roadmap-step{
  flex:0 0 auto; width:min(78vw,320px);
  padding:2rem 2rem 2rem 0;
  border-left:1px solid var(--line-on-dark);
  padding-left:1.75rem;
  position:relative;
}
.roadmap-step::before{
  content:''; position:absolute; left:-4.5px; top:2rem; width:8px; height:8px; border-radius:50%;
  background:var(--sky-500);
}
.roadmap-step .idx{ font-family:var(--font-mono); font-size:.75rem; color:var(--sky-400); }
.roadmap-step h3{ font-family:var(--font-display); font-size:1.2rem; margin-top:.75rem; margin-bottom:.6rem; }
.roadmap-step p{ font-size:.88rem; color:rgba(255,255,255,.6); }