/* Company page styles */
.c-hero { padding: clamp(64px, 8vw, 110px) 0 clamp(48px, 6vw, 80px); border-bottom: 1px solid var(--rule); }
.c-hero h1 {
  font-family: var(--display); font-weight: 400;
  font-size: clamp(48px, 7.5vw, 124px);
  line-height: 0.95; letter-spacing: -0.03em;
  margin-top: 56px;
  max-width: 18ch;
}
.c-hero h1 em { font-style: italic; color: var(--signal); }
.c-hero-meta { display: flex; flex-wrap: wrap; gap: 56px; margin-top: 60px; border-top: 1px solid var(--rule); padding-top: 24px; }
@media (max-width: 800px) { .c-hero-meta { gap: 32px; } }
.c-hero-meta .cell { min-width: 160px; }
@media (max-width: 640px) {
  .c-hero-meta { gap: 20px 24px; }
  .c-hero-meta .cell { min-width: 0; flex: 1 1 40%; }
}
.c-hero-meta .cell .k { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }
.c-hero-meta .cell .v { font-family: var(--display); font-size: 22px; line-height: 1.2; margin-top: 6px; }
.c-hero-meta .cell .v em { color: var(--signal); font-style: italic; }

/* Story */
.story-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(40px, 6vw, 96px); align-items: start; }
@media (max-width: 900px) { .story-grid { grid-template-columns: 1fr; } }
.story-prose p { font-size: 18px; line-height: 1.55; color: var(--ink-2); }
.story-prose p + p { margin-top: 16px; }
.story-prose .pull {
  font-family: var(--display); font-style: italic; font-weight: 400;
  font-size: clamp(28px, 3vw, 44px); line-height: 1.1;
  color: var(--ink); border-left: 2px solid var(--signal);
  padding-left: 22px; margin: 32px 0; max-width: 22ch;
}

/* People grid */
.people-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
@media (max-width: 900px) { .people-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .people-grid { grid-template-columns: 1fr; } }
.person {
  border-top: 1px solid var(--ink);
  padding-top: 20px; padding-bottom: 8px;
  display: flex; flex-direction: column; gap: 12px;
}
.person .role {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--signal);
}
.person h4 {
  font-family: var(--display); font-weight: 400;
  font-size: 28px; line-height: 1.05; letter-spacing: -0.015em;
}
.person p { font-size: 13.5px; line-height: 1.55; color: var(--ink-2); }
.person ul { list-style: none; display: flex; flex-direction: column; gap: 4px; margin-top: 4px; }
.person ul li {
  font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.04em;
  color: var(--ink-3); text-transform: uppercase;
}

.advisor {
  border-top: 1px solid var(--rule); padding-top: 16px;
}
.advisor-head { display: flex; align-items: center; gap: 14px; }
.advisor-head > div { display: flex; flex-direction: column; gap: 3px; }
.advisor h5 { font-family: var(--display); font-weight: 400; font-size: 20px; letter-spacing: -0.01em; }
.advisor .role { font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.advisor p { font-size: 13px; line-height: 1.5; color: var(--ink-2); margin-top: 6px; }
.advisors-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
@media (max-width: 900px) { .advisors-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .advisors-grid { grid-template-columns: 1fr; } }

/* Roadmap */
.roadmap { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); }
.roadmap.roadmap-2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) { .roadmap, .roadmap.roadmap-2 { grid-template-columns: 1fr; } }
.rcol { border-top: 1px solid var(--ink); padding-top: 20px; display: flex; flex-direction: column; gap: 14px; }
.rcol .when { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--signal); }
.rcol h4 { font-family: var(--display); font-style: italic; font-weight: 400; font-size: 32px; line-height: 1; }
.rcol ul { list-style: none; display: flex; flex-direction: column; gap: 8px; border-top: 1px solid var(--rule); padding-top: 14px; }
.rcol ul li { font-size: 14px; line-height: 1.5; color: var(--ink-2); padding-left: 16px; position: relative; }
.rcol ul li::before { content: "—"; position: absolute; left: 0; color: var(--signal); }