/* ── BIO HERO ── */
.bio-hero {
  min-height: 44vh;
  padding: 8rem 1.5rem 4.5rem;
  text-align: center;
  position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(201,168,76,0.10) 0%, transparent 60%),
    linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 45%, var(--navy-mid) 80%, #162036 100%);
}
.bio-hero::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),var(--gold-light),var(--gold),transparent);
}
.bio-founded {
  display:inline-flex; align-items:center; gap:10px;
  background:rgba(201,168,76,0.09); border:1px solid rgba(201,168,76,0.25);
  color:var(--gold-light); padding:7px 20px; border-radius:50px;
  font-size:.70rem; font-weight:700; letter-spacing:2.5px;
  text-transform:uppercase; margin-bottom:1.5rem;
}
.bio-hero h1 { font-size:clamp(2.5rem,5vw,4rem); font-weight:700; margin-bottom:1rem; }
.bio-hero h1 em { font-style:italic; color:var(--gold-light); }
.bio-hero p { max-width:580px; margin:0 auto; color:rgba(255,255,255,0.60); font-size:1.02rem; line-height:1.80; }

/* ── BIO TEXT ── */
.bio-text-section {
  padding: 5rem 1.5rem;
  background: linear-gradient(180deg, var(--navy-dark) 0%, var(--navy) 100%);
}
.bio-text-inner { max-width: 860px; margin: 0 auto; }
.bio-text-inner p {
  color: rgba(255,255,255,0.62); font-size: 1.0rem; line-height: 1.85;
  margin-bottom: 1.4rem; font-weight: 500;
}
.bio-text-inner p strong { color: #fff; }

.bio-highlight {
  background: linear-gradient(135deg, rgba(201,168,76,0.08), rgba(201,168,76,0.04));
  border-left: 2px solid var(--gold);
  border-radius: 0 16px 16px 0;
  padding: 1.4rem 1.75rem;
  margin: 2rem 0;
}
.bio-highlight p { color: rgba(255,255,255,0.80) !important; margin: 0 !important; font-weight: 600 !important; }

/* Adopt row */
.adopt-row {
  display: grid; grid-template-columns: repeat(3,1fr);
  gap: 1rem; margin: 2.5rem 0;
}
.adopt-block {
  background: rgba(255,255,255,0.035); border:1px solid rgba(201,168,76,0.16);
  border-radius: 18px; padding: 1.5rem 1rem; text-align: center;
  transition: all .25s;
}
.adopt-block:hover { border-color: rgba(201,168,76,0.35); background:rgba(201,168,76,0.05); }
.adopt-block .num {
  font-size: 2.8rem; font-weight: 700;
  background: linear-gradient(135deg,var(--gold),var(--gold-bright));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  line-height: 1;
}
.adopt-block .unit {
  display: flex; align-items:center; justify-content:center; gap:6px;
  font-size: .85rem; font-weight: 700; color: #fff; margin: .4rem 0 .3rem;
}
.adopt-block p { font-size: .78rem; color: rgba(255,255,255,0.50); margin: 0; }

/* ── TIMELINE ── */
.timeline-wrap {
  padding: 5rem 1.5rem;
  background:
    radial-gradient(ellipse at 5% 50%, rgba(201,168,76,0.04) 0%, transparent 50%),
    linear-gradient(180deg, var(--navy) 0%, var(--navy-dark) 100%);
}
.timeline-wrap .chip { display:block; text-align:center; }
.timeline-wrap .chip::before { display:none; }
.timeline-wrap .sec-title { text-align:center; max-width:600px; margin:0 auto 3rem; }
.timeline { max-width: 720px; margin: 0 auto; position: relative; }
.timeline::before {
  content:''; position:absolute; left:32px; top:0; bottom:0; width:1px;
  background: linear-gradient(180deg, var(--gold), rgba(201,168,76,0.10));
}
.tl-item {
  display: flex; gap: 2rem; margin-bottom: 2.5rem; position: relative;
  padding-left: 80px;
}
.tl-dot {
  position: absolute; left: 24px; top: 18px;
  width: 18px; height: 18px; border-radius: 50%;
  background: linear-gradient(135deg,var(--gold-dark),var(--gold-light));
  border: 3px solid var(--navy-dark);
  box-shadow: 0 0 0 3px rgba(201,168,76,0.20);
  flex-shrink: 0;
}
.tl-year {
  position: absolute; left: 0; top: 14px;
  font-size: .68rem; font-weight: 700; color: var(--gold);
  letter-spacing: 1px; width: 20px; text-align:center;
}
.tl-box {
  background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07);
  border-radius: 18px; padding: 1.5rem;
  flex: 1; transition: all .25s;
}
.tl-box:hover { border-color: rgba(201,168,76,0.28); background:rgba(201,168,76,0.04); }
.tl-box h3 {
  font-size: 1.0rem; font-weight: 700; color: #fff;
  margin-bottom: .5rem; display:flex; align-items:center; gap:8px;
}
.tl-box .tl-icon { width:28px; height:28px; background:rgba(201,168,76,0.12); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.tl-box p { font-size: .88rem; color: rgba(255,255,255,0.55); line-height: 1.65; margin: 0; }

/* ── VALUES DARK ── */
.values-dark {
  padding: 5rem 1.5rem;
  background: linear-gradient(180deg, var(--navy-dark) 0%, var(--navy-deep) 100%);
  border-top: 1px solid rgba(201,168,76,0.10);
}
.values-dark .chip-light { display:block; text-align:center; }
.values-dark .chip-light::before { display:none; }
.values-dark .sec-title { text-align:center; margin-bottom:3rem; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; max-width:1100px; margin:0 auto; }
.val-card {
  background: rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.07);
  border-radius:20px; padding:2rem 1.5rem; transition:all .25s;
}
.val-card:hover { border-color:rgba(201,168,76,0.28); background:rgba(201,168,76,0.04); transform:translateY(-4px); }
.val-icon { width:44px; height:44px; background:linear-gradient(135deg,rgba(201,168,76,0.14),rgba(201,168,76,0.05)); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.val-card h4 { font-size:.95rem; font-weight:700; color:#fff; margin-bottom:.4rem; }
.val-card p  { font-size:.83rem; color:rgba(255,255,255,0.50); line-height:1.6; }

@media(max-width:768px) {
  .adopt-row { grid-template-columns:1fr; }
  .values-grid { grid-template-columns:1fr; }
  .timeline::before { display:none; }
  .tl-item { padding-left:0; flex-direction:column; gap:1rem; }
  .tl-dot, .tl-year { display:none; }
}
@media(max-width:1024px) {
  .values-grid { grid-template-columns:repeat(2,1fr); }
}