*{box-sizing:border-box}
body{margin:0;background:#fffaf0;
     color:#17201c;font-family:Arial,sans-serif}
header{height:78px;padding:0 6%;
       display:flex;align-items:center;
       justify-content:space-between;
       border-bottom:1px solid #dfe4dd;
       position:sticky;top:0;background:#fffaf0ee;
       backdrop-filter:blur(12px);z-index:5}
.brand{color:#17201c;
       text-decoration:none;
       font-weight:700}
.brand b {
  display: inline-grid;
  place-items: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #1f4d3a;
  color: #fffaf0;
  margin-right: 9px;
  overflow: hidden; /* Clips any image overflow to maintain the circle shape */
}

/* Add this rule right below .brand b */
.brand b img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image fills the 35px circle without distorting */
  display: block;
}
nav{display:flex;
    gap:22px;
    align-items:center}
nav a{color:#435049;
      text-decoration:none;
      font-size:14px;font-weight:600}
.active{color:#1f4d3a!important}
.join{background:#1f4d3a;
      color:#fffaf0!important;
      padding:11px 17px;
      border-radius:99px}
button{display:none;
       background:none;
       border:0;font-size:24px;
       color:#1f4d3a}
.hero{text-align:center;padding:95px 7% 80px;background:#f5efe3}.hero small,.profiles small,.cta small{letter-spacing:.16em;font-size:10px;font-weight:700;color:#3f6b4f}.hero h1{font:600 clamp(50px,7vw,82px)/1.05 Georgia,serif;margin:15px 0}.hero h1 i,.profiles h2 i{color:#3f6b4f}.hero>p{max-width:650px;margin:0 auto 65px;color:#65716b;line-height:1.7}.leaders{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.leaders article{text-align:center}.leaders .center{transform:translateY(-20px)}.circle{width:170px;height:170px;margin:auto;border-radius:50%;overflow:hidden;background:#dce2da;border:7px solid #fffaf0;box-shadow:0 12px 30px #17201c18}.circle img{width:100%;height:100%;object-fit:cover}.leaders h3{font-size:15px;margin:18px 0 5px}.leaders span{font-size:12px;color:#65716b}.profiles{max-width:1080px;margin:auto;padding:80px 7%}.profiles article{display:grid;grid-template-columns:40% 1fr;gap:80px;align-items:center;padding:65px 0;border-bottom:1px solid #dfe4dd}.profiles article.reverse{grid-template-columns:1fr 40%}.profiles article.reverse .photo{grid-column:2}.profiles article.reverse>div:last-child{grid-column:1;grid-row:1}.photo{aspect-ratio:1;border-radius:34% 34% 34% 8%;overflow:hidden;background:#dce2da}.reverse .photo{border-radius:34% 8% 34% 34%}.photo img{width:100%;height:100%;object-fit:cover}.profiles h2{font:600 clamp(38px,5vw,58px)/1.05 Georgia,serif;margin:14px 0}.profiles strong{font-size:13px;color:#3f6b4f}.profiles p{color:#65716b;line-height:1.8}.profiles blockquote{border-left:3px solid #b99a5b;padding:8px 0 8px 18px;margin:25px 0 0;font:18px/1.5 Georgia,serif}.cta{margin:20px 7% 90px;padding:65px 8%;text-align:center;background:#1f4d3a;color:#fffaf0;border-radius:28px}.cta small{color:#cdbb8d}.cta h2{font:600 clamp(36px,5vw,54px) Georgia,serif;margin:15px 0}.cta p{max-width:620px;margin:0 auto 25px;color:#e2e9e4;line-height:1.7}.cta a{display:inline-block;background:#fffaf0;color:#1f4d3a;padding:14px 22px;border-radius:99px;text-decoration:none;font-weight:700}footer{padding:30px 7%;border-top:1px solid #dfe4dd;display:flex;gap:25px;align-items:center}footer span{color:#65716b;font-size:12px}footer a{margin-left:auto;color:#1f4d3a}@media(max-width:800px){button{display:block}nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px 7%;background:#fffaf0;flex-direction:column;align-items:flex-start}nav.open{display:flex}.leaders{gap:10px}.circle{width:125px;height:125px}.profiles article,.profiles article.reverse{grid-template-columns:1fr;gap:30px}.profiles article.reverse .photo,.profiles article.reverse>div:last-child{grid-column:auto;grid-row:auto}.photo{max-width:500px}.leaders .center{transform:none}}@media(max-width:520px){.leaders{grid-template-columns:1fr;gap:35px}.circle{width:150px;height:150px}footer{flex-wrap:wrap}footer a{margin-left:0;width:100%}}