.about-card {
    background: rgba(255,255,255,0.88);
    backdrop-filter: blur(8px);
    border-radius: 20px;
    padding: 36px 28px;
    text-align: center;
    box-shadow: 0 4px 30px rgba(107,143,134,0.12);
    border: 1px solid rgba(143,173,163,0.15);
    position: relative; overflow: hidden;
    transition: transform 0.4s, box-shadow 0.4s;
  }

.about-card::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, var(--sage-light), var(--gold-light), var(--sage-light));
  }

.about-card:hover { transform: translateY(-6px); box-shadow: 0 14px 45px rgba(107,143,134,0.2); }

.about-card-icon {
    width: 64px; height: 64px; border-radius: 50%;
    background: linear-gradient(135deg, var(--sage-bg), rgba(201,168,76,0.08));
    border: 1.5px solid var(--gold-light);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 20px;
  }

.about-card-title {
    font-family: var(--font-serif); font-size: 1.15rem; font-weight: 600;
    color: var(--dark); margin-bottom: 14px; font-style: italic;
  }

.about-card-text {
    font-family: var(--font-serif); font-size: 0.95rem;
    color: var(--gray); line-height: 1.8;
  }

@media (max-width: 768px) {
    .about-card { grid-column: span 1; }
    section > div > div[style*="grid-template-columns:repeat(3"] { grid-template-columns: 1fr !important; }
    section > div > div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
  }

/* page title classes moved to common.css */

/* ===== À PROPOS — BACKGROUNDS ===== */
.about-sec-hero {
  background: url('images/bg-floral.jpg') center top / cover no-repeat;
  min-height: 42vh; display: flex; align-items: center;
  justify-content: center; text-align: center;
  position: relative; overflow: hidden; padding: 80px 40px 60px;
}
.about-sec-1 {
  background: url('images/fondthisa.png') center center / cover no-repeat;
  padding: 90px 48px; position: relative;
}
.about-sec-2 {
  background: url('images/bg-floral.jpg') center center / cover no-repeat;
  padding: 90px 48px; position: relative;
}
.about-sec-3 {
  background: url('images/bg-sections.jpg') center bottom / cover no-repeat;
  padding: 90px 48px; position: relative;
}