/*
 * Prasad Construction Inc — About Page Styles
 * assets/about/styles.css — page-specific only
 */

/* ── VALUES ──────────────────────────────────────────────── */
.pc-value { padding: 32px 28px; background: rgba(255,255,255,.04); }
.pc-value__icon { width: 36px; height: 36px; margin-bottom: 16px; stroke: #E8671A; fill: none; display: block; }

/* ── CREDENTIALS ─────────────────────────────────────────── */
.pc-cred { background: #FFFFFF; padding: 28px; border-top: 3px solid #8B1A1A; }
.pc-cred__icon { width: 32px; height: 32px; margin-bottom: 14px; stroke: #8B1A1A; fill: none; display: block; }

/* ── TEAM ────────────────────────────────────────────────── */
.pc-team-card__photo {
  width: 100%; aspect-ratio: 1;
  display: block; margin-bottom: 16px;
  border-radius: 3px; overflow: hidden;
  background: #E8E4DF;
}
.pc-team-card__photo svg { width: 100%; height: 100%; display: block; }
.pc-team-card__role {
  font-family: 'Oswald', sans-serif;
  font-size: .75rem; font-weight: 500;
  text-transform: uppercase; letter-spacing: .12em; color: #E8671A; margin-top: 4px;
}

/* ── RESPONSIVE ──────────────────────────────────────────── */
@media (max-width: 600px) {
  .pc-team-card__photo { aspect-ratio: 4/3; }
}