@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300 600;
  font-display: swap;
  src: url(/assets/fonts/cormorant-300-600i.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(/assets/fonts/cormorant-300-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url(/assets/fonts/jost-300-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/averia-700i.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Averia Serif Libre';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/averia-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}

/* -------------------------------------------------------------------------
   Paleta e tipografia do manual: Grupo AR — Identidade Visual, Recife 2026
   ------------------------------------------------------------------------- */
:root{
  --creme:#F5F3EF; --creme2:#EDEAE3;
  --preto:#111111; --preto2:#57544D;
  --musgo:#3D4A36; --verde:#BCC590; --salmao:#D48B7A;
  --azul:#B8CEDD; --ocre:#E8C86A;

  --fundo:var(--creme); --tinta:var(--preto); --tinta2:var(--preto2);
  --linha:rgba(17,17,17,.16); --linha2:rgba(17,17,17,.34);
  --casa:#3D4A36; --casa-clara:#BCC590;

  --serif:'Cormorant Garamond',Cormorant,Garamond,'Times New Roman',serif;
  --sans:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --peso-d:400;
  --gut:clamp(20px,5vw,64px);
  --max:1280px;
  --secao:clamp(68px,9.5vw,132px);
}
.c-arvo{--casa:#3D4A36;--casa-clara:#BCC590}
.c-voar{--casa:#5A3F56;--casa-clara:#CEADC9}
.c-terra{--casa:#8C3D1F;--casa-clara:#E9AB86}
.c-lara{--casa:#A1503C;--casa-clara:#E0ADA1}

/* A Lara tem tipografia propria no manual dela — so na PAGINA dela,
   senao o nome dela destoa no indice e no rodape das outras. */
html.c-lara{--serif:'Averia Serif Libre',Georgia,serif; --peso-d:700}

body{
  background:var(--fundo); color:var(--tinta);
  font-family:var(--sans); font-weight:300;
  font-size:clamp(15.5px,.36vw + 14.8px,17px); line-height:1.72;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

/* ---------- tipografia ---------- */
.d1,.d2,.d3{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
  letter-spacing:-.012em; line-height:1.0}
.d1{font-size:clamp(58px,10.6vw,140px); line-height:.94}
.d2{font-size:clamp(38px,5.9vw,82px)}
.d3{font-size:clamp(28px,3.5vw,48px); line-height:1.06}
.nome{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
  letter-spacing:-.014em; line-height:.98}
.olho{font-family:var(--sans); font-size:11px; letter-spacing:.19em;
  text-transform:uppercase; font-weight:500; color:var(--casa)}
.olho--n{color:var(--tinta2)}
.dado{font-family:var(--sans); font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; font-weight:500; color:var(--tinta2);
  font-variant-numeric:tabular-nums}
.lead{font-family:var(--serif); font-weight:300; font-size:clamp(21px,1.8vw,29px);
  line-height:1.34; max-width:44ch; letter-spacing:.002em}
.corpo{color:var(--tinta2); max-width:58ch; font-weight:300}
.corpo + .corpo{margin-top:.9em}
.it{font-style:italic}

/* ---------- estrutura ---------- */
.env{max-width:var(--max); margin-inline:auto; padding-inline:var(--gut);
  position:relative; z-index:1}
.env--largo{max-width:1560px}
.secao{padding-block:var(--secao); position:relative}
.secao--top0{padding-top:0}
.fio{border:0; border-top:1px solid var(--linha); margin:0}
.pula{position:absolute; left:-9999px; top:0; z-index:99;
  background:var(--preto); color:var(--creme); padding:12px 20px}
.pula:focus{left:12px; top:12px}
:focus-visible{outline:2px solid var(--casa); outline-offset:3px; border-radius:1px}

/* faixa escura — o "Contexto" do manual: Verde Musgo com texto creme */
.escuro .hero__casa img{filter:invert(1) brightness(1.6)}
.escuro{
  --fundo:#3D4A36; --tinta:#F5F3EF; --tinta2:#C9CFBE;
  --linha:rgba(245,243,239,.20); --linha2:rgba(245,243,239,.40);
  --casa:var(--casa-clara);
  background:var(--fundo); color:var(--tinta); overflow:hidden;
}
.preta{
  --fundo:#111111; --tinta:#F5F3EF; --tinta2:#A9A69F;
  --linha:rgba(245,243,239,.20); --linha2:rgba(245,243,239,.40);
  --casa:var(--casa-clara);
  background:var(--fundo); color:var(--tinta); overflow:hidden;
}

/* A raiz saiu do site (pedido da cliente, 24/08/2026): caracteriza o Terra. */

/* ---------- marca ---------- */
.marca{width:auto; height:1em; fill:currentColor}

/* ---------- topo ---------- */
.topo{position:sticky; top:0; z-index:40;
  background:color-mix(in srgb,#F5F3EF 90%,transparent);
  backdrop-filter:blur(14px); border-bottom:1px solid rgba(17,17,17,.16)}
.topo__in{display:flex; align-items:center; gap:24px; min-height:64px;
  max-width:1560px; margin-inline:auto; padding-inline:var(--gut)}
.topo__marca{display:flex; align-items:baseline; gap:9px; text-decoration:none;
  font-size:20px; margin-right:auto; color:#111111}
.topo__marca .marca{height:.84em; position:relative; top:.06em}
.topo__marca b{font-family:var(--sans); font-size:10.5px; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:#57544D}
.nav{display:flex; align-items:center; gap:24px}
.nav a{font-family:var(--sans); font-size:12.5px; letter-spacing:.1em;
  text-transform:uppercase; font-weight:500; text-decoration:none;
  color:#57544D; transition:color .25s}
.nav a:hover,.nav a[aria-current="page"]{color:#111111}
.bt{display:inline-flex; align-items:center; gap:10px; padding:11px 22px;
  border:1px solid var(--linha2); border-radius:999px; text-decoration:none;
  font-family:var(--sans); font-size:12px; letter-spacing:.11em;
  text-transform:uppercase; font-weight:500; color:var(--tinta);
  background:transparent; transition:background .3s,border-color .3s,color .3s;
  white-space:nowrap}
.bt:hover{background:var(--tinta); border-color:var(--tinta); color:var(--fundo)}
.bt--cheio{background:var(--tinta); border-color:var(--tinta); color:var(--fundo)}
.bt--cheio:hover{background:transparent; color:var(--tinta); border-color:var(--linha2)}
.bt--casa{background:var(--casa); border-color:var(--casa); color:#F5F3EF}
.bt--casa:hover{background:transparent; color:var(--casa)}
.topo .bt{color:#111111; border-color:rgba(17,17,17,.34)}
.topo .bt:hover{background:#111111; color:#F5F3EF}
.topo .bt--casa{background:var(--casa); border-color:var(--casa); color:#F5F3EF}
.topo .bt--casa:hover{background:transparent; color:var(--casa); border-color:var(--casa)}
.menu-bt{display:none}

/* ---------- hero da home ---------- */
.hero{min-height:calc(100svh - 64px); display:flex; flex-direction:column;
  justify-content:center; padding-block:clamp(40px,6vh,80px); position:relative;
  overflow:hidden}
.hero__marca{height:clamp(58px,9vw,104px); width:auto;
  margin:clamp(20px,3vw,34px) 0 clamp(18px,2.4vw,28px); color:var(--tinta)}
.hero__d{max-width:13ch}
.hero__d em{font-style:italic; display:block; color:var(--casa)}
.hero__casas{display:flex; flex-wrap:wrap;
  column-gap:clamp(22px,2.6vw,36px); row-gap:clamp(20px,2.4vw,28px);
  /* o h1 tem line-height .94, entao a descendente do "g" invade o vao:
     a margem precisa ser maior que o respiro que se quer ver */
  margin-top:clamp(72px,9vw,132px); align-items:baseline}
.hero__casa{text-decoration:none; display:inline-flex; gap:9px; align-items:flex-end;
  padding-bottom:6px; border-bottom:1px solid transparent; transition:border-color .3s}
.hero__casa img{width:auto; height:clamp(22px,2.1vw,29px); opacity:.82;
  transition:opacity .3s}
.hero__casa--lara img{height:clamp(26px,2.5vw,34px)}
.hero__casa:hover img,.hero__casa:focus-visible img{opacity:1}
.hero__casa sup{font-family:var(--sans); font-style:normal; font-size:10px;
  letter-spacing:.08em; font-weight:500; color:var(--tinta2); position:relative;
  top:-.15em}
.hero__casa:hover,.hero__casa:focus-visible{border-bottom-color:var(--casa)}
.hero__desce{position:absolute; bottom:20px; left:var(--gut);
  font-family:var(--sans); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--tinta2); display:flex;
  align-items:center; gap:10px; z-index:1}
.hero__desce span{width:34px; height:1px; background:var(--linha2);
  transform-origin:left; animation:puxa 2.6s ease-in-out infinite}
@keyframes puxa{0%,100%{transform:scaleX(.35)}50%{transform:scaleX(1)}}

.traca path{fill:transparent; stroke:currentColor; stroke-width:.7;
  stroke-linejoin:round; stroke-dasharray:var(--len); stroke-dashoffset:var(--len);
  animation:tracar 2.2s cubic-bezier(.6,.02,.2,1) forwards,
            encher .9s 1.7s ease-out forwards}
@keyframes tracar{to{stroke-dashoffset:0}}
@keyframes encher{to{fill:currentColor; stroke-width:0}}

/* ---------- manifesto ---------- */
.man{display:grid; gap:clamp(26px,4vw,60px); grid-template-columns:1fr}
.man__mantra{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
  line-height:1.0; font-size:clamp(44px,7.6vw,110px); letter-spacing:-.016em}
.man__mantra i{display:block; color:var(--casa)}
.man__txt{display:grid; gap:18px; align-content:end}
@media(min-width:900px){.man{grid-template-columns:1.05fr .95fr; align-items:end}}

/* ---------- índice das casas ---------- */
.idx__row{border-top:1px solid var(--linha)}
.idx__row:last-child{border-bottom:1px solid var(--linha)}
.idx__a{display:grid; grid-template-columns:auto 1fr; gap:6px 22px;
  padding:clamp(18px,2.6vw,26px) 0; text-decoration:none; align-items:baseline;
  position:relative; transition:padding-left .4s cubic-bezier(.4,0,.2,1)}
.idx__a::before{content:""; position:absolute; left:0; top:0; bottom:0; width:2px;
  background:var(--casa); transform:scaleY(0); transform-origin:top;
  transition:transform .45s cubic-bezier(.4,0,.2,1)}
.idx__row:hover .idx__a,.idx__row:focus-within .idx__a{padding-left:20px}
.idx__row:hover .idx__a::before,.idx__row:focus-within .idx__a::before{transform:scaleY(1)}
.idx__ano{font-family:var(--sans); font-size:12px; letter-spacing:.12em;
  font-weight:500; color:var(--tinta2); font-variant-numeric:tabular-nums; grid-row:1}
.idx__nome{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
  font-size:clamp(38px,5.2vw,70px); line-height:.98; grid-column:2; grid-row:1;
  transition:color .35s; letter-spacing:-.014em}
.idx__row:hover .idx__nome,.idx__row:focus-within .idx__nome{color:var(--casa)}
.idx__meta{grid-column:2; grid-row:2; display:flex; flex-wrap:wrap; gap:6px 16px;
  align-items:baseline; color:var(--tinta2); font-size:14.5px}
.idx__local{font-family:var(--sans); font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; font-weight:500}
.idx__foto{margin-top:8px; grid-column:2; display:block}
.idx__foto img{width:100%; aspect-ratio:3/2; object-fit:cover}

.casas{display:grid; gap:clamp(28px,4vw,54px)}
.pv{display:none}
@media(min-width:1000px){
  .casas{grid-template-columns:1fr minmax(310px,.58fr); align-items:start}
  .idx__foto{display:none}
  .pv{display:block; position:sticky; top:98px; aspect-ratio:4/5;
    background:var(--creme2); overflow:hidden}
  .pv__q{position:absolute; inset:0; opacity:0; transition:opacity .5s ease}
  .pv__q img{width:100%; height:100%; object-fit:cover}
  .pv__q[data-on]{opacity:1}
  .pv__diz{position:absolute; inset:0; display:flex; flex-direction:column;
    justify-content:flex-end; gap:12px; padding:clamp(24px,2.4vw,36px);
    background:var(--casa); color:#F5F3EF; overflow:hidden}
  .pv__diz p{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
    font-size:clamp(25px,2.2vw,34px); line-height:1.12; position:relative; z-index:1}
  .pv__diz .olho{color:#F5F3EF; opacity:.72}
}

/* ---------- prêmios ---------- */
.pre__i{display:grid; grid-template-columns:auto 1fr; gap:8px 26px;
  padding:24px 0; border-top:1px solid var(--linha); align-items:baseline}
.pre__i:last-child{border-bottom:1px solid var(--linha)}
.pre__n{font-family:var(--serif); font-weight:500; font-style:italic;
  font-size:clamp(31px,3.1vw,46px); line-height:.92; color:var(--casa);
  min-width:2.4ch}
.pre__t{font-family:var(--serif); font-weight:400; font-size:clamp(21px,1.8vw,27px);
  line-height:1.22}
.pre__d{grid-column:2; color:var(--tinta2); font-size:15px; max-width:60ch}

/* ---------- blocos ---------- */
.duo{display:grid; gap:clamp(24px,3.8vw,60px); align-items:center}
@media(min-width:900px){.duo{grid-template-columns:1fr 1fr}
  .duo--foto-dir>*:first-child{order:1}}
.cab{display:grid; gap:13px; margin-bottom:clamp(24px,3.4vw,46px); max-width:58ch}
.cartoes{display:grid; gap:1px; background:var(--linha)}
@media(min-width:760px){.cartoes{grid-template-columns:1fr 1fr}}
.cart{background:var(--fundo); padding:clamp(24px,3vw,40px); display:grid;
  gap:11px; align-content:start}
.cart h3{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
  font-size:clamp(25px,2.5vw,34px); line-height:1.06}
.cart p{color:var(--tinta2); font-size:15.5px}

.lista__i{display:grid; gap:5px; padding:20px 0; border-top:1px solid var(--linha)}
.lista__i:last-child{border-bottom:1px solid var(--linha)}
.lista__n{font-family:var(--serif); font-weight:500; font-size:clamp(21px,1.9vw,27px);
  line-height:1.14}
.lista__d{color:var(--tinta2); font-size:15px; max-width:60ch}

.aspas{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
  font-size:clamp(27px,3.4vw,48px); line-height:1.12; max-width:20ch;
  letter-spacing:-.012em}
.aspas cite{display:block; margin-top:16px; font-style:normal;
  font-family:var(--sans); font-weight:500; font-size:11.5px; letter-spacing:.15em;
  text-transform:uppercase; color:var(--tinta2)}

/* ---------- hero das casas ---------- */
.chero{position:relative; min-height:clamp(460px,76svh,760px); display:flex;
  align-items:flex-end; overflow:hidden; background:var(--casa)}
.chero__f{position:absolute; inset:0}
.chero__f img{width:100%; height:100%; object-fit:cover}
.chero__f::after{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(17,17,17,.5) 0%,rgba(17,17,17,.06) 30%,
    rgba(17,17,17,.72) 82%,rgba(17,17,17,.88) 100%)}
.chero__in{position:relative; width:100%; padding-block:clamp(30px,4.2vw,56px);
  z-index:1; color:#F5F3EF}
.chero__in .olho{color:var(--casa-clara)}
.chero__n{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
  font-size:clamp(60px,11vw,146px); line-height:.92; letter-spacing:-.018em}
/* o wordmark oficial da casa entra no lugar do nome em texto */
.chero__n img{width:auto; height:clamp(62px,9.4vw,132px); max-width:min(86vw,720px)}
.chero__n--lara img{height:clamp(46px,6.4vw,90px)}
.chero__l{font-family:var(--serif); font-weight:300; font-style:italic;
  font-size:clamp(19px,1.6vw,26px); margin-top:8px}
.chero--nu{min-height:clamp(380px,58svh,600px); background:var(--casa)}
.chero--nu .olho{color:#F5F3EF}
.chero--nu .chero__in{padding-block:clamp(54px,8vw,100px)}

.ficha{display:grid; gap:1px; background:var(--linha); margin-top:clamp(24px,3.4vw,40px)}
@media(min-width:700px){.ficha{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}}
.ficha__i{background:var(--fundo); padding:20px clamp(18px,2vw,26px); display:grid;
  gap:7px; align-content:start}
.ficha__i p,.ficha__i a{font-size:15.5px; text-decoration:none}
.ficha__i a:hover{text-decoration:underline; text-underline-offset:3px}
.ficha__i .dado{color:var(--casa)}

.hor__i{display:grid; grid-template-columns:auto 1fr; gap:10px 20px; padding:13px 0;
  border-top:1px solid var(--linha); align-items:baseline}
.hor__i:last-child{border-bottom:1px solid var(--linha)}
.hor__q{font-family:var(--sans); font-size:11px; letter-spacing:.13em;
  text-transform:uppercase; font-weight:500; color:var(--casa); min-width:11ch}
.hor__v{font-size:15.5px}

.gal{display:grid; gap:clamp(8px,.9vw,14px); grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.gal{grid-template-columns:repeat(4,1fr)}
  .gal>*:nth-child(1){grid-column:span 2; grid-row:span 2}}
.gal img{width:100%; height:100%; object-fit:cover; aspect-ratio:1}

.tira{display:grid; grid-template-columns:repeat(2,1fr); gap:0}
@media(min-width:900px){.tira{grid-template-columns:repeat(4,1fr)}}
.tira__i{position:relative; overflow:hidden; background:var(--creme2)}
.tira__i img{width:100%; height:auto; aspect-ratio:2/3; object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.6,.2,1); transform:scale(1.02)}
.tira__i:hover img{transform:scale(1.06)}

.faixa-foto{position:relative; min-height:clamp(320px,50svh,560px); display:flex;
  align-items:center; overflow:hidden; color:#F5F3EF}
.faixa-foto__f{position:absolute; inset:0}
.faixa-foto__f img{width:100%; height:100%; object-fit:cover}
.faixa-foto__f::after{content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(17,17,17,.88) 0%,rgba(17,17,17,.66) 38%,
    rgba(17,17,17,.26) 74%,rgba(17,17,17,.08) 100%)}
.faixa-foto__in{position:relative; z-index:1; padding-block:clamp(40px,6vw,80px)}
.faixa-foto .olho{color:var(--casa-clara)}
.faixa-foto cite{color:rgba(245,243,239,.72)}

.cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(20px,2.4vw,32px)}

/* ---------- o chef ---------- */
.chef{display:grid; gap:clamp(26px,4vw,60px)}
@media(min-width:960px){.chef{grid-template-columns:.92fr 1.08fr; align-items:center}}
.chef__f{position:relative}
.chef__f img{width:100%; aspect-ratio:4/5; object-fit:cover}
.chef__sel{display:flex; flex-wrap:wrap; gap:0; margin-top:clamp(22px,3vw,34px);
  border-top:1px solid var(--linha)}
.chef__i{flex:1 1 190px; padding:16px 0 0; border-bottom:1px solid var(--linha);
  display:grid; gap:3px; padding-right:20px}
.chef__i b{font-family:var(--serif); font-weight:500; font-style:italic;
  font-size:clamp(25px,2.3vw,32px); line-height:1; color:var(--casa)}
.chef__i span{font-family:var(--sans); font-size:12.5px; color:var(--tinta2);
  padding-bottom:14px; line-height:1.4}

/* ---------- rodapé ---------- */
.rod{border-top:1px solid var(--linha); padding-block:clamp(48px,6.4vw,80px) 30px;
  background:var(--fundo); position:relative; overflow:hidden}
.rod__g{display:grid; gap:clamp(26px,3.4vw,46px)}
@media(min-width:820px){.rod__g{grid-template-columns:1fr 2.1fr}}
.rod__casas{display:grid; gap:24px}
@media(min-width:560px){.rod__casas{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.rod__casas{grid-template-columns:repeat(4,1fr)}}
.rod__c{display:grid; gap:5px; align-content:start}
.rod__c .rod__nome{font-family:var(--serif); font-weight:var(--peso-d); font-style:italic;
  font-size:29px; line-height:1; color:var(--tinta); margin-bottom:4px}
.rod__c .rod__nome a{text-decoration:none; font-size:inherit; color:inherit;
  transition:color .3s}
.rod__c .rod__nome a:hover{color:var(--casa)}
.rod__c a{text-decoration:none}
.rod__c a:hover{text-decoration:underline; text-underline-offset:3px}
.rod__c p,.rod__c a{font-size:14px; color:var(--tinta2)}
.rod__fim{display:flex; flex-wrap:wrap; gap:10px 26px; justify-content:space-between;
  margin-top:clamp(36px,4.6vw,62px); padding-top:22px;
  border-top:1px solid var(--linha); font-family:var(--sans); font-size:12px;
  color:var(--tinta2)}
.rod__fim a{text-decoration:none}
.rod__fim a:hover{text-decoration:underline; text-underline-offset:3px}

/* ---------- mobile ---------- */
@media(max-width:860px){
  .nav{position:fixed; inset:64px 0 auto; background:#F5F3EF;
    border-bottom:1px solid rgba(17,17,17,.16); flex-direction:column;
    align-items:flex-start; gap:0; padding:8px var(--gut) 22px;
    transform:translateY(-12px); opacity:0; visibility:hidden;
    transition:opacity .28s,transform .28s,visibility .28s}
  .nav[data-aberto]{opacity:1; visibility:visible; transform:none}
  .nav a{padding:13px 0; width:100%; border-bottom:1px solid rgba(17,17,17,.16);
    font-size:14px}
  .nav .bt{margin-top:16px}
  .menu-bt{display:inline-flex; align-items:center; gap:9px; background:none;
    border:0; color:#111111; font-family:var(--sans); font-size:11.5px;
    letter-spacing:.15em; text-transform:uppercase; font-weight:500;
    cursor:pointer; padding:10px 0}
  .menu-bt i{display:block; width:20px; height:9px; position:relative}
  .menu-bt i::before,.menu-bt i::after{content:""; position:absolute; left:0;
    right:0; height:1px; background:currentColor; transition:transform .3s}
  .menu-bt i::before{top:0} .menu-bt i::after{bottom:0}
  .menu-bt[aria-expanded="true"] i::before{transform:translateY(4px) rotate(45deg)}
  .menu-bt[aria-expanded="true"] i::after{transform:translateY(-4px) rotate(-45deg)}
  .hero{min-height:min(86svh,700px)}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;
    animation-iteration-count:1 !important; transition-duration:.001ms !important}
  .traca path{fill:currentColor; stroke-width:0; stroke-dashoffset:0}
}