#hb-about{ background:var(--stone); color:var(--ink); font-family:'Inter',sans-serif; }
#hb-about *{ box-sizing:border-box; }
#hb-about a{ color:inherit; text-decoration:none; }
#hb-about .hba-wrap{ max-width:var(--max); margin:0 auto; padding:0 64px; }
#hb-about h1, #hb-about h2{ font-family:'Fraunces',serif; font-weight:360; }
#hb-about em{ font-style:italic; color:var(--gold-1); }
#hb-about p{ color:#6b6558; font-size:15.5px; line-height:1.7; }
#hb-about .hba-eyebrow{
  font-family:'Inter',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:0.14em; text-transform:uppercase; color:var(--oxide);
  display:block; margin-bottom:16px;
}

.hba-btn{ display:inline-block; padding:14px 28px; font-size:13px; font-weight:500; letter-spacing:0.02em; border-radius:2px; }
.hba-btn-primary{ background:var(--ink); color:var(--stone) !important; }
.hba-btn-primary:hover{ background:var(--ink-soft); }
.hba-btn-outline{ border:1px solid var(--oxide); color:var(--ink) !important; }
.hba-btn-outline:hover{ background:var(--oxide); color:var(--stone) !important; }

#hb-about .hba-hero{ position:relative; height:55vh; min-height:420px; overflow:hidden; display:flex; align-items:center; }
#hb-about .hba-hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(0.5); }
#hb-about .hba-hero-inner{ position:relative; z-index:2; max-width:var(--max); margin:0 auto; padding:0 64px; color:var(--stone); }
#hb-about .hba-hero .hba-eyebrow{ color:var(--gold-1); }
#hb-about .hba-hero h1{ font-size:clamp(38px,5.5vw,64px); color:var(--stone); margin-bottom:20px; }
#hb-about .hba-hero p{ max-width:460px; font-size:16px; color:rgba(241,228,204,0.9); }

#hb-about .hba-story{ padding:140px 0; background:var(--stone-deep); }
#hb-about .hba-story-grid{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:80px; align-items:center; }
#hb-about .hba-story h2{ font-size:clamp(30px,3.2vw,42px); margin-bottom:24px; }
#hb-about .hba-story p{ margin-bottom:18px; }
#hb-about .hba-story-img img{ width:100%; aspect-ratio:5/4; object-fit:cover; border-radius:2px; }

#hb-about .hba-values{ padding:140px 0; background:var(--stone); }
#hb-about .hba-values-head{ max-width:600px; margin-bottom:64px; }
#hb-about .hba-values-head h2{ font-size:clamp(28px,3vw,38px); }
#hb-about .hba-values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:48px 40px; }
#hb-about .hba-value-item h4{ font-family:'Inter',sans-serif; font-size:14.5px; font-weight:600; color:var(--ink); margin-bottom:8px; }
#hb-about .hba-value-item p{ font-size:14px; }

#hb-about .hba-team{ padding:140px 0; background:var(--ink); color:var(--stone); }
#hb-about .hba-team-head{ margin-bottom:64px; }
#hb-about .hba-team .hba-eyebrow{ color:var(--gold-1); }
#hb-about .hba-team h2{ color:var(--stone); font-size:clamp(28px,3vw,38px); }
#hb-about .hba-team-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
#hb-about .hba-team-card{ display:flex; flex-direction:column; gap:16px; }
#hb-about .hba-team-avatar{
  aspect-ratio:3/4; border:1px solid var(--line-on-dark); background:var(--ink-soft);
  display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;
  transition:border-color .35s ease, transform .35s ease, box-shadow .35s ease;
}
#hb-about .hba-team-card:hover .hba-team-avatar{
  border-color:var(--gold-1); transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,0.35);
}
#hb-about .hba-team-avatar svg{ width:38%; height:38%; }
#hb-about .hba-team-photo{
  width:100%; height:100%; object-fit:cover;
  filter:grayscale(0.15) brightness(0.95);
  transition:transform .5s ease, filter .5s ease;
}
#hb-about .hba-team-card:hover .hba-team-photo{
  transform:scale(1.04); filter:grayscale(0) brightness(1);
}
#hb-about .hba-team-name{ font-family:'Fraunces',serif; font-size:18px; }
#hb-about .hba-team-title{ font-size:12px; line-height:1.6; color:rgba(241,228,204,0.6); }

#hb-about .hba-location{ padding:140px 0; background:var(--stone-deep); }
#hb-about .hba-location-grid{ display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
#hb-about .hba-location h2{ font-size:clamp(28px,3vw,38px); margin:0 0 20px; }
#hb-about .hba-location p{ margin-bottom:28px; max-width:380px; }
#hb-about .hba-location-img img{ width:100%; aspect-ratio:5/4; object-fit:cover; border-radius:2px; }

#hb-about .hba-cta{ padding:120px 0; text-align:center; background:var(--stone); }
#hb-about .hba-cta h2{ font-size:clamp(30px,3.4vw,44px); margin:0 0 32px; }

@media (max-width:900px){
  #hb-about .hba-wrap, #hb-about .hba-hero-inner{ padding:0 22px; }
  #hb-about .hba-story, #hb-about .hba-values, #hb-about .hba-team, #hb-about .hba-location, #hb-about .hba-cta{ padding:80px 0; }
  #hb-about .hba-story-grid, #hb-about .hba-location-grid{ grid-template-columns:1fr; gap:40px; }
  #hb-about .hba-values-grid{ grid-template-columns:repeat(2,1fr); gap:36px 24px; }
  #hb-about .hba-team-grid{ grid-template-columns:repeat(2,1fr); gap:24px; }
}