@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Inter:wght@300;400;500&family=Cormorant+Garamond:wght@400&display=swap");

:root{
  --gold:#e6d69e;
  --ivory:#fffdf8;

  --brown-1:#1f0c00;
  --brown-2:#2b1a0e;
  --brown-3:#3a2515;

  --shadow-soft:rgba(0,0,0,0.28);
}

/* =====================================================
   SECTION HUMAINE
===================================================== */

.about-human{
  padding: 80px;
  background:
    linear-gradient(180deg,var(--brown-1),var(--brown-2));
}

.about-human-inner{
  max-width:780px;
  margin:0 auto;
  text-align:center;
}

.about-human-title{
  font-family:"Playfair Display",serif;
  font-size:clamp(2rem,1.1vw + 1.5rem,2.2rem);
  color:var(--gold);
  font-weight: 400;
  margin:0 auto;
}

.about-human-text{
  font-family:"Inter",sans-serif;
  font-size:1.05rem;
  line-height:1.7;
  color:rgba(255,255,255,0.88);
  margin-top: 30px;
}

/* =====================================================
   MARQUES
===================================================== */

.brands-section{
  padding:90px 20px;
  background:#f6f1ea;
}

.brands-inner{
  max-width:980px;
  margin:0 auto;
  text-align:center;
}

.brands-title{
  font-family:"Playfair Display",serif;
  font-size:2.1rem;
  color:#2b1a0e;
}

.brands-intro{
  margin:18px auto 46px;
  max-width:620px;
  font-family:"Inter",sans-serif;
  color:#4a3a2a;
}

.brands-logos{
  display:flex;
  flex-wrap:wrap;
  gap:36px;
  justify-content:center;
  align-items:center;
}

.brands-logos img{
  max-height:46px;
  width:auto;
  opacity:0.9;
}

/* =====================================================
   CERTIFICATIONS
===================================================== */

.certif-section{
  padding:120px 20px;
  background:linear-gradient(180deg,#3a2314,#2b190e);
  display:grid;
  grid-template-columns:repeat(2,minmax(280px,420px));
  gap:90px;
  justify-content:center;
}

.certif-card{
  text-align:center;
  color:var(--ivory);
}

.certif-frame{
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(230,214,158,0.35);
  background:#2b190e;
  box-shadow:0 18px 42px var(--shadow-soft);
}

.certif-img{
  width:100%;
  display:block;
  border-radius:12px;
}

.certif-title{
  margin:22px 0 10px;
  font-family:"Cormorant Garamond",serif;
  font-size:1.55rem;
  color:#f1e3b4;
}

.certif-text{
  font-family:"Inter",sans-serif;
  font-size:1rem;
  max-width:340px;
  margin:0 auto;
  color:rgba(255,253,248,0.92);
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:900px){
  .certif-section{
    grid-template-columns:1fr;
    gap:60px;
  }
}