/* ================================================================
   BNS Healthcare — About Page Styles
   Page-specific CSS only. Requires global.css
   ================================================================ */

.about-hero-inner{max-width:1200px;margin:0 auto;}

.stats-bar{background:var(--rose);padding:50px 60px;}

.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:1000px;margin:0 auto;background:rgba(255,255,255,.15);border-radius:18px;overflow:hidden;}

.stat-cell{padding:36px 20px;text-align:center;}

.stat-n{font-family:'Dancing Script',cursive;font-size:50px;font-weight:700;color:var(--white);line-height:1;}

.stat-l{font-size:9px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:6px;}

.story-sec{padding:90px 60px;background:var(--white);}

.story-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start;max-width:1200px;margin:0 auto;}

.story-script{font-family:'Dancing Script',cursive;font-size:clamp(36px,4.5vw,54px);font-weight:600;color:var(--rose);line-height:1.1;margin-bottom:10px;}

.story-serif{font-family:'Playfair Display',serif;font-size:clamp(18px,2.2vw,24px);font-weight:400;font-style:italic;color:var(--text-mid);margin-bottom:20px;}

.story-p{font-size:14px;color:var(--text-mid);line-height:1.9;font-weight:300;margin-bottom:14px;}

.timeline{position:relative;padding-left:28px;}

.timeline::before{content:'';position:absolute;left:6px;top:6px;bottom:6px;width:1.5px;background:var(--rose-pale);}

.tl-item{position:relative;margin-bottom:30px;}

.tl-dot{position:absolute;left:-28px;top:3px;width:13px;height:13px;border-radius:50%;background:var(--rose);border:2.5px solid var(--rose-pale);box-shadow:0 0 0 3px var(--white);}

.tl-year{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--rose-light);margin-bottom:4px;}

.tl-title{font-family:'Playfair Display',serif;font-size:15px;font-weight:500;color:var(--text);margin-bottom:5px;}

.tl-desc{font-size:12px;color:var(--text-mid);font-weight:300;line-height:1.7;}

.values-sec{padding:90px 60px;background:var(--ivory2);}

.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:48px auto 0;}

.val-card{background:var(--white);border-radius:20px;padding:36px 28px;border:1px solid var(--border);transition:all .35s;text-align:center;}

.val-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(90,50,35,.09);}

.val-ico{font-size:32px;margin-bottom:14px;}

.val-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:500;color:var(--text);margin-bottom:9px;}

.val-desc{font-size:13px;color:var(--text-mid);line-height:1.8;font-weight:300;}

.team-sec{padding:90px 60px;background:var(--white);}

.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1100px;margin:48px auto 0;}

.team-card{border-radius:20px;overflow:hidden;border:1px solid var(--border);transition:all .35s;}

.team-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(90,50,35,.1);}

.team-avatar{height:200px;display:flex;align-items:center;justify-content:center;font-size:56px;}

.team-info{padding:20px 18px 24px;background:var(--ivory);}

.team-name{font-family:'Playfair Display',serif;font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px;}

.team-role{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--rose-light);margin-bottom:8px;}

.team-bio{font-size:12px;color:var(--text-mid);font-weight:300;line-height:1.7;}

.awards-sec{padding:80px 60px;background:var(--text);}

.awards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:46px auto 0;}

.award-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:30px 22px;text-align:center;transition:all .3s;}

.award-card:hover{background:rgba(255,255,255,.08);transform:translateY(-4px);}

.award-ico{font-size:24px;margin-bottom:14px;}

.award-title{font-family:'Playfair Display',serif;font-size:15px;color:rgba(255,255,255,.82);margin-bottom:7px;}

.award-desc{font-size:12px;color:rgba(255,255,255,.4);font-weight:300;line-height:1.7;}

@media(max-width:1100px){.stats-bar,.story-sec,.values-sec,.team-sec,.awards-sec{padding-left:28px;padding-right:28px;}.story-inner{grid-template-columns:1fr;gap:44px;}.values-grid,.team-grid{grid-template-columns:1fr 1fr;}.awards-grid{grid-template-columns:1fr 1fr;}.stats-inner{grid-template-columns:1fr 1fr;}}

@media(max-width:768px){.stats-bar,.story-sec,.values-sec,.team-sec,.awards-sec{padding-left:16px;padding-right:16px;}.values-grid{grid-template-columns:1fr;}.team-grid{grid-template-columns:1fr 1fr;}.awards-grid{grid-template-columns:1fr;}.stats-inner{grid-template-columns:1fr 1fr;}}

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

/* Team member professional photos */
.team-photo-1{background:url('https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?w=300&q=80') center/cover;}

.team-photo-2{background:url('https://images.unsplash.com/photo-1559839734-2b71ea197ec2?w=300&q=80') center/cover;}

.team-photo-3{background:url('https://images.unsplash.com/photo-1582750433449-648ed127bb54?w=300&q=80') center/cover;}

.team-photo-4{background:url('https://images.unsplash.com/photo-1594824476967-48c8b964273f?w=300&q=80') center/cover;}

/* Team avatar with photo background - hide SVG, show bg */
.team-avatar.team-photo-1,
.team-avatar.team-photo-2,
.team-avatar.team-photo-3,
.team-avatar.team-photo-4 {
  font-size: 0;
}
.team-avatar.team-photo-1 svg,
.team-avatar.team-photo-2 svg,
.team-avatar.team-photo-3 svg,
.team-avatar.team-photo-4 svg {
  display: none;
}