.about-hero { padding: var(--page-top) var(--page-gutter) 0; text-align: center; }
.about-hero__eyebrow { font-size: var(--fs-eyebrow); line-height: var(--lh-eyebrow); font-weight: var(--fw-eyebrow); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--red); }
.about-hero__title { max-width: 760px; margin: var(--s-14) auto 0; font-size: var(--fs-h1); line-height: var(--lh-h3); font-weight: var(--fw-display); letter-spacing: var(--ls-h); color: var(--ink); text-wrap: balance; }
.about-hero__media { margin: var(--s-50) auto 0; max-width: var(--max); aspect-ratio: 16 / 9; border-radius: var(--r-media); overflow: hidden; background: var(--red-tint) url("../assets/img/hero-1.jpg") center / cover no-repeat; }
.about-hero__video { width: 100%; height: 100%; object-fit: cover; }
.founder-message { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-40); max-width: var(--max); margin: var(--s-36) auto var(--page-bottom); width: calc(100% - 2 * var(--page-gutter)); color: var(--ink); }
.founder-message h2 { font-size: var(--fs-h2); line-height: var(--lh-1_3); font-weight: var(--fw-display); letter-spacing: var(--ls-h); margin: 0; align-self: center; }
.founder-message__body { font-size: var(--fs-lead); line-height: var(--lh-lead); font-weight: 400; }
.founder-message__body p + p { margin-top: 1.5em; }
@media (max-width: 767px) {
  .founder-message { grid-template-columns: 1fr; gap: var(--s-24); margin-top: var(--s-28); }
  .about-hero__media { margin-top: var(--s-32); aspect-ratio: 4 / 3; border-radius: var(--r-16); }
}
.careers { display: grid; grid-template-columns: 260px 1fr; gap: var(--s-48); max-width: var(--max); width: calc(100% - 2 * var(--page-gutter)); margin: 0 auto var(--page-bottom); color: var(--ink); }
.careers__intro h2 { font-size: var(--fs-h1); line-height: var(--lh-h); font-weight: var(--fw-display); letter-spacing: var(--ls-h); }
.careers__intro p { margin-top: var(--s-16); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--ink-2); }
.careers__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s-24); }
.careers__card { display: flex; flex-direction: column; min-height: 300px; padding: var(--s-28); border: var(--sz-1) solid var(--line); border-radius: var(--r-card); background: var(--white); }
.careers__meta { font-size: var(--fs-caption); line-height: var(--lh-eyebrow); font-weight: var(--fw-label); color: var(--red); }
.careers__role { margin-top: var(--s-16); font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: var(--fw-display); letter-spacing: var(--ls-h3); }
.careers__desc { margin-top: auto; padding-top: var(--s-24); font-size: var(--fs-card-body); line-height: var(--lh-body); color: var(--ink-2); }
@media (max-width: 1023px) {
  .careers { grid-template-columns: 1fr; gap: var(--s-32); }
  .careers__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .careers__grid { grid-template-columns: 1fr; gap: var(--s-16); }
  .careers__card { min-height: 0; padding: var(--s-24); }
}