*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Jost',sans-serif;background:var(--cream);color:var(--ink);font-size:14px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.nav-bar{background:var(--ink);border-bottom:.5px solid rgba(192,144,96,0.2);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:var(--cream);text-decoration:none}
.nav-logo em{font-style:italic;color:var(--gold-l)}
.nav-links{display:flex;gap:1.5rem;align-items:center}
.nav-links a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,224,213,.6);text-decoration:none;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--gold-l)}
.hero{background:var(--ink-l, #3a3028);padding:4rem 2rem 3rem;text-align:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(192,144,96,0.2)}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(192,144,96,0.1) 0%,transparent 70%)}
.hero-eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-l);margin-bottom:.75rem;position:relative;opacity:.8}
.hero h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(2rem,5vw,3rem);color:var(--cream);line-height:1.1;position:relative}
.hero h1 em{font-style:italic;color:var(--gold-l)}
.hero-sep{width:50px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.25rem auto 0;position:relative}
.main{max-width:900px;margin:0 auto;padding:4rem 2rem;flex:1}
.bio-grid{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:start}
.bio-photo-wrap{position:sticky;top:6rem}
.bio-photo{width:100%;border-radius:var(--r2, 4px);box-shadow:0 8px 40px rgba(26,22,18,0.15);display:block}
.bio-photo-ph{width:100%;aspect-ratio:3/4;background:var(--cream-d);border-radius:var(--r2,4px);display:flex;align-items:center;justify-content:center;color:var(--ink-f);font-family:'Cormorant Garamond',serif;font-style:italic}
.bio-caption{font-size:11px;color:var(--ink-f);text-align:center;margin-top:.75rem;font-style:italic}
.bio-content{}
.bio-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1.8rem;color:var(--ink);margin-bottom:.4rem}
.bio-title em{font-style:italic;color:var(--gold)}
.bio-subtitle{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-f);margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:.5px solid var(--bd,rgba(176,128,80,0.2))}
.bio-text{font-size:14px;line-height:1.9;color:var(--ink-l)}
.bio-text p{margin-bottom:1.25rem}
.bio-text p:last-child{margin-bottom:0}
/* Influences & infos */
.bio-infos{margin-top:2rem;padding-top:1.5rem;border-top:.5px solid var(--bd,rgba(176,128,80,0.2));display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.bio-info-block{}
.bio-info-label{font-size:9px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}
.bio-info-label::after{content:'';flex:1;height:.5px;background:var(--bd,rgba(176,128,80,0.2))}
.bio-info-list{list-style:none;padding:0}
.bio-info-list li{font-size:12px;color:var(--ink-l);padding:.2rem 0;padding-left:.75rem;position:relative}
.bio-info-list li::before{content:'·';position:absolute;left:0;color:var(--gold)}
.bio-cta{margin-top:2rem;display:flex;gap:.75rem;flex-wrap:wrap}
.cta-btn{padding:.65rem 1.5rem;border-radius:var(--r,2px);font-family:'Jost',sans-serif;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;transition:all .2s;display:inline-block}
.cta-primary{background:var(--ink);color:var(--cream)}
.cta-primary:hover{background:var(--rust)}
.cta-ghost{background:none;color:var(--ink-l);border:.5px solid var(--bd2,rgba(176,128,80,0.45))}
.cta-ghost:hover{border-color:var(--gold);color:var(--gold)}
.empty-bio{text-align:center;padding:4rem 2rem;color:var(--ink-f);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.2rem}
footer{background:var(--ink);color:var(--cream);padding:2rem;text-align:center;margin-top:auto;border-top:1px solid rgba(192,144,96,0.2)}
.ft{font-family:'Cormorant Garamond',serif;font-size:1rem;margin-bottom:.4rem}
.ft em{font-style:italic;color:var(--gold-l)}
.ft-links{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}
.ft-links a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-l);text-decoration:none}
.ft-links a:hover{color:white}
@media(max-width:680px){
  .bio-grid{grid-template-columns:1fr}
  .bio-photo-wrap{position:static}
  .bio-infos{grid-template-columns:1fr}
  .nav-links{gap:.75rem}
  .nav-links a{font-size:10px}
  .main{padding:2rem 1.25rem}
}