/* Design system da Contexto, tema neoclássico (v8): Ink e Ivory, ouro como acento.
   Títulos em Bodoni Moda 700, frases em EB Garamond, apoio em Inter.
   O wordmark derossi.dev é o oficial, em branco; Sora só existe dentro dele.
   Cada sessão é uma página. A foto fica fixa, desfocada e em tons de cinza, sob um véu ink.
   Por cima, o cenário WebGL (campo.js): entardecer, sol listrado, grade e colunas. */
:root{--ink:#0f0e0d;--ink-2:#1b1a18;--ivory:#fafaf9;--g1:#d6d4cf;--g2:#a6a39c;--g4:#3a3835;--hair:#c8c5be;
--marmore:#ede6da;--ouro:#c9964a;--ambar:#e8a64f;--bronze:#7a4a22;--ameixa:#3b2140;
--gelo:rgba(250,250,249,.84);--fio:rgba(201,150,74,.32);
--titulo:"Bodoni Moda","GFS Didot",Didot,Georgia,serif;--frase:"EB Garamond",Georgia,serif;--texto:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
--lado:clamp(16px,4vw,64px);--ease:cubic-bezier(.16,1,.3,1);
--grao:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='180' height='180' filter='url(%23g)'/></svg>")}
*{box-sizing:border-box}
html{background:var(--ink);color-scheme:dark}
html.menu-aberto,html.menu-aberto body{overflow:hidden}
body{margin:0;background:transparent;color:var(--gelo);font:18px/1.6 var(--texto);overflow-x:clip;-webkit-font-smoothing:antialiased}
::selection{background:rgba(255,255,255,.28);color:var(--ivory)}
.topo,main,.rodape{animation:chega .4s ease backwards}
html.chegando .topo,html.chegando main,html.chegando .rodape{animation:none;opacity:0}
@keyframes chega{from{opacity:0}}
/* O wordmark pisca no centro enquanto a página troca. */
.carrega{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--ink);opacity:0;visibility:hidden;pointer-events:none}
html.saindo .carrega,html.chegando .carrega{opacity:1;visibility:visible;pointer-events:auto}
.carrega img{width:min(252px,68vw);height:auto}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
img{max-width:100%;height:auto}
a{color:var(--ivory);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--ivory);outline-offset:3px}
.pular{position:absolute;left:-999px}.pular:focus{left:16px;top:8px;background:var(--ivory);color:var(--ink);padding:8px 12px;z-index:50}

/* Foto da página, atrás de tudo. O scale esconde a borda do desfoque. */
.fundo{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.fundo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:blur(22px) grayscale(1) contrast(1.05);transform:scale(1.14)}
.veu{position:absolute;inset:0;background:rgba(15,14,13,.84)}
.campo{position:fixed;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none}
.grao{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.075;background-image:var(--grao)}
.topo,main,.rodape{position:relative;z-index:3}

/* topo flutuante. O vazio do header não bloqueia o que está por baixo. */
.topo{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;
padding:18px var(--lado) 14px;background:transparent;pointer-events:none}
.topo::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:calc(100% + 36px);
background:linear-gradient(to bottom,rgba(15,14,13,.66),rgba(15,14,13,0));pointer-events:none;transition:opacity .4s var(--ease)}
html.rolou:not(.menu-aberto) .topo{background:rgba(15,14,13,.82);box-shadow:0 1px 0 var(--fio);
-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html.rolou:not(.menu-aberto) .topo::before{opacity:0}
.marca,.comandos{pointer-events:auto}
.marca{display:block;line-height:0;text-decoration:none}
.marca img{display:block;width:168px;height:auto}
.comandos{display:flex;align-items:center;gap:2px}
.idiomas{display:flex;align-items:center}
.bandeira{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;background:transparent;line-height:0;text-decoration:none;opacity:.8}
.bandeira.atual{opacity:1}
a.bandeira:hover,a.bandeira:focus-visible{opacity:1}
.bandeira svg{display:block;width:26px;height:19px;border-radius:2px;outline:1px solid rgba(255,255,255,.5);outline-offset:2px}
.bandeira.atual svg{outline:1.5px solid var(--ivory);outline-offset:3px}
a.bandeira svg{transition:transform .35s var(--ease)}
a.bandeira:hover svg,a.bandeira:focus-visible svg{transform:translateY(-2px)}
.hamburguer{position:relative;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;color:var(--ivory);cursor:pointer}
.barras,.barras::before,.barras::after{position:absolute;left:11px;width:22px;height:1.5px;background:var(--ivory)}
.barras{top:21px;transition:background .3s var(--ease)}
.barras::before,.barras::after{content:"";transition:transform .45s var(--ease)}
.barras::before{top:-7px}
.barras::after{top:7px}
html.menu-aberto .barras{background:transparent}
html.menu-aberto .barras::before{transform:translateY(7px) rotate(45deg)}
html.menu-aberto .barras::after{transform:translateY(-7px) rotate(-45deg)}
button:focus-visible{outline:3px solid var(--ivory);outline-offset:3px}

/* menu em tela cheia. A newsletter continua o carro-chefe. */
.menu{position:fixed;inset:0;z-index:25;display:flex;align-items:center;overflow:auto;overscroll-behavior:contain;
padding:clamp(108px,14vh,156px) var(--lado) clamp(28px,6vh,72px);visibility:hidden;pointer-events:none;
scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent;transition:visibility 0s linear .52s}
.menu[hidden]{display:none!important}
.menu::before{content:"";position:absolute;inset:0;background:rgba(15,14,13,.94);opacity:0;transition:opacity .5s var(--ease)}
.menu::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background-image:var(--grao);transition:opacity .5s var(--ease)}
@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){
.menu::before{background:rgba(15,14,13,.86);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
}
html.menu-aberto .menu{visibility:visible;pointer-events:auto;transition:visibility 0s}
html.menu-aberto .menu::before{opacity:1}
html.menu-aberto .menu::after{opacity:.1}
.menu ul{position:relative;z-index:1;list-style:none;margin:0;padding:0;width:100%}
.menu a{display:grid;grid-template-columns:auto minmax(0,max-content);column-gap:.55em;align-items:baseline;width:max-content;max-width:100%;
color:var(--gelo);text-decoration:none;opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease),color .25s}
html.menu-aberto .menu a{opacity:1;animation:sobe .6s var(--ease) backwards;animation-delay:calc(var(--i) * 50ms)}
html.menu-aberto .menu a:hover,html.menu-aberto .menu a:focus-visible{transform:translateX(12px);color:var(--ivory)}
@keyframes sobe{from{opacity:0;transform:translateY(14px)}}
.menu .num{font:700 12px/1 var(--texto);letter-spacing:.16em;color:var(--ivory);opacity:.62}
.menu .rotulo{font:700 clamp(40px,7.2vw,96px)/1 var(--titulo);font-variation-settings:"opsz" 96;letter-spacing:-.012em;padding-bottom:.06em}
.menu a[aria-current]{color:var(--ivory)}
.menu a[aria-current] .rotulo{box-shadow:inset 0 -.07em 0 currentColor}
.menu a.carro .rotulo{background:var(--ouro);color:var(--ink);padding:0 .12em .02em}
.menu a.carro[aria-current] .rotulo{box-shadow:inset 0 -.07em 0 var(--ink)}
.menu li+li{margin-top:clamp(22px,3vh,36px)}
.mapa{position:relative;z-index:3;padding:92px var(--lado) 8px}
.mapa ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}
.mapa a{font:700 13px/1.3 var(--texto);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--gelo)}
.mapa a:hover{color:var(--ivory)}
.mapa a.carro{background:var(--ouro);color:var(--ink);padding:7px 10px}
.mapa a.carro:hover{color:var(--ink)}
.mapa a[aria-current]{box-shadow:inset 0 -2px 0 var(--ivory)}

/* chapéu: Inter em caixa alta e a barra de acento dourada, como nos cards */
.indice{margin:0 0 clamp(36px,5vh,64px);font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--ivory)}
.indice::before{content:"";display:block;width:56px;height:4px;margin-bottom:18px;background:var(--ouro)}


/* página: título à esquerda, leitura à direita. Listas ocupam a largura. */
.pagina,.bloco{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(16rem,.92fr);column-gap:clamp(36px,5vw,96px);row-gap:clamp(40px,6vh,80px);align-items:center;padding:clamp(72px,11vh,140px) var(--lado);scroll-margin-top:6rem}
.pagina{padding-top:clamp(116px,15vh,172px);padding-bottom:clamp(28px,4vh,48px)}
.titulo{grid-column:1;min-width:0}
.texto{grid-column:2;justify-self:end;width:min(36rem,100%);min-width:0}
.bloco:not(:has(.texto))>.titulo{grid-column:1 / -1}
.bloco:not(:has(.texto))>.titulo h2{max-width:min(14ch,100%)}
.pagina>.rolos,.bloco>.rolos,.pagina>.anos,.bloco>.anos,.pagina>.plataformas,.bloco>.plataformas,.pagina>.formulario,.bloco>.formulario,.pagina>.notas,.bloco>.notas{grid-column:1 / -1}
.titulo h1,.titulo h2{margin:0;max-width:100%;color:var(--ivory);
font:700 clamp(42px,5.4vw,96px)/.9 var(--titulo);font-variation-settings:"opsz" 96;letter-spacing:-.012em}
.titulo h1.nome{max-width:min(9ch,100%)}
.titulo .indice{margin-bottom:clamp(16px,2.4vh,28px)}
.frase{margin:0;font:500 clamp(22px,2vw,28px)/1.5 var(--frase);color:var(--ivory)}
.texto p,.miolo p{margin:0}
.texto p+p,.miolo p+p{margin-top:clamp(24px,3vh,40px)}
.texto .ir{margin-top:clamp(20px,3vh,36px)}

/* tarja: destaque dourado, texto ink */
.tarja{position:relative;display:inline-block;transform:skewX(-8deg);padding:0 .1em;margin:0 .02em}
.tarja::before{content:"";position:absolute;inset:0;background:var(--ouro);z-index:-1;transform-origin:left}
.tarja>span{display:inline-block;transform:skewX(8deg);color:var(--ink)}
.entra .tarja::before{animation:tarja .6s cubic-bezier(.7,0,.2,1) backwards;animation-delay:calc(var(--i) * 90ms + .35s)}
.entra .tarja>span{animation:tarja-texto .6s cubic-bezier(.7,0,.2,1) backwards;animation-delay:calc(var(--i) * 90ms + .35s)}
@keyframes tarja{from{transform:scaleX(0)}}
@keyframes tarja-texto{from{color:var(--ivory)}}

/* linhas de produto, projeto e formação: texto, não card */
.rolos,.anos{list-style:none;margin:clamp(28px,4vh,48px) 0 0;padding:0;border-bottom:1px solid var(--fio)}
.rolos li,.anos li{border-top:1px solid var(--fio)}
.rolos a,.rolos .rolo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;gap:18px 64px;
grid-template-areas:"n resumo seta" "nome resumo seta";align-items:center;padding:clamp(40px,6vh,72px) 0;color:inherit;text-decoration:none}
.anos li{display:grid;grid-template-columns:9rem minmax(0,1.15fr) minmax(0,1fr);gap:16px 48px;align-items:baseline;padding:clamp(36px,5vh,60px) 0;color:inherit}
.rolos .n{grid-area:n}
.rolos .nome{grid-area:nome}
.rolos .resumo{grid-area:resumo;align-self:end}
.rolos .seta{grid-area:seta;align-self:center}
.n{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory)}
.nome{font:700 clamp(28px,3.4vw,56px)/.95 var(--titulo);font-variation-settings:"opsz" 96;letter-spacing:-.012em;color:var(--ivory)}
.resumo{font-size:16px;line-height:1.5}
.seta{color:var(--ivory);font-size:28px;line-height:1;transition:transform .18s}
.rolos a:hover .seta,.rolos a:focus-visible .seta{transform:translate(8px,-6px)}
.rolos a:hover .nome,.rolos a:focus-visible .nome{text-decoration:underline;text-underline-offset:6px}

.plataformas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 28px;list-style:none;margin:0;padding:0}
.plataformas li{font:700 clamp(26px,3vw,44px)/1 var(--titulo);font-variation-settings:"opsz" 96;letter-spacing:-.012em;color:var(--ivory)}

a.destaque{display:inline-block;padding:14px 20px;background:var(--ouro);color:var(--ink);text-decoration:none;
font:700 clamp(28px,3vw,48px)/1 var(--titulo);font-variation-settings:"opsz" 96;letter-spacing:-.012em}
a.destaque.endereco{font:700 16px/1.45 var(--texto);letter-spacing:.02em;text-transform:none;overflow-wrap:anywhere}
a.destaque:hover{color:var(--ink);text-decoration:none;transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--bronze)}
a.destaque:focus-visible{outline-color:var(--ink)}

.ir{display:inline-block;margin-top:clamp(8px,2vh,20px);padding:8px 2px;color:var(--ivory);text-decoration:none;
font:700 clamp(22px,2.4vw,34px)/1 var(--titulo);font-variation-settings:"opsz" 96;letter-spacing:-.012em;letter-spacing:.02em}
.ir:hover{background:var(--ouro);color:var(--ink);text-decoration:none;transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--bronze)}
.seguinte{display:flex;justify-content:flex-end;margin:0;padding:clamp(28px,4vh,48px) var(--lado) clamp(96px,14vh,160px)}

/* formulário: campos só com fio, sem caixa */
.formulario{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vh,48px) clamp(32px,6vw,96px);margin:0}
.notas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px clamp(32px,6vw,96px);align-items:start}
.bloco .formulario p{margin:0;max-width:none}
.formulario .largo{grid-column:1 / -1}
.formulario label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory)}
.formulario input,.formulario select,.formulario textarea{width:100%;background:transparent;color:var(--ivory);
border:0;border-bottom:2px solid var(--ivory);border-radius:0;padding:12px 0;font:18px/1.5 var(--texto)}
.formulario textarea{min-height:140px;resize:vertical}
.formulario select{cursor:pointer;color-scheme:light}
.formulario option{background:#fff;color:var(--ink)}
.formulario input:focus-visible,.formulario select:focus-visible,.formulario textarea:focus-visible{outline:3px solid var(--ivory);outline-offset:4px}
button.botao{display:inline-block;padding:14px 22px;border:0;border-radius:0;background:var(--ouro);color:var(--ink);cursor:pointer;
font:700 13px/1 var(--texto);letter-spacing:.1em;text-transform:uppercase}
button.botao:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--bronze)}
.nota{font-size:15px}
.news{max-width:34rem}

.espera{opacity:0}
.entra{animation:entra .7s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i) * 90ms)}
@keyframes entra{from{opacity:0;transform:translateY(28px)}}

.rodape{padding:28px var(--lado);border-top:2px solid var(--ouro);background:var(--ink-2);font-size:13px;
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px}
.rodape p{margin:0;flex:1 1 16rem;max-width:none}

@media(max-width:800px){
.topo{padding-top:12px;padding-bottom:10px}
.marca img{width:clamp(108px,34vw,140px)}
.pagina,.bloco{display:block}
.pagina{padding-top:108px;padding-bottom:48px}
.bloco{padding-top:56px;padding-bottom:56px}
.texto{width:auto}
.titulo h1,.titulo h2{margin-bottom:clamp(28px,4vh,48px)}
.pagina h1.nome,.titulo h1.nome{max-width:8ch}
.notas{grid-template-columns:1fr}
.plataformas{justify-content:flex-start}
.rolos a,.rolos .rolo{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n seta" "nome seta" "resumo resumo";gap:14px 16px;align-items:start;padding:36px 0}
.anos li{grid-template-columns:minmax(0,1fr)}
.rolos .seta{align-self:center}
.formulario{grid-template-columns:1fr}
.seguinte{padding-top:28px;padding-bottom:72px}
.rodape p{flex-basis:100%}
}
/* bandeiras em tons de cinza */
.bandeira{opacity:.6}
.bandeira.atual{opacity:1}
.bandeira svg{filter:grayscale(1)}

/* troca de página: o wordmark se desenha da esquerda para a direita, devagar */
.carrega{transition:opacity .6s var(--ease),visibility 0s linear .6s}
html.saindo .carrega,html.chegando .carrega{transition:opacity .6s var(--ease),visibility 0s}
html.saindo .carrega img{animation:revela 1.3s cubic-bezier(.65,0,.35,1) both}
@keyframes revela{from{clip-path:inset(0 100% 0 0);opacity:.25}to{clip-path:inset(0 0 0 0);opacity:1}}

/* letras que se resolvem (letras.js) */
.pal{display:inline-block;white-space:nowrap}
.ch{display:inline-block}

/* página inicial: uma tela só, marca no centro e três itens */
.home .topo{justify-content:flex-end}
.home main{min-height:100svh;display:flex;align-items:center;justify-content:center}
.inicio{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--lado) 20vh}
.marca-grande{width:min(560px,80vw)}
.marca-grande svg{display:block;width:100%;height:auto;overflow:visible}
.marca-grande .l{transform-box:fill-box;transform-origin:50% 100%;animation:letra-entra 1.7s var(--ease) backwards;animation-delay:calc(var(--i) * 110ms + .3s)}
@keyframes letra-entra{from{opacity:0;transform:translateY(40%) scale(.9);filter:blur(8px)}}
.lema{margin:clamp(22px,3.4vh,34px) 0 0;max-width:32ch;font:700 clamp(19px,2vw,28px)/1.25 var(--titulo);font-variation-settings:"opsz" 28;letter-spacing:.01em;color:var(--ivory)}
.acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:18px clamp(24px,3.4vw,52px);list-style:none;margin:clamp(34px,6vh,60px) 0 0;padding:0}
.acoes button,.acoes a.externo{appearance:none;background:none;border:0;border-bottom:1px solid var(--ouro);border-radius:0;padding:0 0 7px;
color:var(--ivory);font:600 12px/1.2 var(--texto);letter-spacing:.28em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:border-color .3s}
.acoes a.externo::after{content:" ↗";letter-spacing:0}
.acoes button:hover,.acoes a.externo:hover{border-bottom-color:var(--ivory)}
.home .rodape{position:fixed;left:0;right:0;bottom:0;z-index:4;background:transparent;border-top:0;padding-top:18px;padding-bottom:18px}

/* rodapé: texto à esquerda, logo da Contexto e ícone d/ à direita */
.logos{display:flex;align-items:center;gap:18px;flex:none}
.logo-contexto{display:block;height:22px;width:auto}
.icone-d{display:block;width:44px;height:44px}

/* painel lateral: formulário e projetos */
.painel-veu{position:fixed;inset:0;z-index:34;background:rgba(15,14,13,.55);opacity:0;transition:opacity .6s var(--ease)}
html.painel-aberto .painel-veu{opacity:1}
.painel-veu[hidden],.painel[hidden],.painel [hidden]{display:none}
.painel{position:fixed;top:0;right:0;bottom:0;z-index:35;width:min(560px,100vw);padding:clamp(88px,12vh,120px) clamp(24px,3.4vw,48px) 48px;
overflow:auto;overscroll-behavior:contain;background:rgba(15,14,13,.95);border-left:1px solid var(--ouro);
transform:translateX(104%);transition:transform .85s var(--ease);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}
@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){
.painel{background:rgba(15,14,13,.86);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
}
html.painel-aberto .painel{transform:none}
html.painel-aberto,html.painel-aberto body{overflow:hidden}
.painel-fechar{position:absolute;top:22px;right:clamp(14px,2.2vw,30px);width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.painel-fechar span,.painel-fechar span::before{position:absolute;left:11px;top:21px;width:22px;height:1.5px;background:var(--ivory);transform:rotate(45deg)}
.painel-fechar span::before{content:"";left:0;top:0;transform:rotate(90deg)}
.painel h2{margin:0 0 20px;font:700 clamp(30px,3.4vw,44px)/1 var(--titulo);font-variation-settings:"opsz" 72;letter-spacing:-.012em;color:var(--ivory)}
.painel .indice{margin-bottom:22px}
.painel .frase{margin:0 0 30px;font-size:20px;line-height:1.5}
.painel .formulario{grid-template-columns:1fr;gap:24px;margin:0}
.painel .nota{margin:26px 0 0}
.painel .rolos{margin:8px 0 0}
.painel .rolos a{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n seta" "nome seta" "resumo resumo";gap:10px 16px;align-items:start;padding:26px 0}
.painel .rolos .nome{font-size:clamp(26px,3vw,36px)}
.painel .rolos .resumo{font-size:15px;color:var(--g1)}
.painel .rolos .seta{align-self:center}
.painel section.entra-secao>*{animation:sobe .85s var(--ease) backwards}
.painel section.entra-secao>:nth-child(1){animation-delay:.3s}
.painel section.entra-secao>:nth-child(2){animation-delay:.4s}
.painel section.entra-secao>:nth-child(3){animation-delay:.5s}
.painel section.entra-secao>:nth-child(4){animation-delay:.6s}
.painel section.entra-secao>:nth-child(5){animation-delay:.7s}
@media(max-width:800px){
.marca-grande{width:min(86vw,420px)}
.inicio{padding-bottom:30vh}
.home .rodape{padding-top:12px;padding-bottom:12px;gap:10px 16px}
.home .rodape p{flex-basis:auto;font-size:12px}
.logo-contexto{height:18px}
.icone-d{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
.carrega{display:none}
html.chegando .topo,html.chegando main,html.chegando .rodape{opacity:1}
html.menu-aberto .menu,html.menu-aberto .menu::before,html.menu-aberto .menu a{opacity:1;visibility:visible}
html.menu-aberto .menu::after{opacity:.1}
}