/* Seções da página: pilares, sobre, serviços, contato, rodapé */

h2 {
  font-family:var(--serif);
  font-weight:500;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.15;
  margin:0 0 16px;
}

section {
  padding:100px 0;
}

.light {
  background:var(--marfim);
  color:var(--texto);
}

.light h2 {
  color:var(--grafite);
}

.head {
  max-width:620px;
  margin-bottom:48px;
}

.head p {
  margin:0;
  opacity:.8;
}

.pilares {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:48px;
}

.pilares h3 {
  font-family:var(--serif);
  font-size:1.7rem;
  font-weight:500;
  margin:0 0 8px;
  color:var(--ouro-claro);
}

.pilares div {
  border-top:1px solid var(--ouro);
  padding-top:20px;
}

.pilares p {
  margin:0;
  color:var(--marfim2);
}

.sobre {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}

.sobre blockquote {
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.8rem,3vw,2.5rem);
  line-height:1.25;
  color:var(--ouro-claro);
  border-left:1px solid var(--ouro);
  padding-left:28px;
}

.sobre p {
  margin:0 0 16px;
  color:var(--marfim2);
}

.servicos {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:28px;
}

.servicos div {
  padding:28px;
  border:1px solid rgba(21,17,14,.15);
}

.servicos h3 {
  font-family:var(--serif);
  font-size:1.5rem;
  margin:0 0 8px;
  font-weight:600;
}

.servicos p {
  margin:0;
  opacity:.8;
}

.contato {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
}

footer {
  border-top:1px solid rgba(184,147,90,.3);
  padding:40px 0;
  text-align:center;
  color:#a79c8c;
  font-size:.85rem;
}

.light {
  margin:0 14px;
  border-radius:40px;
}

.pilares div {
  border:1px solid rgba(184,147,90,.3);
  border-radius:26px;
  padding:28px;
  background:var(--grafite2);
}

.servicos div {
  border-radius:26px;
  background:#fff;
  border-color:var(--marfim2);
}

.sobre blockquote {
  border-radius:0 26px 26px 0;
}

@media (max-width:900px) {
  .pilares,
  .sobre,
  .contato {
    grid-template-columns:1fr;
    gap:36px;
  }
  section {
    padding:72px 0;
  }
}

@media (max-width:900px) {
  .light {
    border-radius:28px;
  }
}