html,body{margin:0;padding:0;height:100%}

.background-container{position:relative;width:100%;background:url('../about_bg2.jpeg') repeat}
.background-container::before{content:"";position:absolute;inset:0;background:url('../about_bg.jpeg') repeat;opacity:.30;pointer-events:none}
.content-container{position:relative;z-index:10}

.heading-highlight{
  background:#A0522D;
  color:#000;
}

.section-title{
  text-align:center;
  font-size:1.75rem;
  line-height:1.2;
  font-weight:800;
  margin-bottom:1.5rem;
  color:#000;
}

.cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;justify-items:center}
@media(max-width:639px){.cards-container{grid-template-columns:1fr}}
.founder-grid{grid-template-columns:1fr}

.core-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.core-grid .card{flex:0 1 300px}

.card{width:300px;background:rgba(255,255,255,.85);border-radius:.5rem;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:1.75rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center;transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.card-image{width:120px;height:120px;margin-bottom:1rem;border-radius:50%;overflow:hidden;border:3px solid #e5e7eb}
.card-image img{width:100%;height:100%;object-fit:cover}
.card-title{font:600 1.25rem/1 'Inter',sans-serif;color:#111827}
.card-subtitle{font:400 .875rem/1.2 'Inter',sans-serif;color:#4b5563;margin:0}
.card-bio{font:400 .8125rem/1.35 'Inter',sans-serif;color:#374151;margin-top:.5rem}
