/* Hero with skyline */
.hero-skyline{
  position:relative;background-image:url("/indy-night.webp");background-size:cover;background-position:center;
  min-height:400px;display:grid;place-items:center;
}
.hero-skyline::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,18,12,.55),rgba(28,18,12,.75))}
.hero-content{position:relative;z-index:2;text-align:center;color:var(--paper)}
.hero-content h1{font-size:clamp(2.4rem,6vw,3.6rem);margin-bottom:12px;letter-spacing:-.02em}
.hero-content .subtitle{font-family:'Courier Prime',monospace;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-2)}

/* Bio section */
.bio-section{padding:70px 0}
.bio-grid{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}
.bio-portrait{position:relative;border-radius:16px;overflow:hidden;background:var(--espresso);aspect-ratio:3/4;display:grid;place-items:center}
.bio-portrait img{width:100%;height:100%;object-fit:cover;display:none;position:absolute;top:0;left:0}
#tinymce .bio-portrait img, .bio-portrait img.loaded{display:block}
#tinymce .bio-portrait img.loaded + .initials-placeholder, .bio-portrait img.loaded + .initials-placeholder{opacity:0}
.bio-portrait .initials-placeholder{font-family:'Fraunces',serif;font-weight:900;font-size:4rem;color:var(--brass-2);transition:opacity .3s}
.bio-text h2{font-size:1.8rem;margin-bottom:16px}
.bio-text .role-tag{display:inline-block;font-family:'Courier Prime',monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);border:1px solid var(--rust);padding:4px 10px;border-radius:999px;margin-bottom:16px}
.bio-text p{margin-bottom:18px;font-size:1.05rem;color:var(--ink-soft)}
.bio-text strong{color:var(--ink)}

/* Back link */
.back-link{display:inline-flex;align-items:center;gap:6px;font-family:'Courier Prime',monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);margin-bottom:30px;transition:color .2s}
.back-link:hover{color:var(--brass)}

/* Responsive */
@media(max-width:768px){
  .bio-grid{grid-template-columns:1fr;gap:30px}
  .bio-portrait{max-width:240px;margin:0 auto}
}