/* ===========================================================
   about-v7.css — About page
   Depends on styles-production-v5-5.css. Uses the site's own
   components: .section, .section-heading, .eyebrow, h2/h3,
   .benefit-grid, .product-card__mix, .button, .button--outline.
   Only the two-column founders layout is new.
   =========================================================== */

.about-founders{background:#000}
.about-page .section-heading--narrow{max-width:1000px}
.about-founders .section-heading{margin-bottom:58px}

.about-founders__layout{
  display:grid;
  grid-template-columns:minmax(0,400px) minmax(0,1fr);
  gap:clamp(40px,5.2vw,88px);
  align-items:start;
}
.about-founders__figure{position:sticky;top:calc(var(--header-height) + 34px);margin:0}
.about-founders__figure img{width:100%;border-radius:7px}
.about-founders__figure figcaption{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(155,197,154,.18);
  color:#b6c0bb;
  font-size:13px;
  line-height:1.65;
}

.founder + .founder{margin-top:62px;padding-top:62px;border-top:1px solid rgba(155,197,154,.18)}
.founder__topline{
  display:flex;
  min-height:48px;
  margin-bottom:24px;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
}
.founder__topline h3{margin:0;font-size:31px;line-height:1.05}
.founder>p{margin-bottom:16px;color:var(--muted);font-size:15px;line-height:1.7}
.founder>p.founder__quote{
  margin:26px 0 0;
  color:var(--cream);
  font-family:var(--serif);
  font-size:26px;
  line-height:1.3;
}
.founder__links{display:flex;flex-wrap:wrap;margin:26px 0 0;gap:12px 34px}
.founder__links a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}

/* fifth, full-width card in the vision grid */
.about-gives-card{grid-column:1/-1}
.about-textlink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:15px;
  color:var(--cream);
  font-size:15px;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
  transition:color .2s;
}
.about-textlink:hover,.about-textlink:focus-visible{color:var(--orange)}
.about-textlink svg{width:16px;height:16px;transition:transform .2s}
.about-textlink:hover svg{transform:translateX(3px)}

/* --- closing CTA (unchanged from about-v6-14.css) --- */
.about-cta{position:relative;display:flex;min-height:720px;overflow:hidden;background:#000;align-items:center}
.about-cta__background{position:absolute;inset:0;background:url('/assets/images/about-final-bg.webp') center/cover no-repeat}
.about-cta::before{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.75) 42%,rgba(0,0,0,.2) 72%,rgba(0,0,0,.1));content:''}
.about-cta__content{position:relative;z-index:2;padding-top:80px;padding-bottom:80px}
.about-cta h2{max-width:760px;margin-bottom:24px;font-size:clamp(51px,5.9vw,78px);line-height:.92}
.about-cta__content>p:not(.eyebrow):not(.about-cta__signature){max-width:650px;margin:0 0 31px;color:#ced6d2;font-size:17px;line-height:1.75}
.about-cta__signature{margin:27px 0 0;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}

@media(max-width:980px){
  .about-founders__layout{grid-template-columns:1fr;gap:40px}
  .about-founders__figure{position:static;max-width:480px}
  .founder + .founder{margin-top:52px;padding-top:52px}
}
@media(max-width:820px){
  .about-cta{min-height:660px}
  .about-cta__background{background-position:63% center}
  .about-cta::before{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.7) 74%,rgba(0,0,0,.3))}
}
@media(max-width:760px){
  .about-gives-card{grid-column:auto}
  .founder__topline{align-items:flex-start;flex-direction:column;gap:12px}
  .founder__topline h3{font-size:28px}
  .founder>p.founder__quote{font-size:23px}
}
@media(max-width:560px){
  .about-cta{min-height:630px}
  .about-cta__background{background-position:69% center}
  .about-cta h2{font-size:48px}
  .about-cta__content>p:not(.eyebrow):not(.about-cta__signature){font-size:15px}
}