/* ════════════════════════════════════════════════════
   about.css — About Aarti section
════════════════════════════════════════════════════ */

.about-grid {
  display:               grid;
  grid-template-columns: 1fr 1fr;
  gap:             88px;
  align-items:     center;
  margin-top:      68px;
}

/* Pull quote */
.about-quote {
  border-left:  2.5px solid var(--sage);
  padding-left: 28px;
  margin:       36px 0;
}
.about-quote p {
  font-family: 'Fraunces', serif;
  font-size:   20px;
  font-style:  italic;
  font-weight: 300;
  color:       var(--text);
  line-height: 1.7;
}

/* Info card (right column) */
.about-card {
  background:    var(--surface);
  border:        1px solid var(--border);
  border-radius: var(--r);
  padding:       40px;
  box-shadow:    var(--shadow-md);
}

.about-card-lbl {
  font-size:      10px;
  color:          var(--sage);
  font-family:    'DM Mono', monospace;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom:  26px;
}

/* List items inside the card */
.aitem {
  display:     flex;
  gap:         14px;
  align-items: flex-start;
  padding:     14px 0;
  border-bottom: 1px solid var(--border);
}
.aitem:last-child { border-bottom: none; }

.adot {
  width:         6px;
  height:        6px;
  border-radius: 50%;
  background:    var(--sage);
  flex-shrink:   0;
  margin-top:    9px;
}

.atext {
  font-size:   14px;
  color:       var(--text-muted);
  line-height: 1.6;
}

#about { padding-top: 60px; }