:root{
  --bg: #ffffff;
  --text: #0f172a;
  --muted: #465062;
  --card: #f7f9fb;
  --accent: #1E4D2B; /* CSU Green */
  --gold: #C8C372;   /* CSU Gold */
  --link: #1E4D2B;
  --chip: #eef2f7;
  --border: #e2e8f0;
}
*{box-sizing:border-box;}
body{margin:0; font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--text); background:var(--bg);}    
.container{max-width:1100px; margin:0 auto; padding:24px;}
.header-bar{display:flex; align-items:center; justify-content:space-between; padding:12px 24px; border-bottom:4px solid var(--accent); background:var(--accent);}    
.header-bar img{height:60px;}
.header-bar nav a{color:var(--gold); text-decoration:none; margin:0 8px; font-weight:600;}
.header-bar nav a:hover{text-decoration:underline;}
.hero{display:grid; grid-template-columns:1fr .8fr; gap:24px; align-items:center; padding-block:32px;}
.card{background:var(--card); border:1px solid var(--border); border-radius:16px; padding:20px;}
.title{font-size:clamp(28px,4vw,40px); margin:0 0 6px;}
.subtitle{margin:6px 0 12px; color:var(--muted);}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 4px;}
.chip{background:var(--chip); color:var(--text); padding:6px 10px; border-radius:999px; font-size:13px; border:1px solid var(--border);}    
.btns{display:flex; gap:10px; margin-top:16px; flex-wrap:wrap;}
.btn{display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; border:1px solid var(--border); text-decoration:none; color:var(--text);}    
.btn:hover{border-color:rgba(30,77,43,0.6); box-shadow:0 6px 20px rgba(30,77,43,0.25);}    
h2{font-size:22px; margin:0 0 12px;}
.edu{display:grid; gap:12px;}
.edu-item{margin-bottom:6px;}
footer{border-top:1px solid var(--border); margin-top:40px;}
.foot{display:flex; justify-content:space-between; padding:20px 0; color:var(--muted); font-size:14px;}
.headshot{width:150px;border-radius:999px;border:2px solid var(--border);object-fit:cover;}
@media (max-width: 900px){ .hero{grid-template-columns:1fr;} }