:root{
  --accent:#5e4a43;
  --accent-2:#7b5e57;
  --text:#3e3a37;
  --glass: rgba(255,255,255,0.85);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; color:var(--text); line-height:1.6; background-color:#f4f1ec;}
.container{max-width:1100px;margin:0 auto;padding:0 20px;}
header{padding:18px 0;background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:white; position:sticky; top:0; z-index:40;}
.brand a{color:white;text-decoration:none;font-weight:700;font-size:20px}
.nav{display:flex;gap:14px;align-items:center;justify-content:flex-end}
.nav a{color:white;text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:600}
.nav a:hover{background:rgba(255,255,255,0.08)}
.hero{min-height:56vh;display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;background-attachment:fixed;padding:80px 0;}
.card{background:var(--glass);backdrop-filter:blur(4px);padding:22px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.12);max-width:900px}
.section{padding:56px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.bio img{width:100%;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,0.12)}
.cta{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}
.footer{padding:28px 0;background:linear-gradient(180deg,rgba(94,74,67,0.06),rgba(123,94,87,0.04));margin-top:40px}
form input, form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e8e8e8;margin-bottom:10px}
@media(max-width:880px){.grid{grid-template-columns:1fr} .nav{display:none} .hero{background-attachment:scroll}}