/* ============================================================
   Página "Arquitetura" — camada de estilo exclusiva desta página.
   Mesma paleta da marca (navy · dourado · branco/off-white) —
   só a estrutura e a tipografia mudam (Playfair Display, Beau
   Rivage, Jost, Barlow Semi Condensed). Escopado em
   .page-arquitetura, carregado só em arquitetos.html.
   ============================================================ */

body.page-arquitetura{
  --font-serif:'Playfair Display', serif;
  --font-script:'Beau Rivage', cursive;
  --font-sans:'Jost', sans-serif;
  --font-label:'Barlow Semi Condensed', sans-serif;

  font-family:var(--font-sans);
  font-weight:300;
}

/* ---------- hero interno: claro em vez do navy escuro ---------- */
.page-arquitetura .page-hero{
  background:var(--paper);
  color:var(--ink);
  padding:172px 0 88px;
}
.page-arquitetura .page-hero::before{display:none}
.page-arquitetura .breadcrumb{
  font-family:var(--font-label);
  font-size:.78rem;letter-spacing:.16em;
  color:var(--gray);
}
.page-arquitetura .breadcrumb a:hover{color:var(--gold-dark)}
.page-arquitetura .page-hero h1{
  font-family:var(--font-serif);
  font-weight:600;
  font-size:clamp(2.2rem,4.8vw,3.4rem);
  letter-spacing:0;
  line-height:1.2;
  color:var(--navy);
  max-width:700px;
}
.page-arquitetura .page-hero h1 .script-accent{
  font-family:var(--font-script);
  font-weight:400;
  color:var(--gold-dark);
  font-size:1.7em;
  line-height:0;
  display:inline-block;
  padding:0 .06em;
}
.page-arquitetura .page-hero p{
  font-family:var(--font-sans);
  font-weight:300;
  font-size:1.12rem;
  color:var(--gray);
  max-width:560px;
}

/* ---------- rótulos (eyebrow) ---------- */
.page-arquitetura .eyebrow{
  font-family:var(--font-label);
  font-weight:600;
  font-size:.86rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  gap:.7rem;
}
.page-arquitetura .eyebrow::before{
  clip-path:none;border-radius:0;
  width:7px;height:7px;
}

/* ---------- títulos de seção ---------- */
.page-arquitetura .section-title{
  font-family:var(--font-serif);
  font-weight:600;
  letter-spacing:0;
  font-size:clamp(1.8rem,3.6vw,2.6rem);
}
.page-arquitetura .about .section-title{font-style:italic}

/* ---------- lista "por que trabalhar com a RMK" ---------- */
.page-arquitetura .include{
  display:block;
  margin-top:2.2rem;
  border-top:1px solid var(--line);
}
.page-arquitetura .include li{
  padding:1.15rem .1rem;
  border-bottom:1px solid var(--line);
  font-family:var(--font-label);
  font-weight:500;
  font-size:1.02rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.page-arquitetura .include li svg{display:none}
.page-arquitetura .include li::before{
  content:"";
  width:8px;height:8px;flex:none;margin-top:.35rem;
  background:var(--gold-dark);
}

/* ---------- passos numerados ---------- */
.page-arquitetura .step::before{
  font-family:var(--font-serif);
  font-style:italic;
  font-weight:600;
  font-size:1.8rem;
  color:var(--gold-dark);
}
.page-arquitetura .step h3{
  font-family:var(--font-serif);
  font-weight:600;
  font-size:1.2rem;
}

/* ---------- CTA final ---------- */
.page-arquitetura .cta-block h2{
  font-family:var(--font-serif);
  font-style:italic;
  font-weight:600;
  font-size:clamp(1.8rem,3.4vw,2.4rem);
}