/* About page \u2014 reuses wd- design tokens, adds timeline + values components */

/* ---------- VALUES GRID ---------- */
.ab-values-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1.75rem;
}
.ab-value-card{
  background:#faf8f5;
  border-radius:var(--clb-border-radius-large,16px);
  padding:1.75rem;
  border:1px solid rgba(36,38,43,0.06);
}
.ab-value-icon{
  width:52px;
  height:52px;
  border-radius:14px;
  background:#fdece2;
  color:var(--clb-color-button,#e5652f);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1rem;
}
.ab-value-card h3{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:700;
  font-size:1.05rem;
  color:#24262B;
  margin:0 0 0.5rem;
}
.ab-value-card p{
  font-size:0.92rem;
  line-height:1.6;
  color:#6b6d73;
  margin:0;
}

/* ---------- TIMELINE ---------- */
.ab-timeline{
  position:relative;
  max-width:760px;
  margin:0 auto;
  padding-left:2.25rem;
}
.ab-timeline::before{
  content:"";
  position:absolute;
  left:0.4rem;
  top:0.4rem;
  bottom:0.4rem;
  width:2px;
  background:rgba(36,38,43,0.1);
}
.ab-timeline-item{
  position:relative;
  padding-bottom:2.25rem;
}
.ab-timeline-item:last-child{padding-bottom:0;}
.ab-timeline-dot{
  position:absolute;
  left:-2.25rem;
  top:0.3rem;
  width:0.85rem;
  height:0.85rem;
  border-radius:50%;
  background:var(--clb-color-button,#e5652f);
  border:3px solid #fff;
  box-shadow:0 0 0 1px rgba(36,38,43,0.1);
}
.ab-timeline-year{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:700;
  font-size:0.85rem;
  color:var(--clb-color-button,#e5652f);
  text-transform:uppercase;
  letter-spacing:0.04em;
  margin-bottom:0.35rem;
}
.ab-timeline-item h3{
  font-family:'Bricolage Grotesque', sans-serif;
  font-weight:700;
  font-size:1.15rem;
  color:#24262B;
  margin:0 0 0.4rem;
}
.ab-timeline-item p{
  font-size:0.95rem;
  line-height:1.65;
  color:#6b6d73;
  margin:0;
}

@media (max-width: 980px){
  .ab-values-grid{grid-template-columns:repeat(2, 1fr);}
}
@media (max-width: 600px){
  .ab-values-grid{grid-template-columns:1fr;}
  .ab-timeline{padding-left:1.75rem;}
  .ab-timeline-dot{left:-1.75rem;}
}

/* ============ DARK MODE ============ */
.dark-scheme .ab-value-card{
  background:#26282e;
  border-color:rgba(255,255,255,0.08);
}
.dark-scheme .ab-value-icon{background:rgba(229,101,47,0.18);}
.dark-scheme .ab-value-card h3,
.dark-scheme .ab-timeline-item h3{color:#f3f4f6;}
.dark-scheme .ab-value-card p,
.dark-scheme .ab-timeline-item p{color:#a7a9b0;}
.dark-scheme .ab-timeline::before{background:rgba(255,255,255,0.12);}
.dark-scheme .ab-timeline-dot{border-color:#1c1e22;}