.bio { background: var(--bg2); }
.bio__grid { display: grid; grid-template-columns: 360px 1fr; gap: 6rem; align-items: start; }
.bio__frame { position: relative; }
.bio__img { width: 100%; aspect-ratio: 3/4; object-fit: cover; filter: grayscale(30%) contrast(1.1); transition: filter 0.5s; }
.bio__frame:hover .bio__img { filter: grayscale(0%) contrast(1.05); }
.bio__frame::after {
  content: ''; position: absolute; inset: 14px -14px -14px 14px;
  border: 1px solid var(--accent); pointer-events: none; transition: inset 0.4s var(--ease);
}
.bio__frame:hover::after { inset: 8px -8px -8px 8px; }
.bio__frame.no-img { background: linear-gradient(135deg, #111 0%, #0a1a16 100%); aspect-ratio: 3/4; display: flex; align-items: center; justify-content: center; }
.bio__frame-num { position: absolute; bottom: -2.5rem; left: 0; font-family: var(--f-display); font-size: 8rem; line-height: 1; color: rgba(255,255,255,0.03); pointer-events: none; user-select: none; }
.bio__data { margin-top: 3rem; }
.bdr { display: flex; justify-content: space-between; align-items: baseline; padding: 0.75rem 0; border-bottom: 1px solid var(--border); gap: 1rem; }
.bdk { font-family: var(--f-mono); font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); }
.bdv { font-size: 0.85rem; color: var(--dim); text-align: right; }
.bio__sec { font-family: var(--f-mono); font-size: 0.65rem; letter-spacing: 0.2em; color: var(--accent); margin-bottom: 1.5rem; }
.bio__h { font-family: var(--f-display); font-size: clamp(2.5rem, 5vw, 4.5rem); line-height: 0.95; color: var(--white); margin-bottom: 2.5rem; }
.bio__h em { color: var(--accent); font-style: normal; }
.bio__p { font-size: 1rem; line-height: 1.8; color: var(--dim); margin-bottom: 1.2rem; }
.bio__p strong { color: var(--text); font-weight: 600; }
.bio__infl { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--border); }
.bio__infl-lbl { font-family: var(--f-mono); font-size: 0.6rem; letter-spacing: 0.15em; color: var(--accent); display: block; margin-bottom: 1rem; }
.bio__infl-wrap { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.bio__infl-wrap span { font-family: var(--f-mono); font-size: 0.65rem; letter-spacing: 0.08em; padding: 0.3rem 0.8rem; border: 1px solid var(--border); color: var(--dim); text-transform: uppercase; transition: border-color 0.2s, color 0.2s; }
.bio__infl-wrap span:hover { border-color: var(--accent); color: var(--accent); }
@media (max-width: 1024px) { .bio__grid { grid-template-columns: 280px 1fr; gap: 3rem; } }
@media (max-width: 768px) { .bio__grid { grid-template-columns: 1fr; gap: 3rem; } .bio__frame { max-width: 300px; } }