.about-page { background:#15120f; color:#f4efe7; }
.about-hero { position:relative; min-height:95vh; display:grid; align-items:end; overflow:hidden; }
.about-hero__media, .about-hero__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.about-hero__overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(9,8,7,.18), rgba(9,8,7,.55) 55%, rgba(9,8,7,.9)); }
.about-hero__inner { position:relative; z-index:2; padding:160px 0 88px; max-width:880px; }
.about-hero h1 { margin:0; font-size:clamp(3rem, 6vw, 6rem); line-height:.96; max-width:11ch; }
.about-hero__lead { max-width:760px; font-size:1.08rem; color:rgba(255,255,255,.82); }
.about-intro, .about-team, .about-cta { padding:96px 0; }
.about-story, .about-location, .about-offerings { padding:88px 0; }
.about-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,4vw,64px); align-items:center; }
.about-copy h2, .section-heading h2, .about-story__copy h2 { font-size:clamp(2rem,4vw,3.6rem); margin:0 0 16px; }
.about-copy p, .about-story__copy p, .offer-card p, .team-card p { color:rgba(244,239,231,.78); }
.about-feature-card, .about-map-card {  padding:28px;  }
.about-feature-card img { width:150px; max-width:60%; display:block; margin-bottom:22px; }
.about-story__wrap { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,48px); align-items:center; }
.about-story__media img, .about-map-card img, .offer-card img, .team-card img { width:100%; display:block; border-radius:22px; }
.team-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:22px; }
.team-card {  overflow:hidden; }
.team-card--lead { grid-column:span 2; }
.team-card__body { padding:20px; }
.team-card h3 { margin:0 0 6px; font-size:1.35rem; }
.team-role { margin:0 0 12px; color:#c7a36a; text-transform:uppercase; letter-spacing:.16em; font-size:.74rem; }
.offer-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; }
.offer-card {  border-radius:24px; padding:16px; }
.offer-card h3 { margin:16px 0 10px; font-size:1.3rem; }
.about-cta__inner { display:flex; justify-content:space-between; gap:24px; align-items:center; }
.about-map-card img { border-radius:18px; }
@media (max-width: 1100px){ .team-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } .offer-grid,.about-story__wrap,.about-grid { grid-template-columns:1fr; } .team-card--lead{grid-column:auto;} }
@media (max-width: 680px){ .about-hero{min-height:90svh} .about-hero__inner{padding:136px 0 72px;} .team-grid,.offer-grid{grid-template-columns:1fr;} .about-cta__inner{flex-direction:column; align-items:flex-start;} }
/* =========================
   TEAM SECTION
========================= */

#team {
  padding: 100px 0;
  background: #070707;
}

#team .container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

.section-heading {
  text-align: center;
  margin-bottom: 70px;
}

.section-heading .eyebrow {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.8rem;
  color: #9b8b6e;
  margin-bottom: 10px;
}

.section-heading h2 {
  font-size: 2.5rem;
  font-weight: 600;
  color: #f4efe7;
}

/* =========================
   FEATURED TEAM MEMBER
========================= */

.team-featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  margin-bottom: 80px;
}

.team-featured__img img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.team-featured__bio h3 {
  font-size: 2rem;
  margin-bottom: 10px;
}

.team-featured__bio .role {
  display: inline-block;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #9b8b6e;
  margin-bottom: 20px;
}

.team-featured__bio p {
  margin-bottom: 18px;
  line-height: 1.7;
  color: #444;
}

.btn-row {
  margin-top: 20px;
}

.btn-static {
  display: inline-block;
  padding: 12px 28px;
  background: #1e1e1e;
  color: #15120f;
  text-decoration: none;
  border-radius: 4px;
  transition: 0.3s ease;
}

.btn-static:hover {
  background: #9b8b6e;
}

/* =========================
   TEAM GRID
========================= */

.team-grid-6 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.team-card-sm {
  background: #070707;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-card-sm img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
}

.team-card-sm:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.tc-copy {
  padding: 20px;
  text-align: center;
}

.tc-copy h4 {
  font-size: 1.1rem;
  margin-bottom: 6px;
}

.tc-role {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #9b8b6e;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 992px) {
  .team-featured {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .team-featured__bio {
    max-width: 600px;
    margin: 0 auto;
  }

  .team-grid-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .team-grid-6 {
    grid-template-columns: 1fr;
  }

  .section-heading h2 {
    font-size: 2rem;
  }
}