/* ===== ABOUT PAGE ===== */
.about-pills { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 18px; }
.about-pills span {
  display: flex; align-items: center; gap: 7px;
  background: var(--pink-pale); color: var(--pink);
  font-size: 0.84rem; font-weight: 600;
  padding: 8px 16px; border-radius: 50px;
  border: 1px solid var(--pink-muted);
}
.about-pills span img { width: 16px; height: 16px; object-fit: contain; }
.about-intro { font-size: 1rem; color: var(--text-light); line-height: 1.75; margin-bottom: 32px; max-width: 700px; }

.mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 32px; }
.mv-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 24px; }
.mv-icon { width: 44px; height: 44px; background: var(--pink); border-radius: 10px; margin-bottom: 16px; }
.mv-card h3 { font-family: 'Syne', sans-serif; font-size: 1.1rem; font-weight: 800; margin-bottom: 10px; }
.mv-card p { font-size: 0.94rem; color: var(--text-light); line-height: 1.7; }

.block-title {
  font-family: 'Syne', sans-serif; font-size: 1.2rem; font-weight: 800;
  margin-bottom: 18px; padding-bottom: 10px;
  border-bottom: 3px solid var(--pink); display: inline-block;
}
.what-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 24px; }
.what-item { display: flex; align-items: center; gap: 10px; font-size: 0.92rem; }
.what-dot { width: 8px; height: 8px; background: var(--pink); border-radius: 50%; flex-shrink: 0; }

.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.why-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px 18px; text-align: center; }
.why-icon { font-size: 1.8rem; margin-bottom: 12px; }
.why-card h4 { font-family: 'Syne', sans-serif; font-size: 0.95rem; font-weight: 800; margin-bottom: 8px; }
.why-card p { font-size: 0.84rem; color: var(--text-light); line-height: 1.6; }

@media (max-width: 768px) {
  .mv-grid, .what-grid, .why-grid { grid-template-columns: 1fr; }
}