/* ============== ABOUT / INTRO ============== */
.about{
  background: var(--bg-1);
  border-top: 1px solid var(--line-soft);
}
.about-row{
  display:grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 64px;
  align-items:center;
}
.about-visual{
  position:relative;
  border-radius: var(--r-lg);
  background: var(--grad-panel);
  border: 1px solid var(--line);
  padding: 36px;
  overflow:hidden;
}
.about-visual::before{
  content:'';
  position:absolute;
  width:340px; height:340px;
  border-radius:50%;
  background: var(--grad-orbit);
  filter: blur(70px);
  opacity:0.22;
  top:-90px; right:-90px;
}
.about-pillars{
  position:relative;
  z-index:1;
  display:grid;
  gap: 14px;
}
.about-pillar{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding: 16px 18px;
  border-radius: var(--r-sm);
  background: rgba(255,255,255,0.035);
  border: 1px solid var(--line-soft);
}
.about-pillar .dot{
  width:10px; height:10px;
  border-radius:50%;
  margin-top:6px;
  flex-shrink:0;
}
.about-pillar h4{ font-size:15.5px; color:var(--ink-0); font-weight:600; }
.about-pillar p{ font-size:14px; color:var(--ink-2); margin-top:4px; }

.about-copy .section-head{ margin-bottom:30px; }
.about-copy-lead{
  font-family: var(--font-display);
  font-size: 22px;
  color: var(--ink-0);
  line-height:1.4;
  font-weight:500;
}
.about-copy-lead .brand-text{ font-weight:700; }
.about-copy p.about-sub{
  margin-top: 20px;
  color: var(--ink-1);
  font-size:16px;
}
.about-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 28px;
}
.about-tags span{
  font-size:13px;
  font-family: var(--font-display);
  font-weight:500;
  padding: 8px 16px;
  border-radius: 999px;
  border:1px solid var(--line);
  color: var(--ink-1);
}

@media (max-width: 980px){
  .about-row{ grid-template-columns:1fr; gap:40px; }
}

/* ============== VISION / MISSION / VALUES ============== */
.vmv{
  background: var(--bg-0);
  position:relative;
}
.vmv-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.vmv-card{
  position:relative;
  padding: 34px 28px 30px;
  border-radius: var(--r-lg);
  background: var(--bg-2);
  border: 1px solid var(--line);
  transition: transform .3s ease, border-color .3s ease;
}
.vmv-card:hover{ transform: translateY(-6px); border-color: rgba(255,255,255,0.2); }
.vmv-icon{
  width:52px; height:52px;
  border-radius: 14px;
  display:flex; align-items:center; justify-content:center;
  margin-bottom: 20px;
}
.vmv-icon svg{ width:26px; height:26px; }
.vmv-card h3{ font-size: 21px; margin-bottom: 10px; }
.vmv-card p{ font-size: 14.5px; color: var(--ink-2); }
.vmv-card.values p{ margin:0; }
.vmv-values-list{ display:grid; gap:10px; margin-top:4px; }
.vmv-values-list li{ display:flex; gap:10px; font-size: 14px; color: var(--ink-1); }
.vmv-values-list b{ color: var(--ink-0); font-weight:600; }
.vmv-values-list .vbullet{
  width:6px; height:6px; border-radius:50%;
  margin-top:7px; flex-shrink:0;
}

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