/* About page — unique sections not covered by base.css */
.eyebrow,.pillar-title,.member-name{font-family:'Cormorant Garamond', serif;}

/* HERO (two-column, left aligned) */
.hero{
  background:linear-gradient(120deg,var(--pale) 0%, var(--bg) 60%, var(--pale) 100%);
  padding:64px 60px;
}
.hero-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.eyebrow{font-size:12.5px;letter-spacing:2.5px;color:var(--gold);text-transform:uppercase;margin-bottom:14px;}
.hero h1{font-size:42px;line-height:1.15;color:var(--deep);margin-bottom:18px;font-weight:500;}
.hero-copy p{font-size:17px;line-height:1.7;opacity:0.85;margin-bottom:20px;max-width:480px;}

.img-placeholder{
  position:relative;border-radius:14px;overflow:hidden;height:340px;
  background:var(--cream);border:1.5px dashed var(--line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  color:var(--mid);
}
.img-placeholder svg{opacity:0.6;}
.img-placeholder span{font-family:'Mulish',sans-serif;font-weight:600;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:0.6;}
.img-placeholder.small{height:300px;}

/* SECTION SHARED */
.section-title{font-size:19px;letter-spacing:2.5px;color:var(--deep);text-transform:uppercase;margin-bottom:16px;}
.section-underline{width:46px;height:2px;background:var(--gold);margin-bottom:22px;}

/* OUR STORY */
.story-wrap{max-width:1180px;margin:0 auto;padding:60px 60px;display:grid;grid-template-columns:0.85fr 1.15fr;gap:50px;align-items:start;}
.story-copy p{font-size:16px;line-height:1.75;opacity:0.85;margin-bottom:16px;}
.pillars{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
.pillar{text-align:center;}
.pillar-icon{
  width:60px;height:60px;border-radius:50%;background:var(--cream);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--deep);margin:0 auto 14px;
}
.pillar-title{font-size:12px;letter-spacing:1px;color:var(--deep);text-transform:uppercase;margin-bottom:8px;}
.pillar-text{font-size:13.5px;line-height:1.55;opacity:0.8;}

/* WHY MOBILE WELLNESS */
.mobile-wrap{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.mobile-grid{max-width:1180px;margin:0 auto;padding:56px 60px;display:grid;grid-template-columns:0.9fr 1.1fr;gap:50px;align-items:center;}
.mobile-text p{font-size:16px;line-height:1.7;opacity:0.85;margin:16px 0 26px;max-width:480px;}
.mobile-features{display:grid;grid-template-columns:repeat(2, 1fr);gap:22px 30px;}
.mf-item{display:flex;align-items:center;gap:12px;}
.mf-icon{
  width:44px;height:44px;border-radius:50%;background:var(--bg);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--deep);flex-shrink:0;
}
.mf-title{font-size:14px;color:var(--text-dark);line-height:1.3;font-weight:600;}

/* TEAM */
.team-wrap{max-width:1180px;margin:0 auto;padding:64px 60px;text-align:center;}
.team-wrap .section-title{font-size:22px;}
.team-wrap .section-underline{margin-left:auto;margin-right:auto;}
.team-sub{font-size:16px;opacity:0.8;max-width:560px;margin:0 auto 40px;line-height:1.6;}
.team-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:26px;text-align:left;}
.member-card{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:28px 26px;text-align:left;display:flex;flex-direction:column;gap:14px;}
.member-card .avatar{margin-bottom:2px;}
.member-card .member-desc{margin-bottom:4px;}
.avatar{
  width:56px;height:56px;border-radius:50%;background:var(--bg);border:1px solid var(--line);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;color:var(--mid);
}
.member-name{font-size:14px;letter-spacing:0.5px;color:var(--deep);text-transform:uppercase;margin-bottom:4px;}
.member-role{font-size:13px;color:var(--gold);letter-spacing:0.5px;margin-bottom:8px;text-transform:uppercase;font-family:'Mulish',sans-serif;font-weight:600;font-size:11px;}
.member-desc{font-size:14px;line-height:1.5;opacity:0.8;}

/* CTA BAND */
.cta-band{
  max-width:1180px;margin:0 auto 60px;background:var(--pale);border:1px solid var(--line);border-radius:10px;
  padding:38px 46px;display:flex;align-items:center;gap:28px;
}
.cta-icon{
  width:64px;height:64px;border-radius:50%;background:var(--cream);border:1px solid var(--gold);
  display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0;
}
.cta-text{flex:1;}
.cta-text h2{font-size:22px;color:var(--deep);margin-bottom:6px;font-weight:500;}
.cta-text p{font-size:15px;opacity:0.8;line-height:1.5;}
.cta-actions{display:flex;gap:14px;flex-shrink:0;}

@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;gap:36px;}
  .img-placeholder{height:280px;order:-1;}
  .story-wrap{grid-template-columns:1fr;padding:48px 40px;}
  .pillars{grid-template-columns:repeat(2, 1fr);}
  .mobile-grid{grid-template-columns:1fr;padding:48px 40px;}
  .img-placeholder.small{order:-1;height:260px;}
  .team-grid{grid-template-columns:repeat(2, 1fr);}
}

@media (max-width:900px){
  .hero{padding:48px 24px;}
  .hero h1{font-size:32px;}
  .story-wrap{padding:44px 24px;}
  .mobile-grid{padding:44px 24px;}
  .team-wrap{padding:48px 24px;}
  .cta-band{margin:0 24px 48px;padding:30px;}
}

@media (max-width:600px){
  .hero{padding:36px 18px;}
  .hero h1{font-size:26px;}
  .hero-copy p{font-size:15.5px;}
  .img-placeholder{height:220px;}
  .story-wrap{padding:36px 18px;gap:30px;}
  .pillars{grid-template-columns:1fr 1fr;gap:16px;}
  .mobile-grid{padding:36px 18px;gap:30px;}
  .mobile-features{grid-template-columns:1fr;gap:16px;}
  .img-placeholder.small{height:200px;}
  .team-wrap{padding:40px 18px;}
  .team-grid{grid-template-columns:1fr;}
  .member-card{text-align:left;}
  .cta-band{margin:0 18px 40px;padding:26px 20px;flex-direction:column;text-align:center;}
  .cta-actions{flex-direction:column;width:100%;}
}