/* TLC About Us — front-end styles. Everything is scoped to .tlc-about */
.tlc-about{
  --tlc-green:#1f5d3a;
  --tlc-green-dark:#143d27;
  --tlc-leaf:#7ab648;
  --tlc-earth:#b7773a;
  --tlc-sand:#f6f2ea;
  --tlc-ink:#1d2a22;
  --tlc-muted:#5d6b62;
  --tlc-line:rgba(31,93,58,.18);
  font-family:inherit;
  color:var(--tlc-ink);
  background:var(--tlc-sand);
  padding:clamp(48px,8vw,96px) 20px;
  line-height:1.7;
  box-sizing:border-box;
  overflow-x:clip;
}
.tlc-about--part{padding:clamp(32px,5vw,56px) 20px}
.tlc-about--nobg{background:transparent;padding-left:0;padding-right:0}
.tlc-about *,.tlc-about *::before,.tlc-about *::after{box-sizing:border-box}
.tlc-about .tlc-wrap{max-width:1080px;margin:0 auto}
.tlc-about .tlc-part{margin-top:clamp(56px,8vw,96px)}
.tlc-about .tlc-wrap > .tlc-part:first-child{margin-top:0}
.tlc-about .tlc-head + .tlc-part{margin-top:36px}

/* Heading */
.tlc-about .tlc-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--tlc-green);
}
.tlc-about .tlc-eyebrow::before{content:"";width:34px;height:3px;background:var(--tlc-leaf);border-radius:2px}
.tlc-about h2.tlc-title{
  display:block;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.08;margin:14px 0 0;padding:0;
  color:var(--tlc-green-dark);letter-spacing:-.025em;font-weight:800;
}
.tlc-about h2.tlc-title span{color:var(--tlc-earth)}
.tlc-about h3.tlc-sub{
  font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:var(--tlc-earth);margin:0 0 22px;line-height:1.4;
}

/* Mission & vision band */
.tlc-about .tlc-mv{
  border-radius:24px;overflow:hidden;
  background:linear-gradient(145deg,var(--tlc-green),var(--tlc-green-dark));color:#fff;
  display:grid;grid-template-columns:1fr;
}
.tlc-about .tlc-mv--c2{grid-template-columns:repeat(2,1fr)}
.tlc-about .tlc-mv--c3{grid-template-columns:repeat(3,1fr)}
.tlc-about .tlc-mv > div{padding:clamp(28px,4vw,48px)}
.tlc-about .tlc-mv--c2 > div:nth-child(2n+1),
.tlc-about .tlc-mv--c3 > div:nth-child(3n+1){border-left:0}
.tlc-about .tlc-mv > div{border-left:1px solid rgba(255,255,255,.2)}
.tlc-about .tlc-mv--c1 > div{border-left:0}
.tlc-about .tlc-mv--c2 > div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.2)}
.tlc-about .tlc-mv--c3 > div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.2)}
.tlc-about .tlc-mv h3{margin:0 0 12px;padding:0;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tlc-leaf);font-weight:700}
.tlc-about .tlc-mv p{margin:0;color:#fff;font-size:clamp(1.1rem,1.9vw,1.4rem);line-height:1.45;font-weight:600}

/* Story (text + image). Also used by extra sections. */
.tlc-about .tlc-story{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px);align-items:center}
.tlc-about .tlc-story--img-left{grid-template-columns:.9fr 1.1fr}
.tlc-about .tlc-story--img-left .tlc-story__media{order:-1}
.tlc-about .tlc-story--noimg{grid-template-columns:1fr}
.tlc-about .tlc-story p{margin:0 0 16px;font-size:1.05rem;color:var(--tlc-muted)}
.tlc-about .tlc-story p.tlc-lead{font-size:1.25rem;color:var(--tlc-ink);font-weight:500;line-height:1.55}
.tlc-about .tlc-story strong{color:var(--tlc-ink)}
.tlc-about .tlc-story__text > :last-child{margin-bottom:0}
.tlc-about .tlc-story__text .tlc-sub{margin-bottom:14px}
.tlc-about .tlc-richtext > :last-child{margin-bottom:0}
.tlc-about .tlc-story__media{margin:0;position:relative}
.tlc-about .tlc-story__media::before{
  content:"";position:absolute;inset:16px -12px -12px 16px;
  border:3px solid var(--tlc-leaf);border-radius:26px;z-index:0;
}
.tlc-about .tlc-story--img-left .tlc-story__media::before{inset:16px 16px -12px -12px}
.tlc-about .tlc-story__media img{
  position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/3;
  object-fit:cover;border-radius:24px;
  box-shadow:0 22px 44px -22px rgba(20,61,39,.5);
}

/* Registration */
.tlc-about .tlc-reg{
  margin-top:26px;background:#fff;border-radius:18px;padding:20px 22px;
  border:1px solid rgba(31,93,58,.1);font-size:.92rem;color:var(--tlc-muted);
}
.tlc-about .tlc-reg h4{margin:0 0 10px;padding:0;font-size:1rem;color:var(--tlc-green-dark)}
.tlc-about .tlc-reg b{color:var(--tlc-ink)}
.tlc-about .tlc-reg div + div{margin-top:10px}
.tlc-about .tlc-part--registration .tlc-reg{margin-top:0}

/* Timeline (flat, horizontal) */
.tlc-about .tlc-timeline{
  list-style:none;margin:0;padding:34px 0 0;position:relative;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;
}
.tlc-about .tlc-timeline::before{
  content:"";position:absolute;left:0;right:0;top:12px;height:3px;
  background:linear-gradient(90deg,var(--tlc-leaf),var(--tlc-earth));border-radius:2px;
}
.tlc-about .tlc-timeline li{position:relative;margin:0;padding:0}
.tlc-about .tlc-timeline li::before{
  content:"";position:absolute;top:-29px;left:0;width:16px;height:16px;border-radius:50%;
  background:var(--tlc-sand);border:4px solid var(--tlc-green);
}
.tlc-about .tlc-timeline .yr{display:block;font-size:1.7rem;font-weight:800;color:var(--tlc-earth);line-height:1.2}
.tlc-about .tlc-timeline .tx{display:block;color:var(--tlc-muted);font-size:.98rem;margin-top:4px}

/* Values */
.tlc-about .tlc-values-intro{max-width:720px;margin:0 0 20px;font-size:1.05rem;color:var(--tlc-muted)}
.tlc-about .tlc-values{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.tlc-about .tlc-values li{
  margin:0;background:#fff;border-radius:18px;padding:22px 18px;border:1px solid rgba(31,93,58,.1);
  transition:transform .25s,box-shadow .25s;
}
.tlc-about .tlc-values li:hover{transform:translateY(-4px);box-shadow:0 14px 30px -16px rgba(20,61,39,.35)}
.tlc-about .tlc-values .n{
  width:38px;height:38px;border-radius:50%;background:var(--tlc-green);color:#fff;
  display:grid;place-items:center;font-weight:800;margin-bottom:12px;
}
.tlc-about .tlc-values p{margin:0;font-size:1rem;font-weight:600;color:var(--tlc-green-dark);line-height:1.5}

/* Footprints */
.tlc-about .tlc-foot{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tlc-about .tlc-country{background:#fff;border-radius:20px;padding:26px 28px;border:1px solid rgba(31,93,58,.1)}
.tlc-about .tlc-country.hq{border-color:var(--tlc-earth)}
.tlc-about .tlc-country.tlc-wide{grid-column:1/-1}
.tlc-about .tlc-country h4{
  margin:0 0 10px;font-size:1.5rem;color:var(--tlc-green-dark);font-weight:800;letter-spacing:-.01em;
  padding:0 0 10px;border-bottom:3px solid var(--tlc-leaf);display:inline-block;line-height:1.2;
}
.tlc-about .tlc-country.hq h4{border-color:var(--tlc-earth)}
.tlc-about .tlc-country p{margin:12px 0 0;color:var(--tlc-muted);font-size:1rem}
.tlc-about .tlc-country p b{display:block;color:var(--tlc-ink);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.tlc-about .tlc-cols{columns:2;column-gap:clamp(32px,6vw,80px)}
.tlc-about .tlc-cols p{break-inside:avoid;margin-top:0;margin-bottom:14px}

@media (max-width:860px){
  .tlc-about .tlc-mv--c2,.tlc-about .tlc-mv--c3{grid-template-columns:1fr}
  .tlc-about .tlc-mv > div{border-left:0!important}
  .tlc-about .tlc-mv > div + div{border-top:1px solid rgba(255,255,255,.2)!important}
  .tlc-about .tlc-story,.tlc-about .tlc-story--img-left{grid-template-columns:1fr}
  .tlc-about .tlc-story--img-left .tlc-story__media{order:0}
  .tlc-about .tlc-foot{grid-template-columns:1fr}
  .tlc-about .tlc-cols{columns:1}
  .tlc-about .tlc-timeline{grid-template-columns:1fr;padding-top:0;padding-left:22px;border-left:3px solid var(--tlc-leaf)}
  .tlc-about .tlc-timeline::before{display:none}
  .tlc-about .tlc-timeline li::before{top:8px;left:-32px}
}
@media (prefers-reduced-motion:reduce){.tlc-about .tlc-values li{transition:none}}