/* ============================================
   BIO SECTION
   ============================================ */
.bio-section{ padding-block:100px; }
.bio-grid{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:72px; align-items:start; }
.bio-media{
  position:sticky; top:110px;
  aspect-ratio:3/4;
  background:linear-gradient(155deg, #23272B, #16191b 70%);
  border-radius:var(--radius-md);
  border:1px solid var(--border-hairline-strong);
  overflow:hidden;
}
.bio-media::after{ content:""; position:absolute; inset:0; background:linear-gradient(200deg, rgba(255,75,31,0.14), transparent 55%); }
.bio-copy p{ color:var(--text-secondary); font-size:16.5px; line-height:1.75; margin-bottom:22px; max-width:640px; }
.bio-copy p:first-of-type::first-letter{
  font-family:var(--font-display); font-size:64px; color:var(--accent-flame); float:inline-start;
  line-height:0.8; margin-inline-end:10px; margin-top:6px;
}
html[dir="rtl"] .bio-copy p:first-of-type::first-letter{ font-family:var(--font-body); font-weight:800; font-size:44px; }
.pull-quote{
  border-inline-start:3px solid var(--accent-flame);
  padding-inline-start:26px;
  font-family:var(--font-display); font-size:26px; line-height:1.3; letter-spacing:0.01em;
  color:var(--text-primary); margin-block:36px; text-transform:uppercase;
}
html[dir="rtl"] .pull-quote{ text-transform:none; font-weight:700; font-family:var(--font-body); font-size:20px; }

@media (max-width:900px){ .bio-grid{ grid-template-columns:1fr; } .bio-media{ position:static; aspect-ratio:16/10; } }

/* ============================================
   PHILOSOPHY
   ============================================ */
.philosophy{ padding-block:100px; background:var(--bg-surface); }
.philosophy-head{ max-width:640px; margin-bottom:56px; }
.philosophy-head p{ color:var(--text-secondary); margin-top:16px; font-size:16px; }
.philosophy-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border-hairline); border:1px solid var(--border-hairline); }
.philosophy-card{ background:var(--bg-surface); padding:36px 30px; }
.philosophy-card .mark{ font-family:var(--font-display); font-size:40px; color:var(--accent-flame); line-height:1; margin-bottom:20px; }
.philosophy-card h3{ font-family:var(--font-display); font-size:20px; text-transform:uppercase; margin-bottom:12px; letter-spacing:0.02em; }
html[dir="rtl"] .philosophy-card h3{ text-transform:none; font-weight:800; }
.philosophy-card p{ font-size:14.5px; color:var(--text-secondary); line-height:1.65; }
@media (max-width:900px){ .philosophy-grid{ grid-template-columns:1fr; } }

/* ============================================
   CREDENTIALS
   ============================================ */
.credentials-section{ padding-block:100px; }
.credentials-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:52px; gap:24px; flex-wrap:wrap; }
.credentials-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--border-hairline); border:1px solid var(--border-hairline); }
.credential-row{ background:var(--bg-void); padding:26px 28px; display:flex; align-items:flex-start; gap:18px; }
.credential-row .cred-icon{ font-family:var(--font-mono); color:var(--accent-ember); font-size:14px; flex-shrink:0; margin-top:2px; }
.credential-row h4{ font-size:15.5px; font-weight:700; margin-bottom:5px; }
.credential-row p{ font-size:13.5px; color:var(--text-tertiary); line-height:1.55; }
@media (max-width:760px){ .credentials-list{ grid-template-columns:1fr; } }

/* ============================================
   TIMELINE (real chronological sequence — numbering is earned here)
   ============================================ */
.timeline-section{ padding-block:100px; background:var(--bg-surface); }
.timeline{ margin-top:56px; display:flex; flex-direction:column; }
.timeline-item{
  display:grid; grid-template-columns:110px 28px 1fr; gap:0;
  padding-block:30px;
  border-bottom:1px solid var(--border-hairline);
}
.timeline-item:first-child{ border-top:1px solid var(--border-hairline); }
.timeline-year{ font-family:var(--font-mono); font-size:15px; color:var(--accent-flame); font-weight:700; }
.timeline-dot-col{ display:flex; justify-content:center; position:relative; }
.timeline-dot-col::before{ content:""; position:absolute; top:0; bottom:-30px; width:1px; background:var(--border-hairline-strong); }
.timeline-item:last-child .timeline-dot-col::before{ display:none; }
.timeline-dot{ width:9px; height:9px; border-radius:50%; background:var(--accent-flame); margin-top:5px; z-index:1; }
.timeline-content h4{ font-family:var(--font-display); font-size:19px; text-transform:uppercase; margin-bottom:6px; letter-spacing:0.02em; }
html[dir="rtl"] .timeline-content h4{ text-transform:none; font-weight:800; }
.timeline-content p{ font-size:14.5px; color:var(--text-secondary); max-width:560px; line-height:1.6; }
@media (max-width:600px){ .timeline-item{ grid-template-columns:70px 24px 1fr; } .timeline-year{ font-size:13px; } }