/* ============================================================
   ABOUT — founder grid, timeline, values
   ============================================================ */

.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:start;}
.about-img{position:sticky;top:88px;aspect-ratio:3/4;border:1px solid var(--line);overflow:hidden;background:var(--paper);}
.about-body h2{font-family:var(--serif);font-weight:300;font-size:clamp(28px,3.5vw,52px);line-height:1.05;letter-spacing:-0.02em;margin:0 0 24px;}
.about-body h2 em{font-style:italic;color:var(--accent);}
.about-body p{font-size:14px;line-height:1.68;color:var(--ink-2);margin:0 0 16px;max-width:52ch;}
.about-body .creds-row{margin-top:28px;}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:36px;}
.about-stat{background:var(--bg);padding:22px 20px;}
.about-stat .asval{font-family:var(--serif);font-size:clamp(36px,4vw,52px);font-weight:300;letter-spacing:-0.025em;line-height:1;color:var(--accent);}
.about-stat .aslbl{font-size:12px;color:var(--muted);margin-top:8px;max-width:20ch;line-height:1.5;}

/* TIMELINE */
.timeline{position:relative;max-width:760px;margin:0 auto;padding-left:36px;}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,var(--accent),var(--accent-2));}
.tl-item{position:relative;padding:0 0 clamp(36px,5vw,56px);}
.tl-item:last-child{padding-bottom:0;}
.tl-item::before{content:"";position:absolute;left:-36px;top:4px;width:15px;height:15px;background:var(--bg);border:1px solid var(--accent);transform:translateX(0) rotate(45deg);}
.tl-item .tl-year{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--accent);margin-bottom:8px;}
.tl-item h3{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.2vw,28px);letter-spacing:-0.01em;margin:0 0 8px;}
.tl-item p{font-size:13.5px;color:var(--muted);line-height:1.62;margin:0;max-width:54ch;}

/* VALUES */
.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.value{background:var(--bg);padding:28px 22px 32px;transition:background .22s ease;}
.value:hover{background:var(--bg-soft);}
.value .v-num{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.1em;margin-bottom:18px;}
.value h3{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:-0.01em;margin:0 0 4px;}
.value .v-sub{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.value p{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0;}

/* CREDENTIALS STRIP */
.creds-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,5vw,64px);align-items:center;}
.creds-strip .cs-item{font-family:var(--serif);font-weight:400;font-size:clamp(18px,2vw,26px);letter-spacing:-0.01em;color:var(--ink-2);text-align:center;}
.creds-strip .cs-item span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:6px;}

@media(max-width:1100px){ .values-grid{grid-template-columns:1fr 1fr 1fr;} }
@media(max-width:860px){
  .about-grid{grid-template-columns:1fr;}
  .about-img{position:relative;top:0;max-width:380px;}
  .values-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){ .values-grid{grid-template-columns:1fr;} .about-stats{grid-template-columns:1fr;} }