:root{
  --accent:#2b6cb0;
  --bg:#446688;
  --muted:#666;
  --card:#f7f7f9;
  --maxw:1100px;
  --radius:12px;
}
*{box-sizing:border-box}

/* Make full-height flex layout */
html, body {
  height: 100%;
}

a:link {
  color: white; 
}
	
a:visited {
  color: white; 
}

a:hover {
  color: grey; /* Or any other color */
}

body {
  font-family: Arial MT Condensed Light,Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  margin:0;
  color:#111;

  display:flex;
  flex-direction:column;

  background-color: #000; 
  background: url("assets/headshot_blue_taller.jpg") no-repeat center center fixed;
  background-size: cover;

  -webkit-font-smoothing:antialiased;
}



.container{max-width:var(--maxw); margin:0 auto; padding:0px 0px 0px 0px;}
.container-resume { margin:0 auto; padding:0px 0px 0px 0px;}

.site-header{
	font-size:18px;font-weight:200 ;background:linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.7)); 
	position:sticky; top:0; z-index:20; border-bottom:0px solid #bcc;
	/*box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3); */
}

.site-header .container{display:flex; align-items:center; justify-content:space-between;}
.logo{color:#fff;font-size: 44px; font-weight:700; letter-spacing:0.6px; line-height: 1;}
.nav a{margin-left:14px; text-decoration:none; color:#fff;} 

.page .hero{padding:136px 0; background:linear-gradient(180deg, rgba(80,98,124,0.8), transparent);}
.hero-inner{display:flex; gap:28px; align-items:center; flex-wrap:wrap;}
.photo-frame{flex:0 0 320px; max-width:40%;}
.hero-photo{width:100%; height:auto; border-radius:var(--radius); box-shadow:0 8px 30px rgba(20,20,40,0.06); object-fit:cover; display:block;}
.hero-text{flex:1 1 320px;}
.hero-text h2{margin-top:0; margin-bottom:6px;}
.tagline{color:var(--muted); margin-top:0; margin-bottom:14px;}
.btn{display:inline-block; padding:10px 16px; border-radius:10px; text-decoration:none; background:var(--accent); color:#fff; margin-right:8px;}
.btn.ghost{background:transparent; border:1px solid var(--accent); color:var(--accent);}
.highlights{margin-top:18px;}
.highlights-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; list-style:none; padding:0;}
.highlights-grid li{background:var(--card); padding:14px; border-radius:10px;}
.about-grid{display:grid; grid-template-columns:500px 1fr; gap:20px; align-items:start;}
.about-photo{width:100%; border-radius:0px;}
.about-article{font-family: Arial MT Condensed Light,Inter, system-ui, -apple-system;font-weight:200;font-size:24px; color:#fff; background: rgba(0,0,0,0.7)}
.gallery-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin:16px 0;background: rgba(0,0,0,0.7)}
.gallery-grid img{width:100%; display:block; border-radius:8px;}
.video-grid{display:flex; gap:16px; flex-wrap:wrap;}
.resume-grid{display:grid; grid-template-columns:220px 1fr; gap:20px; align-items:start;}
.headshot img{width:100%; border-radius:8px;}
.news-grid{display:grid; grid-template-columns:500px 1fr; gap:20px; align-items:start;font-family: Arial MT Condensed Light,Inter, system-ui, -apple-system; font-size:20px;font-weight:200;}
.news-article{font-size:24px; color:#fff; background: rgba(0,0,0,0.7);}
.news-list{list-style:none; padding:0; margin:0;}
.news-item{padding:14px; border-bottom:1px solid #eee;}
.news-item time{display:block; color:var(--muted); font-size:20px; }
.muted{color:var(--muted)}
.small{font-size:12px; color:var(--muted)}
.blueheader {color:rgba(100,150,200,1);font-weight:500}

/* Footer pinned to bottom */
.site-footer{
  color:#bbb;
  margin-top:auto;
  padding:4px 0;
  background:#000;
  font-size:14px;
}

.download-note{font-size:13px; color:var(--muted);}

/* Responsive */
@media (max-width:800px){
  .about-grid, .resume-grid{grid-template-columns:1fr;}
  .photo-frame{max-width:100%; flex-basis:100%;}
  .hero-inner{flex-direction:column;}
}

/* container padding is one thing that makes the header taller */