/* ============================================
   BAGICHA — About Page (about.html)
   ============================================ */

.about-hero { text-align: center; padding: var(--sp-16) 0 var(--sp-10); margin-top: var(--nav-h); }
.about-hero__icon { font-size: 4rem; margin-bottom: var(--sp-4); display: inline-block; animation: float 5s ease-in-out infinite; }
.about-hero__title { font-family: var(--ff-heading); font-size: var(--fs-4xl); font-weight: var(--fw-bold); margin-bottom: var(--sp-4); }
.about-hero__text { color: var(--clr-text-muted); font-size: var(--fs-lg); max-width: 650px; margin-inline: auto; line-height: var(--lh-loose); }

.about-section { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-12); align-items: center; padding-block: var(--sp-16); }
.about-section--reverse { direction: rtl; }
.about-section--reverse > * { direction: ltr; }
.about-section__visual { font-size: min(14vw, 180px); text-align: center; }
.about-section__content h2 { font-family: var(--ff-heading); font-size: var(--fs-2xl); margin-bottom: var(--sp-4); }
.about-section__content p { color: var(--clr-text-muted); line-height: var(--lh-loose); margin-bottom: var(--sp-4); }

.team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--sp-8); }
.team-card { background: var(--clr-surface); border: 1px solid var(--clr-border); border-radius: var(--radius-xl); padding: var(--sp-8); text-align: center; transition: all var(--dur-base) var(--ease-out); }
.team-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.team-card__avatar { font-size: 3.5rem; margin-bottom: var(--sp-4); }
.team-card__name { font-weight: var(--fw-semibold); font-size: var(--fs-lg); margin-bottom: var(--sp-1); }
.team-card__role { font-size: var(--fs-sm); color: var(--clr-text-muted); }

@media (max-width: 992px) {
  .about-section { grid-template-columns: 1fr; text-align: center; }
  .about-section--reverse { direction: ltr; }
}
@media (max-width: 480px) {
  .team-grid { grid-template-columns: 1fr; }
}