/* Serviços e Escritório (28/10): páginas institucionais. Base: site.css + estilos da página de projeto (formulário).
   Branco puro, cinzas neutros, Montserrat fina (destaque por cor, nunca por negrito), formas retas. */
.pg em{font-style:normal;font-weight:inherit;color:var(--pedra)}
.pg h1,.pg h2,.pg h3{font-family:var(--f);text-wrap:balance}
.pg p{text-wrap:pretty}
.pg .label{color:var(--pedra)}
.sec{padding:clamp(90px,14vh,160px) var(--m)}
.sec.linha{border-top:1px solid var(--linho)}
.sh2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end;margin-bottom:clamp(44px,7vh,76px)}
.sh2 .label{grid-column:1/4;align-self:start;padding-top:10px}
.sh2 h2{grid-column:4/12;margin:0;font:200 clamp(30px,3.3vw,56px)/1.1 var(--f);letter-spacing:-.03em}
.sh2 p{grid-column:4/10;margin:20px 0 0;font:300 15px/1.75 var(--f);color:var(--texto)}

/* ---------- capa ---------- */
.pg-hero{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:var(--noite);color:#fff}
.pg-hero video,.pg-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pg-hero .bg{animation:pgSettle 2.4s var(--ease) both}
@keyframes pgSettle{from{transform:scale(1.06)}to{transform:none}}
.pg-hero .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,12,.5) 0%,rgba(12,12,12,.08) 32%,rgba(12,12,12,.18) 55%,rgba(12,12,12,.8) 100%)}
.pg-hero .in{position:absolute;left:var(--m);right:var(--m);bottom:clamp(44px,9vh,96px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:28px;align-items:end}
.pg-hero .ttl{grid-column:1/9}
.pg-hero .label{color:rgba(255,255,255,.72)}
.pg-hero h1{margin:18px 0 0;font:200 clamp(42px,5.6vw,96px)/1.02 var(--f);letter-spacing:-.04em}
.pg-hero h1 em{color:rgba(255,255,255,.55)}
.pg-hero .side{grid-column:9/13}
.pg-hero .side p{margin:0;font:300 15px/1.75 var(--f);color:rgba(255,255,255,.88)}
.pg-hero .acts{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.pg-hero .btn{color:#fff}
.pg-hero .btn:hover{background:#fff;color:var(--grafite);border-color:#fff}
.pg-hero .btn-link{color:#fff}

/* capa em díptico (serviços): o traço (vídeo vertical) e a casa pronta (foto vertical) */
.pg-duo{position:relative;min-height:100svh;background:var(--noite);color:#fff;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(8px,1vw,14px);padding:calc(var(--navh,70px) + 24px) var(--m) clamp(28px,5vh,48px)}
.pg-duo .tx{grid-column:1/6;align-self:end;padding:0 clamp(12px,3vw,48px) clamp(20px,5vh,56px) 0}
.pg-duo .label{color:rgba(255,255,255,.62)}
.pg-duo h1{margin:18px 0 0;font:200 clamp(40px,4.8vw,84px)/1.03 var(--f);letter-spacing:-.04em}
.pg-duo h1 em{color:rgba(255,255,255,.55)}
.pg-duo .tx p{margin:24px 0 0;max-width:42ch;font:300 15px/1.75 var(--f);color:rgba(255,255,255,.84)}
.pg-duo .acts{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.pg-duo .btn{color:#fff}
.pg-duo .btn:hover{background:#fff;color:var(--grafite);border-color:#fff}
.pg-duo .btn-link{color:#fff}
.pg-duo figure{position:relative;margin:0;overflow:hidden;min-height:min(78svh,860px);background:#161616}
.pg-duo figure.a{grid-column:6/9}
.pg-duo figure.b{grid-column:9/13}
.pg-duo video,.pg-duo figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pg-duo figure img{animation:pgSettle 2.4s var(--ease) both}
.pg-duo figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 16px 14px;font:300 12px/1.4 var(--f);color:rgba(255,255,255,.86);background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
.pg-duo figcaption b{display:block;font:300 11px/1 var(--f);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;color:#fff}

/* capa dividida (escritório): texto à esquerda, retrato à direita */
.pg-split{background:var(--noite);color:#fff;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);min-height:100svh;padding:0 0 0 var(--m)}
.pg-split .tx{grid-column:1/7;align-self:center;padding:calc(var(--navh,70px) + 60px) 0 clamp(48px,9vh,100px)}
.pg-split .label{color:rgba(255,255,255,.62)}
.pg-split h1{margin:18px 0 0;font:200 clamp(42px,5.2vw,92px)/1.03 var(--f);letter-spacing:-.04em}
.pg-split h1 em{color:rgba(255,255,255,.55)}
.pg-split p{margin:26px 0 0;max-width:44ch;font:300 15px/1.75 var(--f);color:rgba(255,255,255,.82)}
.pg-split figure{grid-column:8/13;margin:0;position:relative;overflow:hidden}
.pg-split figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;animation:pgSettle 2.4s var(--ease) both}
.pg-split figcaption{position:absolute;left:20px;bottom:18px;font:300 12px/1.4 var(--f);color:rgba(255,255,255,.72)}

/* ---------- frase de abertura ---------- */
.abre{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.abre .label{grid-column:1/4;padding-top:12px}
.abre p{grid-column:4/12;margin:0;font:200 clamp(26px,2.7vw,46px)/1.32 var(--f);letter-spacing:-.022em;color:var(--grafite)}

/* ---------- serviços: blocos editoriais alternados ---------- */
.svc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:32px;align-items:center;padding:clamp(48px,8vh,88px) 0;scroll-margin-top:calc(var(--navh,70px) + 10px)}
.svc+.svc{border-top:1px solid var(--linho)}
.svc .fig{grid-column:1/8;grid-row:1;margin:0}
.svc .fig .im{overflow:hidden;aspect-ratio:3/2;background:var(--foto-bg)}
.svc .fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);transition:transform 2.2s var(--ease)}
.svc.in .fig img,html:not(.js) .svc .fig img{transform:none}
.svc .fig figcaption{margin-top:12px;font:300 12px/1.4 var(--f);color:var(--pedra)}
.svc .fig.par{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,14px)}
.svc .fig.par .im{aspect-ratio:3/4}
.svc .fig.par figcaption{grid-column:1/-1;margin-top:0}
.svc .fig.par .tag{display:block;margin-top:8px;font:300 12px/1.4 var(--f);color:var(--pedra)}
.svc .tx{grid-column:9/13;grid-row:1}
.svc.r .fig{grid-column:6/13}
.svc.r .tx{grid-column:1/5}
.svc .n{display:flex;align-items:baseline;gap:14px}
.svc .n b{font:200 clamp(44px,4vw,72px)/1 var(--f);letter-spacing:-.04em;color:var(--grafite);opacity:.2}
.svc h2{margin:16px 0 0;font:200 clamp(26px,2.4vw,40px)/1.16 var(--f);letter-spacing:-.024em}
.svc .lead{margin:16px 0 0;font:300 18px/1.55 var(--f);color:var(--grafite)}
.svc .tx>p{margin:14px 0 0;font:300 15px/1.75 var(--f);color:var(--texto)}
.svc ul{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--linho)}
.svc li{padding:11px 0 11px 22px;border-bottom:1px solid var(--linho);font:300 14px/1.5 var(--f);color:var(--texto);position:relative}
.svc li::before{content:"";position:absolute;left:0;top:21px;width:10px;height:1px;background:var(--pedra)}
.svc .acts{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.svc .ex{font:300 13px/1.4 var(--f);color:var(--pedra);text-decoration:none;border-bottom:1px solid var(--linho);padding-bottom:3px;transition:color .3s,border-color .3s}
.svc .ex:hover{color:var(--grafite);border-color:var(--grafite)}

/* índice dos serviços logo abaixo da capa */
.svc-idx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin:clamp(56px,9vh,96px) 0 0}
.svc-idx a{display:block;border-top:1px solid var(--grafite);padding:16px 0 0;text-decoration:none;color:var(--grafite)}
.svc-idx b{display:block;font:300 12px/1 var(--f);letter-spacing:.08em;color:var(--pedra)}
.svc-idx span{display:block;margin-top:10px;font:200 clamp(17px,1.4vw,22px)/1.3 var(--f);letter-spacing:-.01em;transition:color .3s}
.svc-idx a:hover span{color:var(--pedra)}

/* ---------- detalhes (faixa de quatro fotos) ---------- */
.det{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.det figure{margin:0}
.det .im{overflow:hidden;aspect-ratio:4/5;background:var(--foto-bg)}
.det img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.det figure:hover img{transform:scale(1.04)}
.det figcaption{margin-top:10px;font:300 12px/1.4 var(--f);color:var(--pedra)}

/* ---------- do traço ao lar: sequência presa na tela ---------- */
.seq{position:relative;height:420vh;background:var(--noite);color:#fff}
.seq-in{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:0 var(--m);align-items:center}
.seq-st{grid-column:1/5}
.seq-st .label{color:rgba(255,255,255,.6)}
.seq-st h2{margin:16px 0 0;font:200 clamp(30px,3.2vw,56px)/1.1 var(--f);letter-spacing:-.03em}
.seq-st h2 em{color:rgba(255,255,255,.55)}
.seq-st>p{margin:18px 0 0;max-width:40ch;font:300 15px/1.75 var(--f);color:rgba(255,255,255,.78)}
.seq-steps{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.16)}
.seq-steps li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16);font:300 14px/1.4 var(--f);color:rgba(255,255,255,.42);transition:color .5s;cursor:pointer}
.seq-steps li b{font-weight:300;font-variant-numeric:tabular-nums}
.seq-steps li.on{color:#fff}
.seq-big{margin-top:30px;display:flex;align-items:baseline;gap:16px}
.seq-big b{font:200 clamp(44px,4vw,72px)/1 var(--f);letter-spacing:-.04em}
.seq-big span{max-width:24ch;font:300 13px/1.5 var(--f);color:rgba(255,255,255,.7)}
.seq-stage{grid-column:6/13;position:relative;height:min(80vh,860px)}
.seq-stage figure{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.03);transition:opacity 1.1s var(--ease),transform 1.6s var(--ease)}
.seq-stage figure.on{opacity:1;transform:none}
.seq-stage img{width:100%;height:100%;object-fit:cover;background:#1a1a1a}
.seq-stage figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 16px;font:300 12px/1.4 var(--f);color:rgba(255,255,255,.82);background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0))}
/* celular, telas menores e movimento reduzido: as quatro imagens lado a lado */
.seq.plano{height:auto}
.seq.plano .seq-in{position:static;height:auto;display:block;padding:clamp(80px,12vh,130px) var(--m)}
.seq.plano .seq-steps li{color:rgba(255,255,255,.75);cursor:default}
.seq.plano .seq-stage{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:40px}
.seq.plano .seq-stage figure{position:relative;inset:auto;opacity:1;transform:none;aspect-ratio:3/4}

/* ---------- etapas ---------- */
.etapas{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap)}
.et{border-top:1px solid var(--grafite);padding-top:18px}
.et .im{overflow:hidden;aspect-ratio:4/5;background:var(--foto-bg);margin-bottom:20px}
.et .im img{width:100%;height:100%;object-fit:cover}
.et .n{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font:200 30px/1 var(--f);letter-spacing:-.03em;color:var(--pedra)}
.et .n small{font:300 10px/1 var(--f);letter-spacing:.14em;text-transform:uppercase}
.et h3{margin:12px 0 0;font:300 19px/1.3 var(--f);letter-spacing:-.01em}
.et .tag{margin:6px 0 0;font:300 14px/1.5 var(--f);color:var(--grafite)}
.et ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--linho)}
.et li{padding:7px 0;border-bottom:1px solid var(--linho);font:300 12.5px/1.5 var(--f);color:var(--texto)}
.nota{margin:28px 0 0;font:300 13px/1.6 var(--f);color:var(--pedra)}
.nota a{color:var(--grafite)}

/* ---------- números (incluído / escritório) ---------- */
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap);row-gap:clamp(36px,6vh,56px)}
@media (min-width:1001px){.nums.n3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.num{border-top:1px solid var(--linho);padding-top:20px}
.num b{display:block;font:200 clamp(42px,4.2vw,72px)/1 var(--f);letter-spacing:-.04em;color:var(--grafite)}
.num span{display:block;margin-top:14px;font:300 14px/1.45 var(--f);color:var(--grafite)}
.num small{display:block;margin-top:4px;font:300 12.5px/1.5 var(--f);color:var(--pedra)}

/* ---------- acompanhamento ---------- */
.acp{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:40px;align-items:start}
.acp .fig{grid-column:1/6;margin:0}
.acp .fig .im{overflow:hidden;aspect-ratio:4/5;background:var(--foto-bg)}
.acp .fig img{width:100%;height:100%;object-fit:cover}
.acp .fig figcaption{margin-top:12px;font:300 12px/1.4 var(--f);color:var(--pedra)}
.acp .tx{grid-column:7/13}
.acp h2{margin:16px 0 0;font:200 clamp(30px,3vw,52px)/1.1 var(--f);letter-spacing:-.03em}
.acp .tx>p{margin:20px 0 0;font:300 15px/1.75 var(--f);color:var(--texto)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);margin-top:32px}
.cols2 h3{margin:0 0 12px;font:300 11px/1.3 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--pedra)}
.cols2 ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--linho)}
.cols2 li{padding:10px 0;border-bottom:1px solid var(--linho);font:300 13.5px/1.5 var(--f);color:var(--texto)}

/* ---------- onde atendemos ---------- */
.onde{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.onde div{border-top:1px solid var(--grafite);padding-top:18px}
.onde h3{margin:0;font:300 20px/1.3 var(--f);letter-spacing:-.01em}
.onde p{margin:12px 0 0;font:300 14px/1.7 var(--f);color:var(--texto)}

/* ---------- depoimento ---------- */
.depo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:40px;align-items:center}
.depo .fig{grid-column:1/6;margin:0}
.depo .fig .im{overflow:hidden;aspect-ratio:4/3;background:var(--foto-bg)}
.depo .fig img{width:100%;height:100%;object-fit:cover}
.depo .fig figcaption{margin-top:12px;font:300 12px/1.4 var(--f);color:var(--pedra)}
.depo blockquote{grid-column:7/13;margin:0}
.depo blockquote p{margin:18px 0 0;font:200 clamp(22px,2.2vw,36px)/1.4 var(--f);letter-spacing:-.016em;color:var(--grafite)}
.depo cite{display:block;margin-top:22px;font:300 13px/1.5 var(--f);font-style:normal;color:var(--pedra)}
.marcas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:clamp(56px,9vh,96px)}
.marcas div{border-top:1px solid var(--linho);padding-top:16px}
.marcas b{display:block;font:300 19px/1.25 var(--f);letter-spacing:-.01em}
.marcas span{display:block;margin-top:4px;font:300 13px/1.45 var(--f);color:var(--pedra)}

/* ---------- como começar ---------- */
.passos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap);counter-reset:p}
.passos div{border-top:1px solid var(--linho);padding-top:18px}
.passos b{display:block;font:200 30px/1 var(--f);letter-spacing:-.03em;color:var(--pedra)}
.passos h3{margin:12px 0 0;font:300 18px/1.3 var(--f)}
.passos p{margin:8px 0 0;font:300 13.5px/1.6 var(--f);color:var(--texto)}

/* ---------- perguntas ---------- */
.faq2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.faq2>div{grid-column:4/12}
.faq2 details{border-top:1px solid var(--linho)}
.faq2 details:last-child{border-bottom:1px solid var(--linho)}
.faq2 summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:20px 0;font:300 18px/1.45 var(--f);color:var(--grafite)}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary::after{content:"+";font-weight:200;font-size:22px;line-height:1;color:var(--pedra);transition:transform .3s}
.faq2 details[open] summary::after{transform:rotate(45deg)}
.faq2 details p{margin:0 0 22px;max-width:70ch;font:300 15px/1.75 var(--f);color:var(--texto)}
.faq2 details a{color:var(--grafite)}

/* ---------- escritório: linha do tempo ---------- */
.tempo{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.tempo ol{grid-column:4/13;list-style:none;margin:0;padding:0}
.tempo li{display:grid;grid-template-columns:minmax(120px,22%) 1fr;gap:var(--gap);padding:clamp(28px,5vh,44px) 0;border-top:1px solid var(--linho)}
.tempo li:last-child{border-bottom:1px solid var(--linho)}
.tempo .ano{font:200 clamp(40px,4.4vw,76px)/1 var(--f);letter-spacing:-.04em;color:var(--grafite)}
.tempo h3{margin:0;font:200 clamp(20px,1.7vw,26px)/1.3 var(--f);letter-spacing:-.012em}
.tempo p{margin:12px 0 0;max-width:60ch;font:300 15px/1.75 var(--f);color:var(--texto)}

/* vídeo entre seções (vertical, ao lado da frase) */
.filme{margin:0;background:var(--noite);color:#fff;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;padding:clamp(70px,11vh,120px) var(--m)}
.filme .v{grid-column:7/12;position:relative;aspect-ratio:9/16;max-height:84vh;width:100%;justify-self:center;overflow:hidden;background:#161616}
.filme video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.filme figcaption{grid-column:1/6;grid-row:1;font:200 clamp(26px,2.6vw,44px)/1.25 var(--f);letter-spacing:-.02em}
.filme figcaption em{font-style:normal;color:rgba(255,255,255,.55)}

/* avaliações no Google */
.depo blockquote .g-av{margin-top:26px}
.g-av-p{margin:clamp(36px,6vh,56px) 0 0}

/* sócios */
.socios{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px)}
.socio{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start;border-top:1px solid var(--grafite);padding-top:24px}
.socio img{width:150px;height:188px;object-fit:cover;background:var(--foto-bg)}
.socio h3{margin:0;font:300 24px/1.25 var(--f);letter-spacing:-.015em}
.socio .cargo{display:block;margin-top:6px;font:300 11px/1.3 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--pedra)}
.socio p{margin:16px 0 0;font:300 14.5px/1.7 var(--f);color:var(--texto)}
.socio blockquote{margin:18px 0 0;padding-left:18px;border-left:1px solid var(--grafite);font:200 18px/1.5 var(--f);color:var(--grafite)}

/* citação: neuroarquitetura e biofilia */
.cit{margin:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:28px;align-items:end}
.cit-t{grid-column:1/7}
.cit-t h2{margin:14px 0 0;font:200 clamp(30px,3.3vw,56px)/1.1 var(--f);letter-spacing:-.03em}
.cit-p{grid-column:8/13}
.cit-p p{margin:0 0 14px;font:300 15px/1.75 var(--f);color:var(--texto)}

/* o que nos guia */
.tripe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.tripe figure{margin:0}
.tripe .im{overflow:hidden;aspect-ratio:4/3;background:var(--foto-bg)}
.tripe img{width:100%;height:100%;object-fit:cover}
.tripe b{display:block;margin-top:18px;font:200 26px/1 var(--f);color:var(--pedra)}
.tripe h3{margin:10px 0 0;font:300 20px/1.3 var(--f)}
.tripe p{margin:10px 0 0;font:300 14px/1.7 var(--f);color:var(--texto)}
.tec{margin:clamp(40px,7vh,64px) 0 0;padding-top:20px;border-top:1px solid var(--linho);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.tec b{grid-column:1/4;font:300 20px/1.3 var(--f)}
.tec p{grid-column:4/11;margin:0;font:300 15px/1.75 var(--f);color:var(--texto)}

/* sedes */
.sedes{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}
.sedes div{border-top:1px solid var(--grafite);padding-top:20px}
.sedes h3{margin:0;font:300 24px/1.25 var(--f);display:flex;justify-content:space-between;align-items:baseline}
.sedes time{font:200 24px/1 var(--f);color:var(--pedra)}
.sedes p{margin:12px 0 0;font:300 14px/1.7 var(--f);color:var(--texto)}
.sedes a{color:var(--grafite)}

/* convite final simples (escritório) */
.cta-fim{margin:0 var(--m);padding:clamp(70px,11vh,120px) 0 clamp(90px,13vh,140px);border-top:1px solid var(--grafite);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:28px;align-items:end}
.cta-fim h2{grid-column:1/8;margin:0;font:200 clamp(30px,3.2vw,54px)/1.1 var(--f);letter-spacing:-.03em}
.cta-fim .acts{grid-column:9/13;display:flex;flex-direction:column;align-items:flex-start;gap:16px}

@media (max-width:1100px){
  .etapas{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:44px}
  .passos{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}
  .nums{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .pg-hero .ttl,.pg-hero .side{grid-column:1/-1}
  .pg-duo .tx{grid-column:1/-1;padding:0 0 32px}
  .pg-duo figure.a{grid-column:1/7}
  .pg-duo figure.b{grid-column:7/13}
  .pg-duo figure{min-height:60svh}
  .filme figcaption,.filme .v{grid-column:1/-1;grid-row:auto}
  .filme .v{margin-top:32px;max-height:none}
  .pg-split{padding:0}
  .pg-split .tx{grid-column:1/-1;padding:calc(var(--navh,64px) + 48px) var(--m) 40px}
  .pg-split figure{grid-column:1/-1;height:70vh}
  .sh2 .label,.sh2 h2,.sh2 p,.abre .label,.abre p{grid-column:1/-1}
  .sh2 h2,.abre p{margin-top:14px}
  .svc .fig,.svc.r .fig,.svc .tx,.svc.r .tx{grid-column:1/-1;grid-row:auto}
  .svc-idx{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .det{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acp .fig,.acp .tx,.depo .fig,.depo blockquote{grid-column:1/-1}
  .onde,.tripe{grid-template-columns:1fr;row-gap:32px}
  .marcas{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .faq2>div,.tempo ol{grid-column:1/-1}
  .socios,.sedes{grid-template-columns:1fr;row-gap:40px}
  .cit-t,.cit-p{grid-column:1/-1}
  .cta-fim h2,.cta-fim .acts{grid-column:1/-1}
  .seq.plano .seq-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .etapas,.passos,.cols2{grid-template-columns:1fr}
  .tempo li{grid-template-columns:1fr;gap:12px}
  .socio{grid-template-columns:96px 1fr;gap:18px}
  .socio img{width:96px;height:120px}
  .tec b,.tec p{grid-column:1/-1}
  .tec p{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){
  .pg-hero .bg,.pg-split figure img{animation:none}
  .svc .fig img{transform:none}
}

/* 04/11: "Do traço ao lar" mais rápido — a foto seguinte sobe como uma cortina, presa à rolagem */
.seq.scrub{height:250vh}
.seq.scrub .seq-stage{overflow:hidden}
.seq.scrub .seq-stage figure{opacity:1;transform:none;transition:none;overflow:hidden;clip-path:inset(calc(var(--c,1) * 100%) 0 0 0);will-change:clip-path}
.seq.scrub .seq-stage figure:first-child{clip-path:none}
.seq.scrub .seq-stage img{transform:scale(var(--z,1));transform-origin:50% 60%;will-change:transform}
.seq.scrub .seq-stage figure::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--sh,0);pointer-events:none}
.seq.scrub .seq-steps li{position:relative}
.seq.scrub .seq-steps li::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:#fff;transform:scaleX(var(--lp,0));transform-origin:left}

/* 04/11: "Tudo o que está incluído" — só a linha principal, com ícones e mais presença */
.nums.inc{row-gap:40px}
.nums.inc .num{padding-top:30px}
.nums.inc .ico{display:block;width:46px;height:46px;margin-bottom:30px;color:var(--grafite)}
.nums.inc .ico svg{display:block;width:100%;height:100%}
.nums.inc .num b{font-size:clamp(48px,5vw,88px)}
.nums.inc .num span{margin-top:18px;font-size:16px;font-weight:400}
.nums.inc .num small{margin-top:6px;font-size:13.5px;max-width:28ch}

/* 04/11: o laço dos sócios no lugar da foto do acompanhamento */
.acp .fig video{display:block;width:100%;height:100%;object-fit:cover}

/* 04/11 (protótipo): Onde estamos — escritórios + "Atendemos onde você estiver" (botão para o mapa da home) */
.onde .mono{display:block;margin-bottom:10px;font:500 10px/1.3 var(--f-sans,Montserrat,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--pedra)}
.onde-cta{margin-top:clamp(48px,8vh,88px);padding-top:clamp(32px,5vh,56px);border-top:1px solid var(--linho)}
.onde-cta p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.28em .38em;font:200 clamp(30px,3.6vw,60px)/1.15 var(--f);letter-spacing:-.03em;color:var(--grafite)}
.onde-btn{display:inline-flex;align-items:center;gap:.36em;padding:.06em .42em .12em;border:1px solid var(--grafite);color:inherit;text-decoration:none;transition:background .35s,color .35s}
.onde-btn .arrow{display:inline-block;transition:transform .35s}
.onde-btn:hover,.onde-btn:focus-visible{background:var(--grafite);color:#fff}
.onde-btn:hover .arrow{transform:translateX(.18em)}

/* 04/11: Escritório a partir da entrevista — um sócio sobre o outro, três momentos, o que nunca mudou */
#socios .sh2 p{max-width:62ch}
.socio blockquote span{display:block}
.socio blockquote cite,.nm-q cite{display:block;margin-top:10px;font:500 10px/1.3 var(--f-sans,Montserrat,sans-serif);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--pedra)}
.tripe.mom a.im{display:block}
.tripe.mom a.im img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.tripe.mom a.im:hover img{transform:scale(1.04)}
.tripe.mom p em{font-style:normal;color:var(--grafite)}
.tripe.mom .btn-link{display:inline-flex;margin-top:14px}
.nm-q{margin:22px 0 0;padding-left:18px;border-left:1px solid var(--grafite);font:200 clamp(18px,1.6vw,22px)/1.5 var(--f);color:var(--grafite)}

/* 06/11: páginas de região */
.pg-split .acts{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.pg-split .btn{color:#fff}
.pg-split .btn:hover{background:#fff;color:var(--grafite);border-color:#fff}
.pg-split .btn-link{color:#fff}
.cidades{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 30px;font:300 16px/1.5 var(--f)}
.cidades li{border-top:1px solid var(--linho);padding-top:10px;min-width:150px}
.regs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.regs a{display:block;border-top:1px solid var(--grafite);padding-top:18px;text-decoration:none;color:inherit}
.regs h3{margin:0;font:300 20px/1.3 var(--f);letter-spacing:-.01em}
.regs p{margin:12px 0 0;font:300 14px/1.7 var(--f);color:var(--texto)}
@media (max-width:1000px){.regs{grid-template-columns:1fr;row-gap:28px}}