/* Fontes hospedadas no próprio site (Stack Sans, licença OFL) */
@font-face{font-family:'Stack Sans Headline'; src:url(/assets/fonts/stack-sans-headline-300.woff) format('woff'); font-weight:300; font-style:normal; font-display:swap;}
@font-face{font-family:'Stack Sans Text'; src:url(/assets/fonts/stack-sans-text-400.woff) format('woff'); font-weight:400; font-style:normal; font-display:swap;}
@font-face{font-family:'Stack Sans Text'; src:url(/assets/fonts/stack-sans-text-500.woff) format('woff'); font-weight:500; font-style:normal; font-display:swap;}
/* Firmiano — capítulos de cor
   Uma família (Stack Sans), um verde de marca em quatro tons, cantos retos. */
:root{
  --paper:#EFEFEA;      /* fundo claro, pedra fria */
  --stone:#E2E3DC;      /* um passo abaixo do fundo */
  --ink:#0E1F19;        /* grafite */
  --muted:#46524C;      /* notas secundárias */
  --green:#0B3D2E;      /* Verde Firmiano */
  --green-ink:#072A20;  /* verde profundo */
  --leaf:#27805F;       /* Verde folha: o acento, só nas ações */
  --leaf-hi:#2E9470;
  --mint:#A9D9C2;
  --on-dark:#EFEFEA;

  --display:'Stack Sans Headline',system-ui,-apple-system,'Segoe UI',sans-serif;
  --text:'Stack Sans Text',system-ui,-apple-system,'Segoe UI',sans-serif;

  --step-small:clamp(0.875rem,0.85rem + 0.1vw,0.9375rem);
  --step-body:clamp(1.0625rem,1rem + 0.25vw,1.1875rem);
  --step-lead:clamp(1.25rem,1.1rem + 0.7vw,1.625rem);
  --step-title:clamp(1.75rem,1.2rem + 1.6vw,2.75rem);
  --step-head:clamp(2rem,1.3rem + 3.2vw,4rem);
  --step-display:clamp(3rem,1rem + 7.2vw,8.5rem);

  --m:clamp(16px,2.4vw,32px);           /* margem externa, a mesma em tudo */
  --gap:clamp(96px,11vw,176px);         /* espaço entre seções */
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-in-out:cubic-bezier(.7,0,.2,1);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:84px; -webkit-text-size-adjust:100%;}
body{margin:0; background:var(--paper); color:var(--ink); font-family:var(--text); font-size:var(--step-body); line-height:1.5; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden;}
img{max-width:100%; height:auto; display:block;}
a{color:inherit;}
button,input,textarea{font:inherit; color:inherit;}
p{margin:0;}
ul,ol{margin:0; padding:0;}
h1,h2,h3{font-family:var(--display); font-weight:300; margin:0; letter-spacing:-.022em; line-height:1.05; text-wrap:balance;}
h1{font-size:var(--step-display);}
h2{font-size:var(--step-head);}
h3{font-family:var(--text); font-weight:500; font-size:var(--step-lead); letter-spacing:-.01em; line-height:1.25;}
strong,b{font-weight:500;}
::selection{background:var(--mint); color:var(--green-ink);}
:focus-visible{outline:3px solid var(--leaf); outline-offset:3px;}
.wrap{width:100%; max-width:1440px; margin:0 auto; padding:0 var(--m);}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.skip{position:absolute; left:var(--m); top:-60px; z-index:200; background:var(--green); color:var(--on-dark); padding:12px 16px;}
.skip:focus{top:12px;}

/* ---------- Links e botões ---------- */
.inline,.prose a,.more,.ans a,.lead a,.note a{color:inherit; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:4px; transition:text-decoration-color .2s;}
.inline:hover,.prose a:hover,.more:hover,.ans a:hover,.lead a:hover,.note a:hover{text-decoration-color:var(--leaf);}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:14px 26px; border:0; border-radius:0; background:var(--leaf); color:#fff; font-family:var(--text); font-weight:500; font-size:var(--step-body); line-height:1.2; text-decoration:none; cursor:pointer; transition:background .2s, color .2s, transform .2s var(--ease);}
.btn:hover{background:var(--leaf-hi);}
.btn:active{transform:translateY(1px) scale(.985);}
.btn[disabled]{opacity:.6; cursor:progress;}
.btn-paper{background:var(--paper); color:var(--green);}
.btn-paper:hover{background:#fff;}
.btn-ink{background:var(--green); color:var(--on-dark);}
.btn-ink:hover{background:var(--green-ink);}
.arrow{display:inline-block; transition:transform .25s var(--ease);}
a:hover .arrow{transform:translateX(4px);}

/* ---------- Navegação ---------- */
.nav{position:sticky; top:0; z-index:90; background:var(--paper); transition:transform .35s var(--ease);}
.nav-in{display:flex; align-items:center; gap:32px; height:76px;}
.logo{display:block; flex-shrink:0;}
.logo img{width:127px; height:32px;}
.nav-links{display:flex; gap:28px; margin-left:auto; font-size:var(--step-small); font-weight:500;}
.nav-links a{padding:8px 0; text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:2px; text-underline-offset:8px; transition:text-decoration-color .25s;}
.nav-links a:hover,.nav-links a[aria-current="page"]{text-decoration-color:currentColor;}
.nav-cta{min-height:44px; padding:10px 18px; font-size:var(--step-small);}
.burger{display:none; margin-left:auto; min-height:44px; padding:0 16px; border:0; background:var(--green); color:var(--on-dark); font-weight:500; font-size:var(--step-small); cursor:pointer;}
.menu{position:fixed; inset:0; z-index:-1; background:var(--green-ink); color:var(--on-dark); display:none; flex-direction:column; justify-content:flex-end; gap:4px; padding:96px var(--m) 40px;}
.menu a{font-family:var(--display); font-weight:300; font-size:var(--step-head); letter-spacing:-.02em; line-height:1.15; text-decoration:none;}
.menu .btn{margin-top:28px; font-family:var(--text); font-size:var(--step-body); align-self:flex-start;}
.nav.open{background:var(--green-ink);}
.nav.open .logo img{filter:brightness(0) invert(1);}
.nav.open .burger{background:var(--paper); color:var(--green);}
.nav.open .menu{display:flex; animation:menu-in .35s var(--ease) both;}
@keyframes menu-in{from{opacity:0;}}

/* ---------- Campos de cor (capítulos) ---------- */
.f-paper{background:var(--paper); color:var(--ink);}
.f-stone{background:var(--stone); color:var(--ink);}
.f-mint{background:var(--mint); color:var(--green-ink);}
.f-green{background:var(--green); color:var(--on-dark);}
.f-deep{background:var(--green-ink); color:var(--on-dark);}
.f-leaf{background:var(--leaf); color:#fff;}
.f-green .btn,.f-deep .btn{background:var(--leaf);}
.f-leaf .btn{background:var(--paper); color:var(--green);}
.f-leaf .btn:hover{background:#fff;}
.f-green .muted,.f-deep .muted{color:rgba(239,239,234,.78);}
.muted{color:var(--muted);}

.sec{padding:var(--gap) 0;}
.sec-head{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:24px; margin-bottom:clamp(48px,6vw,88px);}
.sec-head h2{grid-column:1 / span 8;}
.sec-head p{grid-column:1 / span 6; font-size:var(--step-lead); line-height:1.4;}
.lead{font-size:var(--step-lead); line-height:1.4; max-width:34ch;}

/* ---------- Topo das páginas internas ---------- */
.page-hero{padding:clamp(64px,8vw,120px) 0 clamp(72px,9vw,140px);}
.page-hero .wrap{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; align-items:end;}
.page-hero .crumbs{grid-column:1 / -1;}
.page-hero{min-height:calc(72svh - 76px); display:flex; align-items:flex-end;}
.page-hero > .wrap{row-gap:40px;}
.page-hero h1{grid-column:1 / -1; grid-row:1; font-size:var(--step-display); margin:0; max-width:15ch;}
.page-hero .lead{grid-column:1 / span 6; grid-row:2; max-width:none;}
.page-hero .ctas{grid-column:8 / -1; grid-row:2; justify-self:end; align-self:end; display:flex; flex-wrap:wrap; gap:12px;}
.page-hero .ctas .btn-line-d{background:transparent; color:var(--green); text-decoration:underline; text-underline-offset:4px; padding-left:8px; padding-right:8px;}
.page-hero .ctas .btn-line-d:hover{color:var(--leaf);}
.crumbs{list-style:none; display:flex; flex-wrap:wrap; gap:6px; font-size:var(--step-small); color:var(--muted);}
.crumbs li+li::before{content:"/"; margin-right:6px;}
.crumbs a{text-decoration:none;}
.crumbs a:hover{color:var(--ink); text-decoration:underline;}

/* ---------- Texto corrido ---------- */
.split{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:32px;}
.split > :first-child{grid-column:1 / span 5;}
.split > :last-child{grid-column:7 / -1;}
.prose p+p{margin-top:1em;}
.prose{max-width:62ch;}

/* ---------- Serviços como linhas ---------- */
.svc-grid{display:flex; flex-direction:column; gap:8px;}
.svc{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; align-items:baseline; padding:36px 28px; background:rgba(14,31,25,.045); text-decoration:none; transition:background .25s;}
.svc:hover{background:rgba(14,31,25,.09);}
.svc h3{grid-column:1 / span 4; font-family:var(--display); font-weight:300; font-size:var(--step-title); letter-spacing:-.02em;}
.svc p{grid-column:5 / span 4;}
.svc .foot{grid-column:9 / -1; display:flex; justify-content:space-between; align-items:baseline; gap:16px;}
.svc .from{font-size:var(--step-body);}
.svc .from b{font-weight:500;}
.svc .go{font-weight:500; white-space:nowrap;}
.svc.feat{background:var(--green); color:var(--on-dark);}
.svc.feat:hover{background:var(--green-ink);}
.f-green .svc,.f-deep .svc{background:rgba(239,239,234,.07);}
.f-green .svc:hover,.f-deep .svc:hover{background:rgba(239,239,234,.13);}

/* ---------- Pontos (antes cartões) ---------- */
.cards{display:grid; grid-template-columns:repeat(3,1fr); column-gap:clamp(24px,4vw,64px); row-gap:56px;}
.cards.four{grid-template-columns:repeat(2,1fr);}
.card h3{margin-bottom:12px;}
.card .who{display:block; margin-top:12px; font-size:var(--step-small); color:var(--muted);}
.f-green .card .who,.f-deep .card .who{color:rgba(239,239,234,.78);}

/* ---------- Combina / não combina ---------- */
.fit{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.fit-card{padding:clamp(28px,4vw,56px); background:var(--paper); color:var(--ink);}
.fit-card.no{background:var(--green); color:var(--on-dark);}
.fit-card h3{margin-bottom:28px;}
.fit-card ul,.plan ul,.deliver ul,.check{list-style:none; display:flex; flex-direction:column; gap:14px;}
.fit-card li,.plan li,.check li{padding-left:28px; position:relative;}
.fit-card li::before,.plan li::before,.check li::before{content:""; position:absolute; left:0; top:.62em; width:12px; height:4px; background:currentColor;}
.fit-card .more{display:inline-block; margin-top:32px; font-weight:500;}

/* ---------- Passos ---------- */
.flow{list-style:none; display:grid; grid-template-columns:repeat(5,1fr); gap:8px; counter-reset:flow;}
.flow li{padding:28px 24px 32px; background:rgba(14,31,25,.06); display:flex; flex-direction:column; gap:12px;}
.flow li:nth-child(1){min-height:220px;} .flow li:nth-child(2){min-height:260px;} .flow li:nth-child(3){min-height:300px;} .flow li:nth-child(4){min-height:340px;} .flow li:nth-child(5){min-height:380px; background:var(--green); color:var(--on-dark);}
.flow{align-items:end;}
.flow h3{font-size:var(--step-lead);}
.box-note{margin-top:56px; padding:clamp(28px,4vw,48px); background:var(--paper); color:var(--ink); display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px;}
.box-note > div{grid-column:1 / span 9; max-width:68ch;}
.box-note h3{margin-bottom:12px;}
.f-paper .box-note{background:var(--stone);}

/* ---------- Preços ---------- */
.plans{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; align-items:stretch;}
.plan{display:flex; flex-direction:column; padding:clamp(28px,3vw,44px); background:var(--stone); color:var(--ink);}
.plan.feat{background:var(--green); color:var(--on-dark);}
.plan .tag{display:block; order:-1; margin-bottom:20px; font-size:var(--step-small); font-weight:500; color:var(--mint);}
.plan h3{min-height:2.5em;}
.plan .was{margin-top:8px; font-size:var(--step-small); text-decoration:line-through;}
.plan .price{font-family:var(--display); font-weight:300; font-size:var(--step-head); letter-spacing:-.03em; line-height:1; margin-top:28px;}
.plan .price small{display:block; margin-top:8px; font-family:var(--text); font-size:var(--step-small); letter-spacing:0;}
.plan .desc{margin:16px 0 28px;}
.plan ul{margin-bottom:36px;}
.plan .btn{margin-top:auto; align-self:flex-start;}
.plan .btn-line{background:var(--green); color:var(--on-dark);}
.plan .btn-line:hover{background:var(--green-ink);}
.notes{margin-top:clamp(72px,8vw,120px); display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px;}
.notes h3{grid-column:1 / span 4; font-family:var(--display); font-weight:300; font-size:var(--step-head); letter-spacing:-.022em; line-height:1.05;}
.notes dl{grid-column:6 / -1; margin:0; display:grid; grid-template-columns:minmax(120px,1fr) 3fr; column-gap:32px; row-gap:24px;}
.notes dt{font-weight:500;}
.notes dd{margin:0;}

/* ---------- Perguntas: uma faixa por pergunta ---------- */
.faq-head{background:var(--leaf); color:#fff; min-height:40svh; display:flex; align-items:flex-end; padding:72px 0 56px;}
.faq-head h2{font-size:var(--step-display); max-width:14ch;}
.faq-head p{margin-top:20px; font-size:var(--step-lead);}
.faq-head p a{color:inherit;}
.qa .wrap{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:16px; padding-top:56px; padding-bottom:56px;}
.qa h3{grid-column:1 / span 5; font-family:var(--display); font-weight:300; font-size:var(--step-lead); letter-spacing:-.015em; line-height:1.15;}
.qa .ans{grid-column:7 / -1; font-size:var(--step-body);}
.qa .ans p+p{margin-top:1em;}
.qa:nth-of-type(odd){background:var(--paper);}
.qa:nth-of-type(even){background:var(--stone);}

/* ---------- Chamada final ---------- */
.cta{padding:clamp(120px,14vw,220px) 0; background:var(--leaf); color:#fff;}
.cta .wrap{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:32px; align-items:end;}
.cta h2{grid-column:1 / -1; font-size:var(--step-display);}
.cta p{grid-column:1 / span 6; font-size:var(--step-lead); line-height:1.4;}
.cta .btn{grid-column:9 / -1; justify-self:end; background:var(--paper); color:var(--green);}
.cta .btn:hover{background:#fff;}
.cta .cta-alt{grid-column:1 / span 6; font-size:var(--step-body);}
.cta a:not(.btn){color:inherit;}

/* ---------- Portfólio ---------- */
.pf-grid{display:flex; flex-direction:column; gap:clamp(96px,10vw,160px);}
.pf{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:32px; text-decoration:none; align-items:start;}
.pf-shot{grid-column:1 / span 7; position:relative; padding-bottom:40px;}
.pf:nth-child(even) .pf-shot{grid-column:6 / -1; grid-row:1;}
.pf:nth-child(even) .pf-info{grid-column:1 / span 4; grid-row:1;}
.pf-frame{overflow:hidden; background:var(--stone);}
.pf-frame img{width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top; transition:transform 1.2s var(--ease);}
.pf:hover .pf-frame img{transform:scale(1.025);}
.pf-bar{display:none;}
.pf-phone{position:absolute; right:-12px; bottom:0; width:22%; min-width:96px; background:var(--ink); padding:6px;}
.pf-phone img{width:100%; aspect-ratio:9/16; object-fit:cover; object-position:top;}
.pf-info{grid-column:9 / -1; display:flex; flex-direction:column; gap:12px;}
.pf-kind{font-size:var(--step-small); font-weight:500; color:var(--leaf);}
.pf-info h3{font-family:var(--display); font-weight:300; font-size:var(--step-title); letter-spacing:-.02em; line-height:1.1;}
.pf .where{color:var(--muted); font-size:var(--step-small);}
.pf .desc{margin-top:8px;}
.pf-tags{list-style:none; display:flex; flex-wrap:wrap; font-size:var(--step-small); color:var(--muted);}
.pf-tags li+li::before{content:"·"; margin:0 8px;}
.pf-link{margin-top:12px; font-weight:500; text-decoration:underline; text-underline-offset:4px;}
.pf-mock{aspect-ratio:16/10; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(24px,4vw,56px); background:var(--uff,#0B3E7A); color:#fff;}
.pf-mock .top,.pf-mock .side,.pf-mock .row{display:none;}
.pf-mock small{display:block; font-size:var(--step-small); margin-bottom:12px; opacity:.85;}
.pf-mock strong{display:block; font-family:var(--display); font-weight:300; font-size:var(--step-title); line-height:1.05; letter-spacing:-.02em;}
.pf-more{margin-top:72px;}

/* ---------- Quem somos ---------- */
.bio{grid-column:1 / -1; display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:32px; margin-top:64px; align-items:end;}
.bio picture{grid-column:1 / span 4;}
.bio img{width:100%; aspect-ratio:3/4; object-fit:cover;}
.bio > div{grid-column:6 / -1; display:flex; flex-direction:column; gap:20px;}
.bio .hello{font-family:var(--display); font-weight:300; font-size:var(--step-head); letter-spacing:-.022em; line-height:1.05;}
.bio .lead{max-width:40ch;}
.facts{list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin-top:28px;}
.facts li{padding:10px 16px; background:rgba(14,31,25,.07); font-size:var(--step-small); font-weight:500;}
.f-green .facts li,.f-deep .facts li{background:rgba(239,239,234,.1);}

/* ---------- Contato ---------- */
.contact{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:56px;}
.contact > div{grid-column:1 / span 5;}
.contact .form{grid-column:7 / -1;}
.contact h2{margin-bottom:40px;}
.c-list{list-style:none; display:flex; flex-direction:column; gap:8px;}
.c-list a{display:block; padding:20px 24px; background:rgba(14,31,25,.05); text-decoration:none; transition:background .2s;}
.c-list a:hover{background:rgba(14,31,25,.1);}
.c-list .ci{display:none;}
.c-list small{display:block; font-size:var(--step-body); color:var(--muted);}
.c-list strong{display:block; font-weight:500; font-size:var(--step-lead); line-height:1.3;}
.hours{margin-top:28px;}
.form{display:flex; flex-direction:column; gap:20px; padding:clamp(28px,4vw,48px); background:var(--green); color:var(--on-dark);}
.form h3{font-family:var(--display); font-weight:300; font-size:var(--step-head); letter-spacing:-.022em; line-height:1.05; margin-bottom:12px;}
.field{display:flex; flex-direction:column; gap:8px;}
.field label{font-weight:500;}
.field input,.field textarea{width:100%; min-height:56px; padding:14px 16px; border:0; border-radius:0; background:rgba(239,239,234,.1); color:var(--on-dark); font-size:var(--step-body); transition:background .2s;}
.field textarea{min-height:160px; resize:vertical;}
.field input::placeholder,.field textarea::placeholder{color:rgba(239,239,234,.6);}
.field input:focus,.field textarea:focus{background:rgba(239,239,234,.18); outline:3px solid var(--mint); outline-offset:0;}
.field [aria-invalid="true"]{outline:3px solid #F2A7A7; outline-offset:0;}
.form .btn{align-self:flex-start;}
.hp{position:absolute; left:-9999px;}
.form-status{min-height:1.5em; font-weight:500;}
.form-status.err{color:#FFC9C9;}
.form-status.ok{color:var(--mint);}
.form-status a,.form-note a{color:inherit; text-decoration:underline;}
.form-note{color:rgba(239,239,234,.85);}
.map-wrap{margin-top:clamp(72px,8vw,120px); background:var(--stone);}
.map-wrap iframe{display:block; width:100%; height:clamp(320px,40vw,520px); border:0; filter:grayscale(.4);}

/* ---------- Consulta de domínio ---------- */
.dom-bar{display:flex; align-items:stretch; gap:8px; margin-top:40px; max-width:900px;}
.dom-bar .pre,.dom-bar .suf{display:flex; align-items:center; padding:0 18px; background:rgba(14,31,25,.07); font-size:var(--step-lead); color:var(--muted);}
.dom-bar input{flex:1; min-width:0; min-height:72px; padding:0 20px; border:0; border-radius:0; background:#fff; color:var(--ink); font-size:var(--step-lead);}
.dom-bar input:focus{outline:3px solid var(--leaf); outline-offset:0;}
.dom-bar .btn{min-height:72px; padding:0 32px;}
.f-green .dom-bar .pre,.f-green .dom-bar .suf,.f-deep .dom-bar .pre,.f-deep .dom-bar .suf{background:rgba(239,239,234,.1); color:rgba(239,239,234,.8);}
.dom-note{margin-top:16px; max-width:64ch;}
.dom-note a{color:inherit;}
.dom-out{margin-top:40px; max-width:900px;}
.dom-out:empty{display:none;}
.dom-main{padding:32px; background:#fff; color:var(--ink); display:flex; flex-direction:column; align-items:flex-start; gap:12px;}
.dom-name{font-family:var(--display); font-weight:300; font-size:var(--step-head); letter-spacing:-.022em; line-height:1.05; word-break:break-all;}
.dom-sub{max-width:60ch;}
.dom-main .btn{margin-top:8px;}
.dom-h{margin:40px 0 12px; font-size:var(--step-body);}
.dom-list{list-style:none; display:flex; flex-direction:column; gap:4px;}
.dom-list li{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 20px; background:rgba(14,31,25,.06); animation:rise .5s var(--ease) both;}
.f-green .dom-list li,.f-deep .dom-list li{background:rgba(239,239,234,.08);}
.dom-list .n{font-weight:500; word-break:break-all;}
.dom-list .r{display:flex; align-items:center; gap:16px;}
.pill{font-size:var(--step-small); font-weight:500;}
.pill::before{content:""; display:inline-block; width:10px; height:10px; margin-right:8px; vertical-align:0; background:currentColor;}
.pill.free{color:var(--leaf);}
.pill.taken{color:#9A3B3B;}
.pill.unk{color:var(--muted);}
.f-green .pill.free,.f-deep .pill.free{color:var(--mint);}
.f-green .pill.taken,.f-deep .pill.taken{color:#F2B8B8;}
.f-green .pill.unk,.f-deep .pill.unk{color:rgba(239,239,234,.75);}
.dom-want{font-weight:500; text-decoration:underline; text-underline-offset:4px;}
@keyframes rise{from{opacity:0; transform:translateY(8px);}}

/* ---------- Política de privacidade ---------- */
.legal{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px;}
.legal > div{grid-column:3 / span 8; max-width:70ch;}
.legal h2{font-size:var(--step-title); margin:72px 0 20px;}
.legal h3{font-size:var(--step-body); margin:32px 0 8px;}
.legal p+p{margin-top:1em;}
.legal ul{padding-left:1.2em; margin:1em 0; display:flex; flex-direction:column; gap:8px;}
.legal a{text-decoration:underline; text-underline-offset:4px;}
.legal .card{padding:28px; background:var(--stone); display:flex; flex-direction:column; gap:8px;}
.legal .updated{color:var(--muted); font-size:var(--step-small);}
.legal .intro{font-size:var(--step-lead); line-height:1.4;}

/* ---------- Rodapé: o contato é a manchete ---------- */
.site-foot{background:var(--green-ink); color:var(--on-dark); min-height:80svh; display:flex; flex-direction:column; padding:40px 0 32px;}
.site-foot .reel{margin-bottom:56px;}
.site-foot > .wrap{flex:1; display:flex; flex-direction:column;}
.foot-top{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:20px; align-items:start;}
.foot-top img{grid-column:1 / span 2; width:110px; height:auto;}
.foot-top p:nth-of-type(1){grid-column:3 / span 4;}
.foot-top p:nth-of-type(2){grid-column:7 / span 3;}
.foot-up{grid-column:11 / -1; justify-self:end; text-decoration:underline; text-underline-offset:4px;}
.foot-big{margin-top:auto; padding-top:clamp(96px,14vw,200px);}
.foot-big a{display:block; font-family:var(--display); font-weight:300; font-size:clamp(3rem,9.6vw,13rem); letter-spacing:-.035em; line-height:.95; text-decoration:none; white-space:nowrap; transition:color .25s;}
.foot-big a:hover{color:var(--mint);}
.foot-big .mail{margin-top:20px; font-family:var(--text); font-size:var(--step-lead); letter-spacing:0; line-height:1.3; white-space:normal; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:6px;}
.foot-meta{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:20px; margin-top:64px; font-size:var(--step-small); color:rgba(239,239,234,.82);}
.foot-meta nav{grid-column:1 / span 7; display:flex; flex-wrap:wrap; gap:8px 20px;}
.foot-meta a{text-decoration:none;}
.foot-meta a:hover{color:var(--on-dark); text-decoration:underline;}
.foot-meta .credits{grid-column:1 / span 7; grid-row:2;}
.foot-meta .credits a{text-decoration:underline;}
.foot-meta .legal-line{grid-column:9 / -1; justify-self:end; text-align:right;}

/* ---------- Entradas (só quando há movimento) ---------- */
@media (prefers-reduced-motion:no-preference){
  .js [data-reveal]{opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease), transform .8s var(--ease); transition-delay:var(--d,0s);}
  .js [data-reveal].in{opacity:1; transform:none;}
}

/* ---------- Telas menores ---------- */
@media (max-width:1080px){
  .foot-top img{grid-column:1 / span 3;}
  .foot-top p:nth-of-type(1){grid-column:4 / span 4;}
  .foot-top p:nth-of-type(2){grid-column:8 / span 3;}
  .foot-up{grid-column:11 / -1;}
  .contact > div,.contact .form{grid-column:1 / -1;}
  .page-hero .lead{grid-column:1 / span 8;}
  .page-hero .ctas{grid-column:1 / -1; grid-row:3; justify-self:start;}
  .pf-mock strong{font-size:var(--step-lead);}
  .nav-links{display:none;}
  .nav-cta{margin-left:auto;}
  .burger{display:inline-flex; align-items:center; margin-left:0;}
  .svc h3{grid-column:1 / -1; margin-bottom:12px;}
  .svc p{grid-column:1 / span 7;}
  .svc .foot{grid-column:9 / -1;}
  .flow{grid-template-columns:1fr 1fr;}
  .flow li{min-height:0 !important;}
  .flow li:last-child{grid-column:1 / -1;}
  .plans{grid-template-columns:1fr;}
  .plan h3{min-height:0;}
}
@media (max-width:760px){
  .nav-in{height:64px; gap:12px;}
  .nav-cta{display:none;}
  .burger{margin-left:auto;}
  .sec-head h2,.sec-head p,.page-hero h1,.page-hero .lead,.page-hero .ctas,.dom-cta .sec-head,.dom-cta .wrap > .btn,.split > :first-child,.split > :last-child,.cta h2,.cta p,.cta .btn,.cta .cta-alt,.notes h3,.notes dl,.qa h3,.qa .ans,.box-note > div,.contact > div,.contact .form,.bio picture,.bio > div,.legal > div,.foot-top p,.foot-meta nav,.foot-meta .credits,.foot-meta .legal-line{grid-column:1 / -1;}
  :root{--step-display:clamp(2.25rem,9.6vw,3.5rem);}
  .page-hero .ctas{justify-self:start;}
  .cta .btn,.dom-cta .wrap > .btn{justify-self:start;}
  .page-hero{min-height:0;}
  .svc{padding:28px 20px;}
  .svc p,.svc .foot{grid-column:1 / -1;}
  .svc .foot{margin-top:20px;}
  .cards,.cards.four,.fit{grid-template-columns:1fr;}
  .flow{grid-template-columns:1fr;}
  .notes dl{grid-template-columns:1fr; row-gap:6px;}
  .notes dd{margin-bottom:16px;}
  .notes h3{margin-bottom:32px;}
  .qa .wrap{padding-top:32px; padding-bottom:32px;}
  .faq-head{min-height:30svh;}
  .pf-shot,.pf-info,.pf:nth-child(even) .pf-shot,.pf:nth-child(even) .pf-info{grid-column:1 / -1; grid-row:auto;}
  .pf-phone{right:0;}
  .bio picture{max-width:300px;}
  .dom-bar{flex-wrap:wrap;}
  .dom-bar .pre{display:none;}
  .dom-bar input{flex:1 1 150px; min-height:60px;}
  .dom-bar .suf{min-height:60px;}
  .dom-bar .btn{flex-basis:100%; min-height:56px;}
  .foot-top img,.foot-top p:nth-of-type(n){grid-column:1 / -1;}
  .foot-up{grid-column:1 / -1; justify-self:start;}
  .foot-big a{font-size:10.4vw;}
  .foot-meta .legal-line{justify-self:start; text-align:left;}
}

/* =========================================================
   Página inicial
   ========================================================= */

/* Hero: dois campos que se encontram na metade, a manchete cortada pela linha d'água */
.wl{position:relative; height:calc(100svh - 76px); min-height:600px; max-height:1000px; overflow:hidden; background:var(--paper);}
.wl::after{content:""; position:absolute; left:0; right:0; top:50%; bottom:0; background:var(--green);}
.wl-h{--fs:var(--step-display); --lh:.98; position:absolute; top:calc(50% - var(--fs) * var(--lh) * 1.5); left:var(--m); right:var(--m); margin:0; text-align:center; font-family:var(--display); font-weight:300; font-size:var(--fs); line-height:var(--lh); letter-spacing:-.035em; text-wrap:nowrap; z-index:1;}
.wl-a{display:block; color:var(--green); clip-path:inset(0 0 25% 0);}
.wl-b{position:absolute; inset:0; color:var(--mint); clip-path:inset(75% 0 0 0);}
.wl-h .ln{display:block; overflow:hidden; padding-bottom:.04em; margin-bottom:-.04em;}
.wl-h .ln > span{display:block;}
.wl-foot{position:absolute; left:0; right:0; bottom:40px; z-index:2; display:flex; flex-direction:column; align-items:center; gap:28px; text-align:center; color:var(--on-dark);}
.wl-foot p{font-size:var(--step-lead); line-height:1.4; max-width:36ch;}
@media (prefers-reduced-motion:no-preference){
  .js .wl-h .ln > span{transform:translateY(105%); transition:transform .9s cubic-bezier(.16,1,.3,1);}
  .js .wl-h .ln + .ln > span{transition-delay:.11s;}
  .js .wl.ready .wl-h .ln > span{transform:none;}
  .js .wl-foot{opacity:0; transform:translateY(16px); transition:opacity .7s .55s var(--ease), transform .8s .55s var(--ease);}
  .js .wl.ready .wl-foot{opacity:1; transform:none;}
}

/* Portfólio em pastas empilhadas */
.work{padding-top:var(--gap); background:var(--paper);}
.work-head{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:20px; align-items:end; margin-bottom:clamp(72px,7vw,104px);}
.work-head h2{grid-column:1 / span 6;}
.work-head p{grid-column:8 / -1; font-size:var(--step-lead); line-height:1.4;}
.folder{position:relative; margin-top:44px;}
.folder .wrap{position:relative;}
.strip{display:flex; justify-content:space-between; align-items:center; height:64px;}
.tab{position:absolute; left:var(--m); top:-44px; height:44px; display:flex; align-items:center; padding:0 40px 0 28px; min-width:240px; font-family:var(--text); font-weight:500; font-size:var(--step-body); line-height:1; letter-spacing:-.01em; background:inherit; clip-path:polygon(0 100%, 0 14px, 14px 0, calc(100% - 26px) 0, 100% 100%);}
.folder > .wrap{background:inherit;}
.folder{background:var(--bg);}
.f-mint.folder{--bg:var(--mint);} .f-green.folder{--bg:var(--green);} .f-stone.folder{--bg:var(--stone);} .f-leaf.folder{--bg:var(--leaf);}
.tab{background:var(--bg);}
.kind{margin-left:auto; font-size:var(--step-small); font-weight:500;}
.folder-body{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:32px; padding:32px 0 clamp(72px,8vw,120px); align-items:start;}
.shot{grid-column:1 / span 7; display:block; overflow:hidden; background:rgba(14,31,25,.1);}
.shot img{width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top; transition:transform 1.2s var(--ease);}
.shot:hover img{transform:scale(1.02);}
.folder-text{grid-column:9 / -1; display:flex; flex-direction:column; gap:20px; font-size:var(--step-lead); line-height:1.4;}
.folder-text .go{font-size:var(--step-body); font-weight:500; text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:5px; word-break:break-word;}
.folder-text .go + .go{margin-top:-8px;}

/* Domínio */
.dom-ch{padding:var(--gap) 0; min-height:90svh;}
.dom-ch-head{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:28px;}
.dom-ch-head h2{grid-column:1 / span 8; font-size:var(--step-display); letter-spacing:-.035em; line-height:.98;}
.dom-ch-head p{grid-column:1 / span 6; font-size:var(--step-lead); line-height:1.4;}
.dom-ch .dom-bar{margin-top:clamp(48px,5vw,80px); max-width:none;}
.dom-ch .dom-out{max-width:none;}
.dom-ch .dom-main{background:var(--paper);}

/* Preço em uma frase */
.offer{padding:var(--gap) 0;}
.price-line{font-size:var(--step-display); letter-spacing:-.035em; line-height:1.02;}
.price-line .ln{display:block;}
.price-block{display:inline-block; padding:0 .15em; background:var(--green); color:var(--mint); line-height:1.02;}
.offer-row{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:32px; margin-top:64px; align-items:end;}
.offer-row p{grid-column:1 / span 6; font-size:var(--step-lead); line-height:1.4;}
.offer-act{grid-column:9 / -1; justify-self:end; display:flex; flex-direction:column; align-items:flex-end; gap:16px;}
.offer-act .inline{font-weight:500;}
.offer .svc-grid{margin-top:clamp(88px,9vw,140px);}
.offer .svc{background:rgba(7,42,32,.07);}
.offer .svc:hover{background:rgba(7,42,32,.13);}
.offer-note{margin-top:40px; max-width:62ch;}

/* Etapas que crescem */
.grow{padding:var(--gap) 0;}
.grow-grid{display:grid; grid-template-columns:repeat(12,1fr); column-gap:10px; row-gap:0; align-items:end;}
.grow-grid h2{grid-column:1 / span 5; grid-row:1; align-self:start; padding-right:24px; max-width:12ch;}
.tile{grid-row:1; margin:0; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;}
.t1{grid-column:1 / span 2; height:30vh; min-height:220px; background:var(--stone);}
.t2{grid-column:3 / span 3; height:40vh; min-height:280px; background:var(--mint); color:var(--green-ink);}
.t3{grid-column:6 / span 3; height:50vh; min-height:340px; background:var(--green);}
.t4{grid-column:9 / span 4; height:62vh; min-height:420px; background:var(--leaf); flex-direction:column; gap:14px; padding:24px;}
.grow-grid:has(h2) .t1,.grow-grid:has(h2) .t2{align-self:end;}
.proposal{display:grid; grid-template-columns:auto auto; column-gap:14px; row-gap:6px; margin:0; font-size:var(--step-small);}
.proposal dt{color:var(--muted);}
.proposal dd{margin:0; font-weight:500;}
.outline{list-style:none; display:flex; flex-direction:column; gap:6px; font-weight:500;}
.outline li:last-child{color:var(--leaf); color:var(--green);}
.t3 img{height:84%; width:auto; aspect-ratio:9/16; object-fit:cover; object-position:top;}
.t4 img{width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top;}
.t4 figcaption{color:#fff; font-size:var(--step-small); font-weight:500;}
.cap{grid-row:2; align-self:start; padding:24px 20px 0 0;}
.cap h3{font-size:var(--step-body); font-weight:500; margin-bottom:8px;}
.cap p{font-size:var(--step-small); line-height:1.5; color:var(--ink);}
.c1{grid-column:1 / span 2;} .c2{grid-column:3 / span 3;} .c3{grid-column:6 / span 3;} .c4{grid-column:9 / span 4;}
.deliver{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:56px; margin-top:clamp(96px,10vw,160px);}
.deliver > div:first-child{grid-column:1 / span 5; display:flex; flex-direction:column; gap:24px;}
.deliver > div:last-child{grid-column:7 / -1;}
.deliver h3{font-family:var(--display); font-weight:300; font-size:var(--step-title); letter-spacing:-.02em; line-height:1.1; margin-bottom:8px;}
.checklist{display:grid; grid-template-columns:minmax(110px,1fr) 3fr; column-gap:24px; row-gap:16px; margin:24px 0 0;}
.checklist dt{font-weight:500;}
.checklist dd{margin:0;}

/* Quem somos: painel recuado, retrato no desenho do logo */
.about-wrap{padding:0 calc(var(--m) * .75) var(--gap); background:var(--paper);}
.about{position:relative; overflow:hidden; min-height:100svh; display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; padding:clamp(32px,4vw,56px);}
.about-l{grid-column:1 / span 7; display:flex; flex-direction:column; justify-content:space-between; gap:48px;}
.about-l h2{font-size:var(--step-head); letter-spacing:-.03em; line-height:1; max-width:11ch;}
.portrait{width:min(24vw,340px); margin-bottom:calc(clamp(32px,4vw,56px) * -1); transform:translateY(20%);}
.portrait img{width:100%; aspect-ratio:3/4; object-fit:cover; clip-path:polygon(0 0, calc(100% - 56px) 0, 100% 56px, 100% 100%, 0 100%);}
.about-r{grid-column:8 / -1; display:flex; flex-direction:column; gap:48px; align-items:flex-start; padding-top:8px;}
.about-r h3{margin-bottom:12px;}
.about-r p{max-width:38ch;}

/* Contato: faixa de imagens e barra de três células */
.contact-ch{padding:48px 0 var(--gap); overflow:hidden;}
.reel{overflow:hidden; margin-bottom:72px;}
.reel-track{display:flex; gap:8px; width:max-content;}
.reel img{height:150px; width:auto; object-fit:cover; flex-shrink:0;}
@media (prefers-reduced-motion:no-preference){
  .reel-track{animation:drift 190s linear infinite;}
  .reel:hover .reel-track{animation-play-state:paused;}
}
@keyframes drift{to{transform:translateX(calc(-50% - 4px));}}
.contact-ch h2{font-size:var(--step-head); letter-spacing:-.03em;}
.bar{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:40px;}
.cell{position:relative;}
.cell input{width:100%; height:96px; border:0; border-radius:0; background:rgba(7,42,32,.09); color:var(--green-ink); text-align:center; font-size:var(--step-lead); transition:background .2s;}
.cell input::placeholder{color:rgba(7,42,32,.62);}
.cell input:focus{background:var(--paper); outline:3px solid var(--green); outline-offset:0;}
.send{height:96px; border:0; border-radius:0; background:var(--green); color:var(--on-dark); font-size:var(--step-lead); font-weight:500; cursor:pointer; transition:background .2s, transform .2s var(--ease);}
.send:hover{background:var(--green-ink);}
.send:active{transform:scale(.99);}
.bar-notes{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:16px; font-size:var(--step-small);}
.bar-notes p:last-child{grid-column:2 / span 2;}
.bar-notes a{text-decoration:underline; text-underline-offset:3px;}

@media (max-width:1080px){
  .grow-grid{row-gap:0;}
  .grow-grid h2{grid-column:1 / -1; grid-row:auto; max-width:none; margin-bottom:48px;}
  .tile,.cap{grid-row:auto;}
  .t1,.t2,.t3,.t4,.c1,.c2,.c3,.c4{grid-column:1 / -1;}
  .t1{height:auto; min-height:34vw; padding:32px;} .t2{height:auto; min-height:46vw; padding:32px;} .t3{height:62vw; min-height:0;} .t4{height:auto; min-height:0;}
  .cap{padding:20px 0 48px;}
  .grow-grid h2{order:0;} .t1{order:1;} .c1{order:2;} .t2{order:3;} .c2{order:4;} .t3{order:5;} .c3{order:6;} .t4{order:7;} .c4{order:8;}
  .cap p{font-size:var(--step-body);}
  .about{grid-template-columns:1fr;}
  .about-l,.about-r{grid-column:1 / -1;}
  .about-r{order:1; margin-top:48px;}
  .portrait{order:3; margin:56px auto 0; width:min(86vw,420px);}
  .about-l{display:contents;}
  .about-l h2{order:0;}
}
@media (max-width:760px){
  .wl{height:calc(100svh - 64px); min-height:560px;}
  .wl::after{top:46%;}
  .wl-h{--fs:11.4vw; top:calc(46% - var(--fs) * var(--lh) * 1.5); text-align:left;}
  .wl-foot{align-items:flex-start; text-align:left; padding:0 var(--m); bottom:28px; gap:20px;}
  .work-head h2,.work-head p,.dom-ch-head h2,.dom-ch-head p,.offer-row p,.offer-act,.deliver > div:first-child,.deliver > div:last-child{grid-column:1 / -1;}
  .folder{margin-top:40px;}
  .tab{top:-40px; height:40px; min-width:0; font-size:var(--step-body); padding:0 32px 0 20px;}
  .strip{height:auto; padding:16px 0 4px;}
  .kind{margin-left:0;}
  .shot,.folder-text{grid-column:1 / -1;}
  .shot img{aspect-ratio:4/3;}
  .folder-body{padding:12px 0 48px;}
  .folder-text{font-size:var(--step-body);}
  .price-line .ln + .ln{margin-top:.08em;}
  .offer-act{justify-self:stretch; align-items:stretch;}
  .offer-act .btn{width:100%;}
  .checklist{grid-template-columns:1fr; row-gap:4px;}
  .checklist dd{margin-bottom:12px;}
  .reel{margin-bottom:48px;}
  .reel img{height:110px;}
  .bar{grid-template-columns:1fr;}
  .cell input,.send{height:60px;}
  .bar-notes{grid-template-columns:1fr;}
  .bar-notes p:last-child{grid-column:auto;}
}

/* Componentes sobre cada campo de cor */
.f-paper .fit-card:not(.no){background:var(--stone);}
.f-green .fit-card.no{background:var(--green-ink);}
.f-deep .fit-card.no{background:var(--green);}
.f-green .flow li,.f-deep .flow li{background:rgba(239,239,234,.08);}
.f-green .flow li:last-child,.f-deep .flow li:last-child{background:var(--leaf); color:#fff;}
.f-mint .flow li{background:rgba(7,42,32,.08);}
.f-mint .flow li:last-child{background:var(--green); color:var(--on-dark);}
.dom-cta .wrap{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px; row-gap:32px; align-items:end;}
.dom-cta .sec-head{grid-column:1 / span 8; margin:0;}
.dom-cta .sec-head h2,.dom-cta .sec-head p{grid-column:1 / -1;}
.dom-cta .wrap > .btn{grid-column:10 / -1; justify-self:end;}
.f-green .svc.feat{background:var(--green-ink);}
.f-deep .svc.feat{background:var(--green);}
.f-green .form{background:var(--green-ink);}
.f-green .plan{background:rgba(239,239,234,.08); color:var(--on-dark);}
.f-green .plan.feat{background:var(--green-ink);}
.f-green .c-list a,.f-deep .c-list a{background:rgba(239,239,234,.08);}
.f-green .c-list small,.f-deep .c-list small{color:rgba(239,239,234,.78);}
.f-green .pf-kind,.f-deep .pf-kind{color:var(--mint);}
.f-green .pf .where,.f-green .pf-tags{color:rgba(239,239,234,.78);}
.f-stone .c-list a{background:rgba(14,31,25,.06);}
.inline-cta{display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:40px;}
.page-hero .dom-bar,.page-hero .dom-note,.page-hero .dom-out{grid-column:1 / -1;}
.page-hero .dom-bar{max-width:none;}
.dom-page h1{max-width:none;}

/* Início: chamada para o portfólio e "quem somos" sem foto */
.work-cta{padding-bottom:var(--gap);}
.work-cta .work-head{margin-bottom:0;}
.work-cta-r{grid-column:8 / -1; display:flex; flex-direction:column; align-items:flex-start; gap:28px;}
.work-cta-r p{font-size:var(--step-lead); line-height:1.4;}
.about{min-height:0;}
.bio.no-photo{grid-template-columns:1fr;}
@media(max-width:1080px){.work-cta-r{grid-column:1 / -1;}}

/* ---------- Rodapé em 3 colunas ---------- */
.site-foot{min-height:0; padding:40px 0 28px;}
.foot-cols{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:48px; padding-bottom:48px; border-bottom:1px solid rgba(239,239,234,.14);}
.foot-brand img{width:160px; height:auto;}
.foot-brand p{margin-top:20px; max-width:34ch; color:rgba(239,239,234,.75); font-size:var(--step-small); line-height:1.55;}
.foot-social{display:flex; gap:20px; margin-top:24px; font-size:var(--step-small);}
.foot-h{font-family:var(--text); font-size:13px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:rgba(239,239,234,.6); margin:0 0 18px;}
.foot-links,.foot-contact{list-style:none; margin:0; padding:0; display:grid; gap:10px; font-size:var(--step-small); color:rgba(239,239,234,.85); line-height:1.45;}
.foot-links{grid-template-columns:1fr 1fr; column-gap:24px;}
.site-foot .foot-cols a{text-decoration:none;}
.site-foot .foot-cols a:hover{color:var(--on-dark); text-decoration:underline; text-underline-offset:3px;}
.foot-bottom{display:flex; flex-wrap:wrap; gap:10px 28px; align-items:center; padding-top:24px; font-size:13.5px; color:rgba(239,239,234,.6);}
.foot-bottom a{text-decoration:underline; text-underline-offset:3px;}
.foot-bottom .foot-up{margin-left:auto; text-decoration:none;}
@media(max-width:900px){.foot-cols{grid-template-columns:1fr 1fr;} .foot-brand{grid-column:1 / -1;}}
@media(max-width:560px){.foot-cols{grid-template-columns:1fr; gap:36px;} .foot-bottom .foot-up{margin-left:0;}}
.site-foot > .wrap.foot-cols{display:grid; flex:none;}
.site-foot > .wrap.foot-bottom{display:flex; flex-direction:row; flex:none;}