/* ─── BIO PAGE ─── */
.bio-page { max-width: 1280px; margin: 0 auto; padding: 100px 24px; display: grid; grid-template-columns: 1fr 380px; gap: 80px; align-items: start; }
.bio-main { font-size: 17px; line-height: 1.85; color: var(--text-secondary); position: relative; z-index: 1; }
.bio-main p + p { margin-top: 20px; }
.bio-main h3 { font-family: var(--font-serif); font-size: 28px; color: var(--blue-deep); margin: 48px 0 20px; font-weight: 700; letter-spacing: -0.01em; }
.bio-main ul { margin: 20px 0 24px 24px; list-style: disc; color: var(--text-secondary); }
.bio-main ul li { margin-bottom: 8px; }
.bio-main blockquote { font-family: var(--font-serif); font-size: 22px; font-style: italic; color: var(--blue-deep); border-left: 3px solid var(--blue); padding-left: 24px; margin: 40px 0; line-height: 1.5; }
.bio-sidebar { position: sticky; top: 100px; }
.bio-photo-card { background: var(--white); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--border-light); }
.bio-photo-area { aspect-ratio: 3/4; background: linear-gradient(145deg, var(--blue-light), var(--blue-soft)); display: flex; align-items: center; justify-content: center; position: relative; }
.bio-photo-area img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; }
.bio-photo-area::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--white), var(--blue), var(--red)); opacity: 0.7; }
.bio-initials { font-family: var(--font-serif); font-size: 80px; color: rgba(0,57,166,0.06); font-weight: 500; }
.bio-params { padding: 28px; }
.bio-param { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border-light); }
.bio-param:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.bio-param-label { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 4px; }
.bio-param-value { font-size: 14px; font-weight: 600; color: var(--blue-deep); }
.bio-er { margin-top: 32px; text-align: center; }
.bio-er img { display: block; width: 112px; height: auto; max-height: 140px; margin: 0 auto 12px; opacity: 0.9; transition: opacity var(--transition-base); object-fit: contain; }
.bio-er:hover img { opacity: 1; }
.bio-er-text { font-size: 10px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue-deep); }
.bio-er-text span { color: var(--blue); }

/* ─── REVEAL ─── */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-delay-2 { transition-delay: 0.16s; }

/* ─── RESPONSIVE ─── */
@media (max-width: 1024px) {
  .bio-page { gap: 48px; }
}
@media (max-width: 768px) {
  .bio-page { grid-template-columns: 1fr; padding: 60px 20px; }
  .bio-sidebar { position: static; order: -1; }
  .inner-hero { padding: 120px 20px 60px; }
  .reveal, .reveal-delay-1, .reveal-delay-2, .reveal-delay-3, .reveal-delay-4 { opacity: 1 !important; transform: none !important; transition: none !important; }
}