/* ============================================================
   RmaisD Arquitetura — estilos específicos da página: home
   Carregar depois de css/base.css.
   ============================================================ */

nav.mainnav a:hover, nav.mainnav a:focus-visible{color:var(--orange-ink);border-color:var(--orange);}
/* ===== Hero ===== */
  section#hero{position:relative;height:172vh;padding:0;}
.hero-sticky{position:sticky;top:0;height:100vh;min-height:560px;overflow:hidden;}
.hero-sticky img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;
    filter:grayscale(var(--gs,1)) contrast(1.02);
    transition:filter .1s linear;
  }
.hero-sticky::after{
    content:"";position:absolute;inset:0;background:var(--sticky-scrim);
  }
.hero-content{
    position:absolute;left:0;right:0;bottom:0;z-index:2;
    padding:0 clamp(20px,4vw,48px) clamp(36px,6vw,64px);
    max-width:1180px;margin:0 auto;color:#F7F4EE;
  }
.hero-content .eyebrow{color:#F0C990;margin-bottom:14px;display:block;}
.hero-content h1{
    font-style:italic;font-weight:400;
    font-size:clamp(34px,6vw,64px);
    color:#FBFAF7;max-width:14ch;
    margin-bottom:16px;
  }
.hero-content p.lead{
    font-size:clamp(14.5px,1.6vw,17px);color:#E7E2D8;max-width:46ch;margin:0 0 30px;
  }
.diptych{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(247,244,238,.28);max-width:720px;border:1px solid rgba(247,244,238,.28);}
.diptych a{
    background:rgba(20,18,15,.42);backdrop-filter:blur(6px);
    padding:18px 20px;text-decoration:none;color:#FBFAF7;
    transition:background .3s ease;
  }
.diptych a:hover, .diptych a:focus-visible{background:rgba(228,116,10,.85);}
.diptych a:focus-visible{outline:2px solid #FBFAF7;outline-offset:-4px;}
.diptych .k{font-family:'Space Grotesk',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#F0C990;display:block;margin-bottom:6px;}
.diptych a:hover .k, .diptych a:focus-visible .k{color:#2A1500;}
.diptych .t{font-family:'Fraunces',serif;font-size:19px;margin-bottom:6px;}
.diptych .d{font-size:12.5px;color:#D9D3C6;line-height:1.5;}
.diptych a:hover .d, .diptych a:focus-visible .d{color:#3A2200;}
@media (max-width:640px) { .diptych{grid-template-columns:1fr;} }
/* ===== Manifesto ===== */
  section#manifesto{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
#manifesto h2{font-size:clamp(24px,3.4vw,34px);font-weight:400;font-style:italic;margin:14px 0 22px;max-width:20ch;}
#manifesto p{color:var(--ink-soft);font-size:16px;max-width:58ch;}
/* ===== Serviços ===== */
  .servicos-head{max-width:56ch;margin-bottom:44px;}
.servicos-head h2{font-size:clamp(24px,3.4vw,32px);font-weight:400;margin-top:14px;}
/* ===== Portfólio (amostra de projetos na Home + link para o portfólio completo,
     14/09/2026 — a Home mostra só uma prévia; todos os projetos, já separados em
     Projetos Arquitetônicos / Arquiteturas de Interiores, ficam na página Portfólio) ===== */
  .portfolio-head{margin-bottom:0;}
.portfolio-head h2{font-size:clamp(24px,3.4vw,32px);font-weight:400;margin-top:14px;max-width:22ch;}
.portfolio-head p{color:var(--ink-soft);font-size:15px;max-width:54ch;margin:14px 0 0;}
.portfolio-subhead{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px 24px;margin:36px 0 24px;padding-top:24px;border-top:1px solid var(--line);}
.portfolio-subhead .label{font-family:'Space Grotesk',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;color:var(--ink-soft);}
.see-all{font-family:'Space Grotesk',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;color:var(--orange-ink);text-decoration:none;white-space:nowrap;border-bottom:1px solid var(--orange);padding-bottom:2px;}
.see-all:hover, .see-all:focus-visible{color:var(--orange);}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);}
.pcard{position:relative;overflow:hidden;background:var(--paper-2);}
.pcard a{display:block;text-decoration:none;color:inherit;}
.pcard .ph{aspect-ratio:4/3;overflow:hidden;}
.pcard img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03);transition:filter .5s ease, transform .6s ease;}
.pcard a:hover img, .pcard a:focus-visible img{filter:grayscale(0) contrast(1.05);transform:scale(1.035);}
.pcard .cap{padding:16px 4px 6px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.pcard .cap .name{font-family:'Fraunces',serif;font-size:17px;}
.pcard .cap .loc{font-family:'Space Grotesk',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);white-space:nowrap;}
@media (max-width:860px) { .grid3{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px) { .grid3{grid-template-columns:1fr;} }
/* ===== Avaliação ===== */
  section#avaliacao{background:var(--ink);color:var(--paper);border-top:1px solid var(--line);}
:root[data-theme="light"] section#avaliacao, section#avaliacao{ --av-line: rgba(251,250,247,.18); }
section#avaliacao .eyebrow{color:var(--orange);}
section#avaliacao h2{font-size:clamp(24px,3.4vw,32px);font-weight:400;margin:14px 0 20px;color:var(--paper);max-width:20ch;}
section#avaliacao p.lead{color:#D9D3C6;font-size:16px;max-width:60ch;margin:0 0 40px;}
.placeholder-tag{border:1px dashed var(--gray);color:var(--gray);padding:1px 7px;border-radius:3px;font-size:11px;font-family:'Space Grotesk',sans-serif;}
.stat-block .cap{font-size:13.5px;color:var(--ink-soft);margin-top:10px;max-width:22ch;}
.servico{display:grid;grid-template-columns:minmax(0,180px) 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line);}
.servico h3{font-size:19px;font-weight:500;margin-bottom:6px;}
.credenciais{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;}
.cta-solid{
    display:inline-block;margin-top:34px;padding:14px 28px;
    background:var(--orange);color:#241300;text-decoration:none;
    font-family:'Space Grotesk',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;
    transition:background .25s ease;
  }