:root{
  --papel:#fff; --superficie:#f1f3f3; --filete:#d3d8d9; --tinta:#0e1315; --cinza:#5b6366; --ciano:#00ffff; --noite:#010508;
  --f-texto:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-micro:"Archivo SemiCondensed","Archivo","Helvetica Neue",Arial,sans-serif;
  --gut:2.6rem; --topo:4.25rem;
  --ease:cubic-bezier(.22,.7,.2,1);
  --sec:clamp(5.5rem,12vw,13rem);
  --t-xxl:clamp(3rem,7.4vw,10.5rem);
  --t-xl:clamp(2.5rem,5.6vw,8rem);
  --t-m:clamp(1.6rem,2.4vw,3.2rem);
  --t-p:clamp(1.05rem,1.2vw,1.45rem);
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-padding-top:var(--topo)}
body{margin:0;background:var(--noite);color:var(--tinta);font:400 var(--t-p)/1.45 var(--f-texto);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3{margin:0;font-weight:500;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit}
img{display:block}
:focus-visible{outline:2px solid var(--ciano);outline-offset:3px}
.claro :focus-visible,.ciano :focus-visible{outline-color:var(--tinta)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:var(--gut);top:-4rem;z-index:60;background:var(--ciano);color:var(--tinta);padding:.6rem 1rem}
.pular:focus{top:.5rem}
.claro{background:var(--papel);color:var(--tinta)}
.escuro{background:var(--noite);color:var(--papel)}
.ciano{background:var(--ciano);color:var(--tinta)}

.cab{position:fixed;inset:0 0 auto;z-index:50;height:var(--topo);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gut);color:var(--papel);transition:background-color .4s var(--ease),color .4s var(--ease)}
.cab[data-tom="escuro"]{background:var(--noite)}
.cab[data-tom="claro"]{background:var(--papel);color:var(--tinta)}
.cab[data-tom="ciano"]{background:var(--ciano);color:var(--tinta)}
.cab .marca{display:block;width:clamp(6.5rem,8vw,8.5rem);line-height:0}
.cab .marca svg{width:100%;height:auto;fill:currentColor}
.cab nav{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.4rem)}
.cab nav .ancora{font:500 .9375rem/1 var(--f-texto);text-decoration:none;opacity:.86}
.cab nav .ancora:hover{opacity:1}
.cab[data-tom="ciano"] .btn{background:var(--tinta);color:var(--ciano)}

.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:.75em;min-height:3.5rem;padding:0 1.6rem;background:var(--ciano);color:var(--tinta);text-decoration:none;font:500 clamp(1rem,1.15vw,1.35rem)/1.1 var(--f-texto);letter-spacing:-.01em;border-radius:999px;white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--papel);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1)}
.btn:hover,.btn:focus-visible{color:var(--tinta)}
.btn .seta{display:inline-block;transition:transform .45s var(--ease)}
.btn:hover .seta,.btn:focus-visible .seta{transform:translateX(.3em)}
.btn.curto{min-height:2.6rem;padding:0 1.1rem;font-size:.9375rem}
.btn.vazado{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}

.topo-lp{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:calc(var(--topo) + 2rem) var(--gut) clamp(2.2rem,5svh,4.5rem);color:var(--papel);background:var(--noite)}
.topo-lp .fundo{position:absolute;inset:-2%;z-index:0;pointer-events:none;will-change:transform}
.topo-lp .fundo img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;animation:respira 26s var(--ease) infinite alternate}
@keyframes respira{from{transform:scale(1) translate3d(.8%,0,0)}to{transform:scale(1.06) translate3d(-.8%,-.6%,0)}}
.js .topo-lp .fundo img{opacity:0;transition:opacity 1.6s var(--ease)}
.js.pronto .topo-lp .fundo img{opacity:1}
.topo-lp .veu{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(1 5 8/.86) 0%,rgb(1 5 8/.62) 45%,rgb(1 5 8/.18) 78%,rgb(1 5 8/0) 100%),linear-gradient(0deg,rgb(1 5 8/.9) 0%,rgb(1 5 8/.4) 38%,rgb(1 5 8/0) 62%)}
.topo-lp .conteudo{position:relative;z-index:2;display:grid;gap:clamp(1.4rem,2.6vw,2.6rem)}
.etiqueta{justify-self:start;font:500 clamp(.95rem,1.05vw,1.25rem)/1.2 var(--f-texto);background:var(--ciano);color:var(--tinta);padding:.14em .42em}
.topo-lp h1{font-size:var(--t-xxl);line-height:.98;letter-spacing:-.045em;max-width:12.5em}
.topo-lp[data-longo] h1{font-size:calc(var(--t-xxl)*.78)}
.linha-acao{display:flex;align-items:flex-end;justify-content:space-between;gap:1.8rem 3rem;flex-wrap:wrap}
.linha-acao p{max-width:38ch;color:rgb(255 255 255/.82)}
.acoes{display:flex;gap:.8rem;flex-wrap:wrap}
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.w>span{display:inline-block}
.js .revela .w>span{transform:translateY(105%);transition:transform .9s var(--ease) calc(.15s + var(--i)*.045s)}
.js.pronto .topo-lp .revela .w>span,.js .revela.visto .w>span{transform:none}
.js .topo-lp .sobe{opacity:0;transform:translateY(1.2rem);transition:opacity .8s var(--ease) .75s,transform .9s var(--ease) .75s}
.js.pronto .topo-lp .sobe{opacity:1;transform:none}

.esteira{overflow:hidden;padding:clamp(.8rem,1.4vw,1.4rem) 0}
.esteira ul{display:flex;gap:clamp(.6rem,1vw,1rem);width:max-content;margin:0;padding:0;list-style:none;animation:corre 80s linear infinite}
.esteira li{height:clamp(9rem,15vw,16rem);aspect-ratio:var(--ar);border-radius:clamp(.5rem,.8vw,.9rem);overflow:hidden;background:#11171a}
.esteira img{width:100%;height:100%;object-fit:cover}
@keyframes corre{to{transform:translate3d(-50%,0,0)}}

.cabeca{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:1.6rem clamp(2rem,6vw,8rem);align-items:end;padding:0 var(--gut);margin-bottom:clamp(2.2rem,4.4vw,4.4rem)}
.cabeca h2{font-size:var(--t-xl);line-height:.98;letter-spacing:-.045em}
.cabeca .lado{display:grid;gap:1.6rem;justify-items:start}
.cabeca p{max-width:36ch;color:var(--cinza)}
.escuro .cabeca p{color:rgb(255 255 255/.74)}
.ciano .cabeca p{color:rgb(14 19 21/.82)}

.casos{padding:var(--sec) 0}
.controles{display:flex;align-items:center;gap:1rem}
.controles button{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;border:1.5px solid var(--tinta);background:transparent;color:var(--tinta);font:500 1.25rem/1 var(--f-texto);cursor:pointer;transition:background-color .25s,color .25s}
.controles button:hover{background:var(--tinta);color:var(--papel)}
.controles button:disabled{opacity:.3;cursor:default;background:transparent;color:var(--tinta)}
.contador{display:grid;gap:.5rem;min-width:7.5rem;font:500 1rem/1 var(--f-micro);font-variant-numeric:tabular-nums}
.contador .barra{height:2px;background:var(--filete);overflow:hidden}
.contador .barra i{display:block;height:100%;background:var(--tinta);transform-origin:left;transform:scaleX(0)}
.janela{overflow:hidden;padding:0 var(--gut);outline-offset:-2px;clip-path:inset(-4px -4px -4px calc(var(--gut) - 4px))}
.trilho{display:flex;gap:clamp(.8rem,1.4vw,1.5rem);margin:0;padding:0;list-style:none;transform:translate3d(var(--x,0px),0,0);transition:transform .7s var(--ease);will-change:transform;touch-action:pan-y}
.trilho.arrastando{transition:none}
.caso{flex:0 0 min(84vw,96rem);position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);height:min(68svh,46rem);background:var(--noite);color:var(--papel);border-radius:clamp(1rem,1.4vw,1.6rem);overflow:hidden;isolation:isolate;opacity:.42;transition:opacity .7s var(--ease)}
.caso.atual{opacity:1}
.caso-texto{display:flex;flex-direction:column;gap:clamp(.8rem,1.2vw,1.3rem);padding:clamp(1.6rem,3vw,3.4rem);overflow:hidden}
.caso .num{font:400 clamp(3rem,5.4vw,7rem)/.9 var(--f-texto);letter-spacing:-.05em;color:var(--ciano)}
.caso h3{font-size:var(--t-m);line-height:1;letter-spacing:-.035em;margin-top:auto}
.caso .sub{font-size:clamp(1.02rem,1.2vw,1.45rem);line-height:1.25;color:rgb(255 255 255/.8)}
.caso .breve{color:rgb(255 255 255/.74);font-size:clamp(.95rem,.98vw,1.15rem);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.caso dl{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.3rem;margin:0;padding-top:clamp(.8rem,1.2vw,1.2rem);border-top:1px solid rgb(255 255 255/.18);font-size:clamp(.86rem,.9vw,1.05rem);line-height:1.35}
.caso dt{color:rgb(255 255 255/.6)}
.caso dd{margin:0}
.caso-midia{position:relative;overflow:hidden;background:#11171a;display:block;padding:0;border:0;color:inherit;cursor:pointer;text-align:left;font:inherit}
.caso-midia:focus-visible{outline-offset:-4px}
.caso-midia video,.galeria img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.caso-midia:hover video{transform:scale(1.025)}
.abrir{position:absolute;right:clamp(.8rem,1.4vw,1.4rem);bottom:clamp(.8rem,1.4vw,1.4rem);z-index:2;display:inline-flex;align-items:center;gap:.5em;min-height:2.6rem;padding:0 1.1rem;border-radius:999px;background:var(--papel);color:var(--tinta);font:500 .9375rem/1 var(--f-texto);transition:background-color .3s,color .3s}
.caso-midia:hover .abrir,.caso-midia:focus-visible .abrir{background:var(--ciano)}
.caso-texto{user-select:text;cursor:auto}
.galeria{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.galeria li{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease)}
.galeria img{transform:scale(1.08);transition:transform 4.5s linear,opacity 0s}
.galeria li.ativa{opacity:1}
.galeria li.ativa img{transform:scale(1)}

.momento{padding:0 0 var(--sec)}
.momentos{list-style:none;margin:0;padding:0 var(--gut);overflow-x:clip}
.momentos li{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:.4rem clamp(2rem,6vw,8rem);align-items:center;padding:clamp(1.6rem,2.6vw,2.8rem) clamp(1.2rem,2.4vw,2.8rem);border-radius:clamp(.7rem,1.1vw,1.2rem);transition:color .5s var(--ease)}
.mosaico{position:absolute;inset:0;z-index:-1;container-type:inline-size;border-radius:inherit;overflow:hidden;background:var(--noite);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.mosaico::after{content:"";position:absolute;inset:0;background:rgb(1 5 8/.5)}
.mosaico-trilho{display:flex;gap:4px;height:100%;width:max-content}
.mosaico .peca{flex:none;height:100%;width:clamp(15rem,27vw,34rem);overflow:hidden}
.mosaico img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);opacity:0;transition:transform .9s var(--ease) calc(var(--i)*.03s),opacity .6s var(--ease) calc(var(--i)*.03s)}
.momentos li:is(:hover,.acesa) .mosaico{opacity:1}
.momentos li:is(:hover,.acesa) .mosaico img{transform:none;opacity:1}
.momentos li:is(:hover,.acesa) .mosaico-trilho{animation:deriva 34s linear infinite alternate}
@keyframes deriva{to{transform:translate3d(calc(-100% + 100cqw),0,0)}}
.momentos li:is(:hover,.acesa){color:var(--papel)}
.momentos li:is(:hover,.acesa) span{color:var(--papel)}
.momentos li:is(:hover,.acesa)::before{opacity:0}
.momentos b{transition:transform .6s var(--ease)}
.momentos li:is(:hover,.acesa) b{transform:translateX(.2em)}
.momentos li::before{content:"";position:absolute;inset:0 0 auto;height:1px;transition:transform 1.1s var(--ease),opacity .3s;background:var(--tinta);transform-origin:left;transform:scaleX(var(--linha,1));transition:transform 1.1s var(--ease)}
.momentos b{font:500 clamp(1.8rem,min(4.6vw,8.4vw),6.4rem)/1 var(--f-texto);letter-spacing:-.045em}
.momentos span{color:var(--cinza);transition:color .5s var(--ease);text-wrap:balance}
.js .momentos li{--linha:0}
.js .momentos li>*:not(.mosaico){opacity:0;transform:translate3d(8vw,0,0);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
.js .momentos li>span{transition-delay:.12s}
.js .momentos li.visto{--linha:1}
.js .momentos li.visto>*:not(.mosaico){opacity:1;transform:none}

.tese{padding:var(--sec) 0;overflow:hidden}
.sistema{display:flex;gap:clamp(.8rem,1.4vw,1.5rem);margin:0;padding:0;list-style:none;width:max-content;animation:corre 90s linear infinite}
.sistema li{height:clamp(16rem,30vw,34rem);aspect-ratio:var(--ar);flex:none;border-radius:clamp(.6rem,1vw,1.1rem);overflow:hidden;background:var(--papel)}
.sistema img{width:100%;height:100%;object-fit:cover}
.tese .sistema{margin-left:0}

.album{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;background:var(--noite);color:var(--papel)}
.album-fotos{position:absolute;inset:0;margin:0;padding:0;list-style:none;z-index:-2}
.album-fotos li{position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease)}
.album-fotos img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 7s linear}
.album-fotos li.ativa{opacity:1}
.album-fotos li.ativa img{transform:scale(1)}
.album-veu{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(1 5 8/.62) 0%,rgb(1 5 8/.4) 42%,rgb(1 5 8/0) 72%),linear-gradient(0deg,rgb(1 5 8/.35) 0%,rgb(1 5 8/0) 40%)}
.album-texto{width:100%;padding:var(--sec) var(--gut)}
.frase{margin:0;font:500 clamp(2.2rem,5.6vw,8rem)/1.02 var(--f-texto);letter-spacing:-.045em;max-width:14.5em;text-wrap:balance}
.frase mark{background:none;color:inherit;white-space:nowrap}
.frase mark{position:relative;z-index:0}
.frase mark .c{color:var(--tinta)}
.frase mark .c::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-.04em;right:-.04em;background:var(--ciano)}
.digita{display:grid}
.digita .versao{grid-area:1/1;visibility:hidden}
.digita .versao.da-vez{visibility:visible}
.digita .versao:not(.da-vez) .c{visibility:hidden!important}
.digita .pal{white-space:nowrap}
.digita .c{position:relative}
.digita .c.oculta{visibility:hidden}
.digita .c.cursor::after,.digita .c.cursor-ini::before{content:"";position:absolute;top:.1em;bottom:.04em;width:.07em;background:var(--ciano);animation:pisca 1s steps(1) infinite;visibility:visible}
.digita .c.cursor::after{right:-.1em}
.digita .c.cursor-ini::before{left:-.04em}
.digita .versao:not(.da-vez) .c::before,.digita .versao:not(.da-vez) .c::after{display:none}
@keyframes pisca{50%{opacity:0}}
.resultado{text-wrap:pretty;max-width:38ch;margin:clamp(2rem,4vw,3.6rem) 0 0;color:var(--papel);font-size:clamp(1.05rem,1.2vw,1.4rem)}

.fases{padding:var(--sec) 0}
.regua{position:relative;list-style:none;margin:0;padding:0 var(--gut);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,5fr) minmax(0,3fr);gap:0 clamp(1rem,2vw,2.5rem)}
.regua::before,.regua::after{content:"";position:absolute;left:var(--gut);right:var(--gut);top:0;height:2px;background:rgb(255 255 255/.2)}
.regua::after{background:var(--ciano);transform-origin:left;transform:scaleX(var(--p,1))}
.regua li{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.9rem;align-content:start;padding-top:2rem}
.regua .quando{display:flex;align-items:baseline;gap:.8rem;font:500 clamp(.9rem,.95vw,1.1rem)/1 var(--f-micro);color:rgb(255 255 255/.7);text-transform:uppercase;letter-spacing:.06em}
.regua .quando i{font-style:normal;text-transform:none;letter-spacing:0;color:var(--ciano)}
.regua h3{font-size:clamp(1.35rem,1.8vw,2.4rem);line-height:1.08;letter-spacing:-.025em}
.regua .fase h3{font-size:clamp(1.8rem,2.8vw,3.6rem);line-height:1;letter-spacing:-.04em}
.regua p{color:rgb(255 255 255/.74);max-width:36ch}
.regua .ponta h3{color:rgb(255 255 255/.86)}
.entrega{align-self:start;margin-top:clamp(1.2rem,2vw,2rem);padding-top:clamp(1rem,1.6vw,1.6rem);border-top:1px solid rgb(255 255 255/.16);display:grid;gap:.55rem}
.entrega .tag{font:500 .8125rem/1 var(--f-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--ciano)}
.entrega .nome{color:var(--papel);font:500 clamp(1.5rem,2.2vw,2.8rem)/1.02 var(--f-texto);letter-spacing:-.035em;max-width:none}
.entrega .com{font-size:clamp(.92rem,.95vw,1.1rem)}

.fecho{position:relative;overflow:hidden;min-height:92svh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--sec) var(--gut) clamp(1.6rem,3vw,2.6rem);color:var(--papel);background:var(--noite)}
.fecho .fundo{position:absolute;inset:0;z-index:0;pointer-events:none}
.fecho .fundo img{width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.fecho .veu{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(1 5 8/.8) 0%,rgb(1 5 8/.45) 50%,rgb(1 5 8/.1) 80%),linear-gradient(0deg,rgb(1 5 8/.9) 0%,rgb(1 5 8/0) 55%)}
.fecho>*:not(.fundo):not(.veu){position:relative;z-index:2}
.fecho h2{font-size:var(--t-xl);line-height:.98;letter-spacing:-.045em;max-width:13em}
.fecho[data-longo] h2{font-size:calc(var(--t-xl)*.8)}
.fecho .linha-acao{margin-top:clamp(1.6rem,3vw,3rem)}
.base{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:clamp(4rem,9vw,8rem);padding-top:1.3rem;border-top:1px solid rgb(255 255 255/.22);font:400 .9375rem/1 var(--f-texto);color:rgb(255 255 255/.75)}
.base .marca{width:6.5rem;line-height:0;color:var(--papel)}
.base .marca svg{width:100%;height:auto;fill:currentColor}

.lateral{position:fixed;inset:0 0 0 auto;margin:0;padding:0;border:0;width:80vw;max-width:none;height:100dvh;max-height:none;background:var(--papel);color:var(--tinta);overflow:hidden;transform:translate3d(100%,0,0);transition:transform .6s var(--ease),overlay .6s allow-discrete,display .6s allow-discrete}
.lateral[open]{transform:none}
@starting-style{.lateral[open]{transform:translate3d(100%,0,0)}}
.lateral::backdrop{background:rgb(1 5 8/0);transition:background-color .6s var(--ease),overlay .6s allow-discrete,display .6s allow-discrete}
.lateral[open]::backdrop{background:rgb(1 5 8/.55)}
@starting-style{.lateral[open]::backdrop{background:rgb(1 5 8/0)}}
.lateral-caixa{display:flex;flex-direction:column;height:100%}
.lateral-topo{display:flex;align-items:center;gap:1rem;min-height:4.25rem;padding:0 1.2rem;border-bottom:1px solid var(--filete);flex:none}
.fechar{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1.5px solid var(--tinta);background:var(--papel);color:var(--tinta);font:400 1.6rem/1 var(--f-texto);cursor:pointer;transition:background-color .25s,color .25s}
.fechar:hover{background:var(--tinta);color:var(--papel)}
.lateral :focus-visible{outline-color:var(--tinta)}
.pc-titulo{font:500 clamp(1rem,1.1vw,1.25rem)/1.2 var(--f-texto);margin-right:auto}
.pc-conta{font:500 .9375rem/1 var(--f-micro);color:var(--cinza);font-variant-numeric:tabular-nums}
.pc-rolo{flex:1;overflow-y:auto;overscroll-behavior:contain;background:var(--papel)}
.pc-case iframe{display:block;width:100%;border:0;background:var(--papel)}
.pc-cab{display:flex;align-items:baseline;gap:.7rem;margin:0 clamp(1.2rem,2.6vw,2.6rem);padding:1.2rem 0 0;font:500 .9375rem/1 var(--f-micro);color:var(--cinza);border-top:1px solid var(--filete)}
.pc-case:first-child .pc-cab{border-top:0}
.pc-num{font:500 clamp(.9rem,1vw,1.1rem)/1 var(--f-micro);letter-spacing:0;color:var(--cinza)}
.painel-contato{width:min(80vw,46rem)}
.ct-corpo{overflow:auto;padding:clamp(1.6rem,3vw,3.2rem)}
.ct-corpo h2{font-size:clamp(2rem,3.4vw,3.6rem);line-height:1;letter-spacing:-.04em;max-width:12em}
.ct-apoio{margin-top:1rem;color:var(--cinza);max-width:40ch}
#ct-form{display:grid;gap:1.1rem;margin-top:clamp(1.6rem,3vw,2.6rem)}
#ct-form label{display:grid;gap:.4rem;font:500 .9375rem/1.2 var(--f-micro)}
#ct-form input,#ct-form textarea{font:400 1.05rem/1.4 var(--f-texto);color:var(--tinta);background:var(--superficie);border:1.5px solid transparent;border-radius:.6rem;padding:.8rem .9rem;resize:vertical}
#ct-form input:focus-visible,#ct-form textarea:focus-visible{outline:none;border-color:var(--tinta);background:var(--papel)}
.ct-acoes{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.4rem}
.painel-contato .btn.vazado{color:var(--tinta)}
.ct-aviso{padding:.9rem 1rem;border-radius:.6rem;background:var(--superficie);color:var(--tinta)}

.painel{position:fixed;right:1rem;bottom:1rem;z-index:55;display:flex;gap:.3rem;align-items:center;padding:.35rem;background:rgb(14 19 21/.92);color:#fff;border-radius:.6rem;font:500 .75rem/1 var(--f-micro)}
.painel a{color:#fff;text-decoration:none;padding:.45rem .6rem;border-radius:.4rem}
.painel a[aria-current]{background:var(--ciano);color:var(--tinta)}

@media (max-width:1100px){
  .caso{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .regua{grid-template-columns:1fr 1fr;gap:2.5rem clamp(1rem,2vw,2.5rem)}
}
@media (max-width:820px){
  :root{--gut:1.5rem;--topo:3.75rem}
  .cabeca,.momentos li{grid-template-columns:1fr}
  .momentos li{padding:2.6rem 1.25rem;gap:.6rem}
  .mosaico .peca{width:min(78vw,22rem)}
  .lateral,.painel-contato{width:92vw}
  .resultado{margin-left:0}
  .album-veu{background:linear-gradient(0deg,rgb(1 5 8/.62) 0%,rgb(1 5 8/.38) 55%,rgb(1 5 8/.1) 100%)}
  .album{align-items:flex-end}
  .caso{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;flex-basis:86vw}
  .caso-midia{order:-1;aspect-ratio:16/10}
  .caso{opacity:1}
  .caso h3{margin-top:0}
  .caso .num{font-size:2.6rem}
  .cab nav .ancora{display:none}
  .topo-lp .fundo img{object-position:64% 30%}
  .topo-lp .veu{background:linear-gradient(0deg,rgb(1 5 8/.92) 0%,rgb(1 5 8/.62) 48%,rgb(1 5 8/.12) 82%)}
  .fecho .veu{background:linear-gradient(0deg,rgb(1 5 8/.92) 0%,rgb(1 5 8/.62) 48%,rgb(1 5 8/.12) 82%)}
}
@media (max-width:560px){
  :root{--gut:1rem}
  .linha-acao{flex-direction:column;align-items:flex-start}
  .btn{white-space:normal}
  .regua{grid-template-columns:1fr;gap:2rem}
  .regua::before,.regua::after{display:none}
  .regua li{border-top:2px solid var(--ciano)}
  .painel{left:.6rem;right:auto;bottom:.6rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  .js .revela .w>span,.js .topo-lp .sobe,.js .momentos li>*:not(.mosaico){transform:none!important;opacity:1!important}
  .momentos li .mosaico-trilho{animation:none!important}
  .js .momentos li{--linha:1}
  .js .topo-lp .fundo img{opacity:1}
  .sistema{width:auto;flex-wrap:wrap}
  .sistema li[aria-hidden]{display:none}
  .regua{--p:1!important}
  .album-fotos li:first-child,.galeria li:first-child{opacity:1}
  .lateral{transform:none}
  .album-fotos img,.galeria img{transform:none!important}
}