body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#fdfcf9;color:#333;line-height:1.6;}
header{background:#151515;color:#fff;padding:20px 10px;text-align:center;border-bottom:4px solid #c38b1b;}
.logo{max-width:200px;display:block;margin:0 auto 12px auto;}
nav{margin-top:8px;}
nav a{color:#fff;margin:0 14px;text-decoration:none;font-weight:bold;font-size:0.95rem;}
nav a:hover{text-decoration:underline;}
.container{max-width:950px;margin:30px auto 40px auto;padding:0 20px;background:#ffffff;}
h1{color:#8c5a00;margin-bottom:18px;font-size:1.9rem;}
h2{color:#5a3b00;margin-top:26px;margin-bottom:10px;font-size:1.2rem;}
ul{padding-left:1.2rem;}
ul li{margin-bottom:6px;}
footer{background:#151515;color:#ffffff;text-align:center;padding:18px 10px;margin-top:40px;font-size:0.9rem;border-top:3px solid #c38b1b;}


.headshot{
  max-width:220px;
  border-radius:4px;
  display:block;
  margin:12px 0 20px 0;
}

.headshot-contact{
  margin-bottom:16px;
}

.about-layout{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  align-items:flex-start;
}

.about-photo{
  flex:0 0 220px;
}

.about-content{
  flex:1 1 0;
}

.energy-strip{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
  margin:18px 0 24px 0;
}

.energy-icon{
  max-width:120px;
  height:auto;
  opacity:0.9;
}

/* Simple responsiveness */
@media (max-width: 700px){
  .about-layout{
    flex-direction:column;
    align-items:center;
  }
  .about-photo{
    flex:0 0 auto;
  }
}