/* ════════════════════════════════════════════════════════════════════
   RHAJ CONSULTORIA · Site one-page · Estilos
   Identidade: brand book RHAJ
   Paleta restrita · grafite + bone + terracota + sangue
   ════════════════════════════════════════════════════════════════════ */

:root{
  --grafite:#1C1410;
  --grafite-2:#0D0B09;
  --grafite-3:#14100C;
  --grafite-4:#241A14;
  --terracota:#8B4A2A;
  --tijolo:#C4703E;
  --ambar:#B87820;
  --bone:#F0E8D8;
  --bone-2:#E6DCC8;
  --bone-3:#C9BEA8;
  --bone-4:#8A7D66;
  --line:#2A2420;
  --line-2:#3A3028;
  --easing:cubic-bezier(.2,.7,.2,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{
  background:var(--grafite-2);
  color:var(--bone);
  font-family:"DM Sans",system-ui,sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-size:15px;line-height:1.55;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
em{font-style:italic}

.mono{font-family:"DM Mono",ui-monospace,monospace;font-weight:400}
.serif{font-family:"Cormorant Garamond",serif}
.sans{font-family:"DM Sans",sans-serif}
.jose{font-family:"Josefin Sans",sans-serif}

/* ─── Wordmark ─────────────────────────────────────── */
.wm{display:inline-flex;flex-direction:column;line-height:1;align-items:flex-start}
.wm .wr{font-family:"Josefin Sans",sans-serif;font-weight:300;color:var(--bone);line-height:1}
.wm .wl{height:1px;background:var(--terracota);display:block}
.wm .wc{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:400;color:var(--terracota);text-transform:lowercase;line-height:1}

/* ─── Pilar canonical (símbolo) ─────────────────────── */
.pilar{position:relative;display:inline-block}
.pilar .p-cap{position:absolute;left:27.78%;top:16.67%;width:44.44%;height:6.94%;background:var(--tijolo);opacity:0.4}
.pilar .p-col{position:absolute;left:38.89%;top:16.67%;width:22.22%;height:61.11%;background:#2A1E16;border:1.5px solid var(--tijolo)}
.pilar .p-base{position:absolute;left:19.44%;top:77.78%;width:61.11%;height:8.33%;background:var(--terracota)}

/* ─── NAV TOPO (sticky) ────────────────────────────── */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 56px;
  background:rgba(13,11,9,0.0);
  backdrop-filter:blur(0px);
  transition:background .35s var(--easing), backdrop-filter .35s var(--easing), padding .35s var(--easing), border-color .35s var(--easing);
  border-bottom:1px solid transparent;
}
.topbar.scrolled{
  background:rgba(13,11,9,0.85);
  backdrop-filter:blur(14px);
  padding:16px 56px;
  border-bottom-color:var(--line);
}
.topbar .brand{display:flex;align-items:center;gap:16px}
.topbar .brand .pilar{width:32px;height:32px}
.topbar .brand .wm .wr{font-size:16px;letter-spacing:0.5em;padding-left:0.5em}
.topbar .brand .wm .wl{width:88px;margin:5px 0;opacity:0.85}
.topbar .brand .wm .wc{font-size:9px;letter-spacing:0.18em}
.topbar nav{display:flex;align-items:center;gap:38px}
.topbar nav a{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:2.5px;color:var(--bone-3);text-transform:uppercase;transition:color .2s}
.topbar nav a:hover{color:var(--tijolo)}
.topbar nav a.cta{
  color:var(--bone);border:1px solid var(--terracota);
  padding:11px 22px;letter-spacing:2.5px;
  transition:background .2s, color .2s;
}
.topbar nav a.cta:hover{background:var(--terracota);color:var(--bone)}

/* ─── HERO · cinematográfico ────────────────────────── */
.hero{
  position:relative;min-height:100vh;
  padding:200px 56px 120px;
  display:flex;flex-direction:column;justify-content:flex-end;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.hero .corner-tl{position:absolute;top:120px;left:56px;font-family:"DM Mono";font-size:10px;letter-spacing:2.5px;color:var(--bone-4);line-height:1.7}
.hero .corner-tl b{color:var(--tijolo);font-weight:400;display:block}
.hero .hero-grid{display:grid;grid-template-columns:1fr 320px;gap:80px;align-items:end}
.hero h1{
  font-family:"Cormorant Garamond",serif;font-weight:300;
  font-size:clamp(72px, 11vw, 168px);line-height:0.92;
  letter-spacing:-0.04em;color:var(--bone);
  margin:0;
}
.hero h1 em{font-style:italic;font-weight:400;color:var(--tijolo)}
html.js .hero h1 .l{display:block;opacity:0;transform:translateY(40px);transition:opacity 1s var(--easing), transform 1s var(--easing)}
html.js .hero.in h1 .l:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.1s}
html.js .hero.in h1 .l:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.22s}
html.js .hero.in h1 .l:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.34s}
html.js .hero.in h1 .l:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.46s}
.hero .lede{margin-top:36px;font-size:19px;color:var(--bone-3);line-height:1.65;max-width:640px}
html.js .hero .lede{opacity:0;transform:translateY(20px);transition:opacity .9s var(--easing), transform .9s var(--easing);transition-delay:.7s}
html.js .hero.in .lede{opacity:1;transform:translateY(0)}
.hero .ctas{margin-top:40px;display:flex;gap:18px;flex-wrap:wrap}
html.js .hero .ctas{opacity:0;transform:translateY(20px);transition:opacity .9s var(--easing) .85s, transform .9s var(--easing) .85s}
html.js .hero.in .ctas{opacity:1;transform:translateY(0)}
.hero .ctas a{
  font-family:"DM Mono",monospace;font-size:12px;letter-spacing:3px;
  padding:18px 30px;text-transform:uppercase;
  transition:transform .2s, background .2s, color .2s;
}
.hero .ctas a.primary{background:var(--terracota);color:var(--bone)}
.hero .ctas a.primary:hover{background:var(--tijolo);transform:translateY(-2px)}
.hero .ctas a.ghost{color:var(--bone-3);border:1px solid var(--line-2)}
.hero .ctas a.ghost:hover{color:var(--bone);border-color:var(--tijolo)}

.hero aside{
  font-family:"DM Mono",monospace;font-size:11px;letter-spacing:2px;color:var(--bone-3);line-height:2.1;
  border-left:1px solid var(--line);padding-left:32px;
}
html.js .hero aside{opacity:0;transform:translateY(20px);transition:opacity .9s var(--easing) 1s, transform .9s var(--easing) 1s}
html.js .hero.in aside{opacity:1;transform:translateY(0)}
.hero aside .ll{width:32px;height:1px;background:var(--terracota);margin-bottom:16px}
.hero aside b{color:var(--bone);font-weight:400;display:block;margin-top:14px}
.hero aside .num{color:var(--tijolo)}

.hero .scroll-hint{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  font-family:"DM Mono";font-size:10px;letter-spacing:3px;color:var(--bone-4);
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
html.js .hero .scroll-hint{opacity:0;transition:opacity 1s var(--easing) 1.5s}
html.js .hero.in .scroll-hint{opacity:1}
.hero .scroll-hint::after{content:"";width:1px;height:36px;background:linear-gradient(to bottom,var(--terracota),transparent);animation:slide 1.8s ease-in-out infinite}
@keyframes slide{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}100%{transform:translateY(0);opacity:0}}

/* ─── SECTION CHROME (comum) ────────────────────────── */
section.chapter{
  position:relative;padding:140px 56px;
  border-bottom:1px solid var(--line);
}
.chap-head{display:grid;grid-template-columns:160px 1fr;gap:48px;margin-bottom:80px;align-items:start}
.chap-head .idx{font-family:"DM Mono";font-size:11px;color:var(--terracota);letter-spacing:3px;padding-top:18px;text-transform:uppercase}
.chap-head .idx::before{content:"";display:inline-block;width:24px;height:1px;background:var(--terracota);margin-right:12px;vertical-align:middle}
.chap-head h2{margin:0;font-family:"Cormorant Garamond",serif;font-weight:300;font-size:clamp(44px, 6vw, 84px);line-height:1.02;letter-spacing:-0.02em;color:var(--bone);max-width:1100px}
.chap-head h2 em{font-style:italic;color:var(--tijolo);font-weight:400}
.chap-head .kicker{grid-column:2;margin-top:22px;max-width:680px;color:var(--bone-3);font-size:16px;line-height:1.7}

/* Reveal on scroll — gated to JS so content is visible without JS */
html.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--easing), transform .9s var(--easing)}
html.js .reveal.in{opacity:1;transform:translateY(0)}
.reveal[data-delay="1"]{transition-delay:.1s}
.reveal[data-delay="2"]{transition-delay:.2s}
.reveal[data-delay="3"]{transition-delay:.3s}
.reveal[data-delay="4"]{transition-delay:.4s}
.reveal[data-delay="5"]{transition-delay:.5s}

/* ─── MANIFESTO · pull-quote bem-feito ─────────────── */
.manifesto{padding:200px 56px;text-align:center;border-bottom:1px solid var(--line);position:relative;background:var(--grafite-3)}
.manifesto .mark{font-family:"DM Mono";font-size:10px;letter-spacing:3px;color:var(--terracota);margin-bottom:36px}
.manifesto blockquote{
  font-family:"Cormorant Garamond",serif;font-weight:300;
  font-size:clamp(38px, 4.4vw, 60px);line-height:1.18;letter-spacing:-0.015em;
  color:var(--bone);max-width:1080px;margin:0 auto;
}
.manifesto blockquote em{font-style:italic;color:var(--tijolo);font-weight:400}
.manifesto .sig{margin-top:48px;font-family:"DM Mono";font-size:11px;letter-spacing:3px;color:var(--bone-4)}
.manifesto .sig::before{content:"";display:inline-block;width:32px;height:1px;background:var(--terracota);margin-right:14px;vertical-align:middle}

/* ─── SERVIÇOS · grid editorial ────────────────────── */
.services{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service{
  padding:56px 48px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  position:relative;background:var(--grafite-3);
  transition:background .3s var(--easing);
  min-height:340px;display:flex;flex-direction:column;justify-content:space-between;
}
.service:hover{background:var(--grafite-4)}
.service .num{font-family:"Cormorant Garamond";font-style:italic;font-weight:300;font-size:64px;line-height:1;color:var(--terracota);letter-spacing:-0.02em}
.service h3{font-family:"Cormorant Garamond";font-weight:400;font-size:38px;line-height:1.05;letter-spacing:-0.02em;color:var(--bone);margin:24px 0 16px;max-width:380px}
.service p{font-size:14px;line-height:1.7;color:var(--bone-3);max-width:420px;margin-bottom:28px}
.service .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.service .tags span{font-family:"DM Mono";font-size:9px;letter-spacing:2px;color:var(--bone-4);border:1px solid var(--line-2);padding:7px 11px;text-transform:uppercase}
.service::before{content:"";position:absolute;top:0;left:0;width:0;height:1.5px;background:var(--tijolo);transition:width .6s var(--easing)}
.service:hover::before{width:100%}

/* ─── PROCESSO · timeline numerada ─────────────────── */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--terracota)}
.step{padding:48px 32px 56px;border-right:1px solid var(--line);position:relative;min-height:340px}
.step:last-child{border-right:none}
.step .n{font-family:"Cormorant Garamond";font-style:italic;font-weight:300;font-size:84px;line-height:1;color:var(--terracota);letter-spacing:-0.04em;display:block;margin-bottom:32px}
.step h4{font-family:"Cormorant Garamond";font-weight:500;font-size:24px;color:var(--bone);letter-spacing:-0.01em;margin-bottom:14px;line-height:1.15}
.step p{font-size:13px;color:var(--bone-3);line-height:1.7;margin-bottom:22px}
.step .meta{font-family:"DM Mono";font-size:9.5px;letter-spacing:1.6px;color:var(--bone-4);text-transform:uppercase;line-height:1.9}
.step .meta b{color:var(--tijolo);font-weight:400}

/* ─── INSIGHTS · cards editoriais ──────────────────── */
.insights-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:48px}
.insights-head .sub{font-family:"DM Mono";font-size:11px;letter-spacing:3px;color:var(--bone-3)}
.insights-head a{font-family:"DM Mono";font-size:11px;letter-spacing:2.5px;color:var(--tijolo);text-transform:uppercase}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.article{
  padding:48px 36px 40px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  position:relative;cursor:pointer;
  transition:background .25s var(--easing);
  min-height:380px;display:flex;flex-direction:column;
}
.article:hover{background:var(--grafite-3)}
.article .tag{font-family:"DM Mono";font-size:10px;letter-spacing:2.5px;color:var(--tijolo);text-transform:uppercase;margin-bottom:24px}
.article .date{font-family:"DM Mono";font-size:9px;letter-spacing:1.8px;color:var(--bone-4);position:absolute;top:48px;right:36px}
.article h3{font-family:"Cormorant Garamond";font-weight:400;font-size:30px;line-height:1.15;letter-spacing:-0.01em;color:var(--bone);margin-bottom:18px}
.article p{font-size:14px;line-height:1.65;color:var(--bone-3);margin-bottom:auto}
.article .more{font-family:"DM Mono";font-size:10px;letter-spacing:2.5px;color:var(--tijolo);margin-top:32px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.article .more::after{content:"→";transition:transform .25s var(--easing)}
.article:hover .more::after{transform:translateX(4px)}

/* ─── NEWSLETTER · faixa terracota ─────────────────── */
.newsletter{
  background:var(--terracota);color:var(--bone);
  padding:120px 56px;border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.newsletter .lt{max-width:520px}
.newsletter .ey{font-family:"DM Mono";font-size:11px;letter-spacing:3px;color:var(--bone);opacity:0.75;margin-bottom:22px;text-transform:uppercase}
.newsletter h2{font-family:"Cormorant Garamond";font-weight:300;font-size:64px;line-height:1.02;letter-spacing:-0.02em;color:var(--bone);margin-bottom:22px}
.newsletter h2 em{font-style:italic;color:var(--grafite)}
.newsletter p{font-size:15px;color:var(--bone);opacity:0.88;line-height:1.7}
.newsletter form{display:flex;flex-direction:column;gap:14px;max-width:480px;margin-left:auto;width:100%}
.newsletter input[type=email]{
  font-family:"DM Sans";font-size:15px;color:var(--bone);
  background:transparent;border:none;border-bottom:1px solid rgba(240,232,216,0.4);
  padding:16px 0;outline:none;
  transition:border-color .2s;
}
.newsletter input[type=email]::placeholder{color:rgba(240,232,216,0.55)}
.newsletter input[type=email]:focus{border-bottom-color:var(--bone)}
.newsletter button{
  align-self:flex-start;margin-top:14px;
  font-family:"DM Mono";font-size:12px;letter-spacing:3px;text-transform:uppercase;
  background:var(--bone);color:var(--grafite);
  padding:18px 32px;
  transition:background .2s, color .2s;
}
.newsletter button:hover{background:var(--grafite);color:var(--bone)}
.newsletter .priv{font-family:"DM Mono";font-size:10px;letter-spacing:1.8px;color:var(--bone);opacity:0.6;margin-top:14px}

/* ─── CONTATO · split ──────────────────────────────── */
.contact{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}
.contact .lt,.contact .rt{padding:96px 56px;min-height:560px}
.contact .lt{border-right:1px solid var(--line);background:var(--grafite-3)}
.contact .lt .ey{font-family:"DM Mono";font-size:11px;letter-spacing:3px;color:var(--tijolo);margin-bottom:22px;text-transform:uppercase}
.contact .lt h2{font-family:"Cormorant Garamond";font-weight:300;font-size:68px;line-height:1.02;letter-spacing:-0.02em;color:var(--bone);margin-bottom:22px}
.contact .lt h2 em{font-style:italic;color:var(--tijolo);font-weight:400}
.contact .lt p{font-size:16px;color:var(--bone-3);line-height:1.7;max-width:480px;margin-bottom:48px}
.contact .lt .channels{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.contact .lt .ch{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;transition:padding-left .25s var(--easing), color .25s var(--easing);cursor:pointer}
.contact .lt .ch:hover{padding-left:8px}
.contact .lt .ch:hover .a{color:var(--tijolo)}
.contact .lt .ch .k{font-family:"DM Mono";font-size:10px;letter-spacing:2.5px;color:var(--tijolo);text-transform:uppercase}
.contact .lt .ch .v{font-family:"DM Sans";font-size:15px;color:var(--bone)}
.contact .lt .ch .a{font-family:"DM Mono";font-size:10px;letter-spacing:2px;color:var(--bone-4);text-transform:uppercase;transition:color .25s var(--easing)}

.contact form{display:flex;flex-direction:column;gap:24px}
.contact form .ey{font-family:"DM Mono";font-size:11px;letter-spacing:3px;color:var(--tijolo);margin-bottom:8px;text-transform:uppercase}
.contact form h3{font-family:"Cormorant Garamond";font-weight:400;font-size:32px;letter-spacing:-0.01em;color:var(--bone);margin-bottom:24px}
.contact form .row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact form label{display:flex;flex-direction:column;gap:8px}
.contact form label .lab{font-family:"DM Mono";font-size:10px;letter-spacing:2px;color:var(--bone-4);text-transform:uppercase}
.contact form input,.contact form textarea,.contact form select{
  font-family:"DM Sans";font-size:15px;color:var(--bone);
  background:transparent;border:none;border-bottom:1px solid var(--line-2);
  padding:12px 0;outline:none;transition:border-color .2s;
}
.contact form input:focus,.contact form textarea:focus,.contact form select:focus{border-bottom-color:var(--tijolo)}
.contact form textarea{resize:vertical;min-height:96px;font-family:"DM Sans"}
.contact form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--bone-3) 50%),linear-gradient(135deg,var(--bone-3) 50%,transparent 50%);background-position:calc(100% - 14px) 18px,calc(100% - 8px) 18px;background-size:6px 6px;background-repeat:no-repeat;cursor:pointer}
.contact form select option{background:var(--grafite);color:var(--bone)}
.contact form button{
  align-self:flex-start;margin-top:18px;
  font-family:"DM Mono";font-size:12px;letter-spacing:3px;text-transform:uppercase;
  background:var(--terracota);color:var(--bone);
  padding:20px 38px;
  transition:background .2s, transform .2s;
}
.contact form button:hover{background:var(--tijolo);transform:translateY(-2px)}

/* ─── FOOTER ────────────────────────────────────────── */
footer.site-foot{padding:80px 56px 48px;background:var(--grafite-2);border-top:1px solid var(--line)}
footer .row1{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:64px;padding-bottom:56px;border-bottom:1px solid var(--line)}
footer .brand-foot .pilar{width:48px;height:48px;margin-bottom:22px}
footer .brand-foot .wm .wr{font-size:22px;letter-spacing:0.5em;padding-left:0.5em}
footer .brand-foot .wm .wl{width:130px;margin:8px 0;opacity:0.85}
footer .brand-foot .wm .wc{font-size:12px;letter-spacing:0.18em}
footer .brand-foot p{margin-top:28px;font-size:14px;color:var(--bone-3);line-height:1.65;max-width:320px}
footer h5{font-family:"DM Mono";font-size:10px;letter-spacing:2.5px;color:var(--tijolo);text-transform:uppercase;margin-bottom:22px;font-weight:400}
footer ul{list-style:none;display:flex;flex-direction:column;gap:11px}
footer ul a{font-family:"DM Sans";font-size:14px;color:var(--bone-3);transition:color .2s}
footer ul a:hover{color:var(--tijolo)}
footer .row2{padding-top:32px;display:flex;justify-content:space-between;align-items:center;font-family:"DM Mono";font-size:10px;letter-spacing:2px;color:var(--bone-4)}
footer .row2 .right{display:flex;gap:36px;align-items:center}

/* ─── ESTEIRA · três níveis (entrada · core · downsell) ─── */
.esteira{
  margin-top:96px;
  border-top:1px solid var(--terracota);
  padding-top:64px;
}
.esteira-head{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:baseline;margin-bottom:48px}
.esteira-head .ey{font-family:"DM Mono";font-size:11px;letter-spacing:3px;color:var(--terracota);text-transform:uppercase}
.esteira-head h3{font-family:"Cormorant Garamond";font-weight:300;font-size:clamp(32px,3.6vw,48px);line-height:1.08;letter-spacing:-0.02em;color:var(--bone);max-width:780px}
.esteira-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.esteira-col{
  padding:40px 36px 44px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--grafite-3);
  display:flex;flex-direction:column;gap:22px;
  min-height:240px;
}
.esteira-col .bd{
  align-self:flex-start;
  font-family:"DM Mono";font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;
  padding:7px 12px;border:1px solid;
}
.esteira-col .bd.be{color:var(--bone-3);border-color:var(--line-2)}
.esteira-col .bd.bc{color:var(--bone);background:var(--terracota);border-color:var(--terracota)}
.esteira-col .bd.bd2{color:var(--tijolo);border-color:var(--tijolo)}
.esteira-col p{font-size:14px;color:var(--bone-3);line-height:1.7}

@media (max-width: 1100px){
  .esteira-head{grid-template-columns:1fr;gap:14px}
  .esteira-cols{grid-template-columns:1fr}
}

/* ─── MOBILE ─────────────────────────────────────────── */
@media (max-width: 1100px){
  .topbar{padding:16px 24px}
  .topbar.scrolled{padding:12px 24px}
  .topbar nav{display:none}
  .topbar .menu-toggle{display:flex !important}

  .hero{padding:140px 24px 100px}
  .hero .corner-tl{top:96px;left:24px}
  .hero .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero aside{border-left:none;border-top:1px solid var(--line);padding:32px 0 0}

  section.chapter{padding:96px 24px}
  .chap-head{grid-template-columns:1fr;gap:14px}
  .chap-head .kicker{grid-column:1;margin-top:14px}

  .manifesto{padding:120px 24px}
  .services{grid-template-columns:1fr}
  .process{grid-template-columns:1fr 1fr}
  .step{border-right:1px solid var(--line)}
  .step:nth-child(2n){border-right:none}
  .insights-grid{grid-template-columns:1fr}

  .newsletter{grid-template-columns:1fr;padding:80px 24px;gap:48px}
  .newsletter form{margin-left:0}

  .contact{grid-template-columns:1fr}
  .contact .lt,.contact .rt{padding:64px 24px;min-height:auto}
  .contact .lt{border-right:none;border-bottom:1px solid var(--line)}
  .contact form .row{grid-template-columns:1fr}

  footer .row1{grid-template-columns:1fr 1fr;gap:48px}
  footer .row2{flex-direction:column;gap:14px;text-align:center}
}

@media (max-width: 600px){
  .process{grid-template-columns:1fr}
  .step{border-right:none}
  footer .row1{grid-template-columns:1fr}
}

/* Mobile menu toggle (escondido no desktop) */
.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;width:28px;height:28px;justify-content:center;align-items:center}
.menu-toggle span{display:block;width:22px;height:1.5px;background:var(--bone);transition:transform .25s, opacity .25s}
.menu-toggle.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.mobile-menu{
  position:fixed;inset:0;background:var(--grafite-2);z-index:40;
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;
  opacity:0;pointer-events:none;transition:opacity .3s var(--easing);
}
.mobile-menu.open{opacity:1;pointer-events:auto}
.mobile-menu a{font-family:"Cormorant Garamond";font-weight:300;font-size:36px;color:var(--bone);letter-spacing:-0.01em}
.mobile-menu a em{font-style:italic;color:var(--tijolo)}