:root{
  --marca:#b3151c; --marca-esc:#8b1015; --tinta:#181711; --tinta2:#27241c;
  --areia:#F5F2EE; --areia2:#E7E1D8; --acento:#EF6B70; --branco:#fff;
  --txt:#27241c; --mut:#5f5a50;
  --serif:"Montserrat",system-ui,sans-serif; --sans:"Jost",system-ui,sans-serif;
  --gut:18px; --max:1180px; --ease:cubic-bezier(.2,.7,.2,1);
  --d-s:.25s; --d-m:.6s; --d-l:.9s;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-size:clamp(15.5px,.35vw + 14.4px,17.5px);line-height:1.6;color:var(--txt);background:var(--areia);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a,button,label,summary{-webkit-tap-highlight-color:transparent}
.card,.card img,.amb-c img,.hero-img img,.lb-i img,.btn,.tabs button,.faq-q,.lb-n,.lb-x,.burger,.flut{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.card img,.amb-c img,.hero-img img,.lb-i img{-webkit-user-drag:none}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--acento);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--branco);padding:8px 12px;z-index:200}
.skip:focus{left:8px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.14;letter-spacing:-.02em}
h2{font-size:clamp(1.55rem,5.4vw,2.45rem)}
.kicker{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--marca);font-weight:600;margin-bottom:12px}

/* topo */
.topo{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:10px var(--gut);background:rgba(24,23,17,.92);backdrop-filter:blur(8px);color:var(--branco);height:62px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca-ic{width:30px;height:30px;flex:none}
.marca-tx{display:flex;flex-direction:column;line-height:1}
.marca-tx b{font-family:var(--serif);text-transform:uppercase;font-weight:800;letter-spacing:.06em;font-size:1.2rem}
.marca-tx small{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;margin-top:4px;padding-top:3px;border-top:1.5px solid var(--marca);font-weight:500}
.burger{width:44px;height:44px;border:0;background:none;display:grid;place-content:center;gap:7px;cursor:pointer;color:var(--branco)}
.burger span{display:block;width:24px;height:2px;background:currentColor;transition:transform .35s var(--ease)}
.burger[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.nav{position:fixed;inset:62px 0 auto 0;background:var(--tinta);display:flex;flex-direction:column;padding:6px var(--gut) 20px;
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .45s var(--ease),visibility 0s .45s}
.nav.on{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .45s var(--ease)}
.nav a{color:var(--branco);text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:1.05rem;position:relative}
.nav a.ativo{color:var(--acento)}
.nav .nav-cta{margin-top:14px;background:var(--marca);text-align:center;border:0;padding:14px;border-radius:2px}
.nav .nav-cta.ativo{color:var(--branco)}

/* botões */
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;font-weight:500;letter-spacing:.04em;text-decoration:none;border:1.5px solid transparent;border-radius:2px;cursor:pointer;transition:transform .25s var(--ease),background .25s,color .25s,box-shadow .25s}
.btn:active{transform:scale(.97)}
.btn-p{background:var(--marca);color:var(--branco)}
.btn-p:hover{background:var(--marca-esc);box-shadow:0 8px 20px -8px rgba(179,21,28,.6)}
.btn-s{border-color:rgba(255,255,255,.55);color:var(--branco)}
.btn-s:hover{background:var(--branco);color:var(--tinta)}
.btn-w{background:var(--branco);color:var(--marca-esc)}
.btn-w:hover{background:var(--areia2)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;background:var(--tinta);color:var(--branco);overflow:hidden}
.hero-img{position:absolute;inset:0;z-index:0;animation:heroin 1.1s .55s var(--ease) both}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;animation:zoomin 1.9s .55s var(--ease) both}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,23,17,.55) 0%,rgba(24,23,17,.1) 28%,rgba(24,23,17,.55) 58%,rgba(24,23,17,.95) 100%)}
.hero-img figcaption{animation:sobe .7s 1.2s var(--ease) both;position:absolute;z-index:2;right:var(--gut);top:80px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.hero-txt{position:relative;z-index:2;padding:110px var(--gut) 34px}
.sel{display:flex;align-items:center;gap:10px;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px;color:var(--areia2)}
.sel span{width:34px;height:1.5px;background:var(--acento)}
.hero h1{font-size:clamp(1.65rem,6.6vw,3.2rem);font-weight:700;margin-bottom:16px}
.hero h1 .ln{display:block;overflow:hidden;padding:.2em 0 .14em;margin:-.2em 0 -.14em}
.hero h1 .ln i{display:block;font-style:normal;animation:linha .85s .3s var(--ease) both}
.hero h1 .ln:nth-child(2) i{animation-delay:.4s}.hero h1 .ln:nth-child(3) i{animation-delay:.5s}.hero h1 .ln:nth-child(4) i{animation-delay:.6s}
.hero h1 em{font-style:italic;font-weight:600;color:var(--acento)}
.lead{max-width:34rem;font-size:1.04rem;color:#ece4d4;margin-bottom:24px;animation:sobe .7s 1s var(--ease) both}
.cta{display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;animation:sobe .7s 1.15s var(--ease) both}
.hero .sel{animation:sobe .6s .15s var(--ease) both}
.topo .marca{animation:marca .7s var(--ease) both}
@keyframes marca{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes linha{from{transform:translateY(105%)}to{transform:none}}
@keyframes sobe{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes heroin{from{clip-path:inset(0 0 100% 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes zoomin{from{transform:scale(1.1)}to{transform:scale(1)}}

.faixa{background:var(--marca);color:var(--branco)}
.faixa ul{list-style:none;max-width:var(--max);margin:0 auto;display:grid;padding:6px var(--gut)}
.faixa li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}
.faixa li:last-child{border:0}
.faixa b{font-family:var(--serif);font-size:1.25rem;font-weight:700}
.faixa span{font-size:.9rem;opacity:.85}

/* seções */
.sec{padding:64px var(--gut);max-width:var(--max);margin:0 auto}
.sec-h{margin-bottom:28px;max-width:44rem}
.sec-p{margin-top:12px;color:var(--mut)}

/* portfólio */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;min-height:44px;padding:0 16px;border:1.5px solid var(--tinta);background:transparent;border-radius:999px;cursor:pointer;font-weight:500;transition:background .25s,color .25s}
.tabs button span{font-size:.78rem;opacity:.7;margin-left:4px}
.tabs button[aria-selected=true]{background:var(--tinta);color:var(--branco)}
.grade{columns:2;column-gap:10px}
.card{break-inside:avoid;margin:0 0 10px;position:relative;display:block;width:100%;border:0;padding:0;background:var(--tinta);cursor:pointer;overflow:hidden;text-align:left;border-radius:2px;animation:card .6s var(--ease) both}
.card img{width:100%;height:auto;transition:transform .8s var(--ease)}
.card .cap{position:absolute;inset:auto 0 0 0;padding:34px 12px 11px;color:var(--branco);background:linear-gradient(0deg,rgba(24,23,17,.9),transparent);transform:translateY(0);transition:transform .45s var(--ease)}
.card .cap small{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acento);font-weight:600}
.card .cap b{display:block;font-family:var(--serif);font-size:.98rem;font-weight:700;line-height:1.15;margin-top:2px}
.card .ver{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--marca);display:grid;place-items:center;font-size:1.2rem;transform:scale(.7);opacity:0;transition:.35s var(--ease)}
.card:hover .ver,.card:focus-visible .ver{transform:none;opacity:1}
@media(hover:none){.card .ver{transform:none;opacity:1}}
.grade{transition:opacity .18s ease}
.grade.sai{opacity:0}
.card:hover img{transform:scale(1.05)}
@keyframes card{from{opacity:0;clip-path:inset(0 0 40% 0);transform:translateY(14px)}to{opacity:1;clip-path:inset(0);transform:none}}
.mais{margin-top:22px;text-align:center}
.mais a,.link{color:var(--marca);font-weight:600;text-underline-offset:4px}

/* ambientes */
.amb-g{display:grid;gap:14px}
.amb-c{position:relative;display:block;aspect-ratio:4/3.4;overflow:hidden;color:var(--branco);text-decoration:none;background:var(--tinta)}
.amb-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.amb-c img{inset:-7% 0;height:114%;translate:0 var(--py,0)}}
.amb-c:hover img{transform:scale(1.06)}
.amb-c div{position:absolute;inset:auto 0 0 0;padding:60px 20px 20px;background:linear-gradient(0deg,rgba(24,23,17,.92),transparent)}
.amb-c h3{font-size:1.6rem}
.amb-c p{max-width:26rem;font-size:.95rem;margin:4px 0 8px;opacity:.92}
.amb-c span{font-weight:500;color:var(--acento)}

/* dicas */
.dicas{background:var(--areia2);max-width:none;padding-left:0;padding-right:0}
.dicas .sec-h,.dicas-l{max-width:var(--max);margin-left:auto;margin-right:auto;padding:0 var(--gut)}
.dicas .sec-h{margin-bottom:24px}
.dicas-l{list-style:none;display:grid;gap:0;counter-reset:d}
.dicas-l li{counter-increment:d;display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding:20px 0;border-top:1.5px solid var(--tinta)}
.dicas-l li::before{content:counter(d,decimal-leading-zero);font-family:var(--serif);font-size:2.2rem;color:var(--marca);line-height:1;grid-row:span 2}
.dicas-l h3{font-size:1.15rem}
.dicas-l p{color:var(--mut);margin-top:4px}

/* linha do tempo */
.linha{list-style:none;position:relative;padding-left:34px}
.linha::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--areia2)}
.linha::after{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--marca);transform-origin:top;transform:scaleY(var(--p,0))}
.linha li{position:relative;padding-bottom:30px}
.linha li:last-child{padding-bottom:0}
.linha li::before{content:"";position:absolute;left:-34px;top:5px;width:20px;height:20px;border-radius:50%;background:var(--areia);border:2px solid var(--areia2);transition:background .4s,border-color .4s,transform .4s var(--ease)}
.linha li.on::before{background:var(--marca);border-color:var(--marca);transform:scale(1.1)}
.linha h3{font-size:1.25rem}
.linha p{color:var(--mut);max-width:30rem}

/* sobre */
.sobre{background:var(--tinta);color:var(--areia);max-width:none;padding-left:0;padding-right:0}
.sobre-g{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:grid;gap:40px}
.sobre .kicker{color:var(--acento)}
.sobre h2{margin-bottom:16px}
.sobre p{color:#d6cdb9;margin-bottom:12px}
.sobre .link{color:var(--acento)}
.nota{border-left:3px solid var(--marca);padding:2px 0 2px 18px}
.nota strong{display:block;font-family:var(--serif);font-size:clamp(3.4rem,12vw,5rem);font-weight:700;line-height:1;color:var(--branco)}
.nota span{display:block;font-size:1.05rem;color:var(--areia);margin-top:6px}
.fonte{font-size:.8rem;margin-top:14px;color:#a89f8a!important}

/* faq */
.faq{border-top:1.5px solid var(--tinta)}
.faq-i{border-bottom:1.5px solid var(--tinta)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;min-height:56px;border:0;background:none;text-align:left;cursor:pointer;font-weight:500;font-size:1.05rem}
.faq-q i{flex:none;width:26px;height:26px;position:relative}
.faq-q i::before,.faq-q i::after{content:"";position:absolute;left:5px;right:5px;top:12px;height:2px;background:var(--marca);transition:transform .35s var(--ease)}
.faq-q i::after{transform:rotate(90deg)}
.faq-q[aria-expanded=true] i::after{transform:rotate(0)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.faq-a>div{overflow:hidden}
.faq-a p{padding:0 0 18px;color:var(--mut);max-width:42rem}
.faq-q[aria-expanded=true]+.faq-a{grid-template-rows:1fr}

/* orçamento */
.orc{max-width:none;background:var(--marca);color:var(--branco);padding-left:0;padding-right:0}
.orc-g{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:grid;gap:30px}
.orc .kicker{color:var(--areia2)}
.orc-t h2{margin-bottom:12px}
.orc-t p{margin-bottom:18px;color:rgba(255,255,255,.88)}
.orc-c{font-size:.9rem;margin-top:14px}
.form{background:var(--areia);color:var(--txt);padding:22px 18px;display:grid;gap:14px;border-radius:2px}
.form label{display:grid;gap:6px;font-size:.88rem;font-weight:500}
.form input[type=text],.form select,.form textarea{width:100%;min-height:46px;padding:10px 12px;background:var(--branco);border:1.5px solid #cdbf9f;border-radius:2px;font-weight:400;font-size:1rem}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--marca);outline:0;box-shadow:0 0 0 3px rgba(179,21,28,.18)}
.form .par{display:grid;gap:14px}
.form .chk{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:400}
.form .chk input{width:20px;height:20px;accent-color:var(--marca)}
.aviso{font-size:.8rem;color:var(--mut)}
.form input.ok,.form select.ok,.form textarea.ok{border-color:var(--marca);background:#fffaf5}
.prev{font-size:.84rem;color:var(--txt);background:var(--areia2);padding:10px 12px;border-left:3px solid var(--marca);white-space:pre-line}
.prev b{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--marca);margin-bottom:2px}
.btn-p:active{transform:scale(.97)}
.link{background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;text-decoration:none;transition:background-size .35s var(--ease)}
.link:hover,.mais a:hover{background-size:100% 2px}

/* rodapé */
.rod{background:var(--tinta);color:#d6cdb9;padding:44px var(--gut) 100px}
.rod-g{max-width:var(--max);margin:0 auto;display:grid;gap:26px}
.rod .marca{color:var(--branco)}
.rod-e{margin-top:14px;font-size:.92rem}
.rod-l{list-style:none;display:grid;gap:6px}
.rod-l a{display:inline-block;padding:6px 0;text-underline-offset:3px}
.rod-d{max-width:var(--max);margin:30px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:.76rem;opacity:.65}

/* flutuante */
.flut{position:fixed;right:14px;bottom:14px;z-index:50;display:flex;align-items:center;gap:8px;height:52px;padding:0 18px 0 14px;background:var(--marca);color:var(--branco);border-radius:999px;text-decoration:none;font-weight:500;box-shadow:0 10px 24px -8px rgba(0,0,0,.5);transition:transform .3s var(--ease),opacity .3s}
.flut svg{width:26px;height:26px}
.flut:hover{transform:translateY(-2px)}
.flut.off,body.menu-on .flut{opacity:0;pointer-events:none;transform:translateY(12px)}

/* lightbox */
.lb{position:fixed;inset:0;z-index:100;background:#0e0d0a;color:var(--branco);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.lb[hidden]{display:none}
.lb.on{opacity:1}
.lb-f{width:100%;height:100%;display:flex;flex-direction:column;padding:56px 0 0}
.lb-i{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 var(--gut);touch-action:pan-y}
.lb-i img{max-width:min(100%,calc(var(--nw,900)*1.25px));max-height:min(100%,calc(var(--nh,900)*1.25px));width:auto;height:auto;object-fit:contain;transition:opacity .28s,transform .42s var(--ease);transform:scale(.94);opacity:0}
.lb.on .lb-i img{opacity:1;transform:none}
.lb.on .lb-i img.troca{opacity:0;transform:translateX(var(--dx,20px)) scale(.97)}
.lb figcaption{transition:opacity .3s .1s,transform .45s .1s var(--ease);opacity:0;transform:translateY(12px)}
.lb.on figcaption{opacity:1;transform:none}
.lb.troca-t figcaption{opacity:.3}
.lb figcaption{padding:12px var(--gut) 16px;max-width:42rem;width:100%;margin:0 auto}
.lb-k{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acento);font-weight:600}
.lb h3{font-size:1.5rem;margin:2px 0 4px}
.lb figcaption>p:not(.lb-k){font-size:.9rem;color:#d6cdb9;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lb-a{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
#lb-c{font-size:.8rem;opacity:.7}
.lb-x{position:absolute;top:8px;right:8px;width:48px;height:48px;border:0;background:none;color:var(--branco);font-size:2.2rem;cursor:pointer;z-index:3}
.lb-n{position:absolute;top:40%;z-index:3;width:44px;height:56px;border:0;background:rgba(0,0,0,.4);color:var(--branco);font-size:2rem;cursor:pointer;line-height:1}
.lb-prev{left:0}.lb-next{right:0}

.rev{transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path .9s var(--ease)}
.rev[data-r=up]{opacity:0;transform:translateY(22px)}
.rev[data-r=left]{opacity:0;transform:translateX(-22px)}
.rev[data-r=mask]{clip-path:inset(0 0 100% 0);opacity:.4}
.rev[data-r=scale]{opacity:0;transform:scale(.96)}
.rev.in{opacity:1;transform:none;clip-path:inset(0)}

@media(min-width:640px){
  .grade{columns:3}
  .cta{flex-direction:row}
  .amb-g{grid-template-columns:repeat(3,1fr)}
  .dicas-l{grid-template-columns:1fr 1fr;column-gap:40px}
  .form .par{grid-template-columns:1fr 1fr}
  .faixa ul{grid-template-columns:repeat(3,1fr);column-gap:30px}
  .faixa li{border:0;border-left:1px solid rgba(255,255,255,.25);padding:20px 0 20px 18px}
  .faixa li:first-child{border-left:0;padding-left:0}
}
@media(min-width:900px){
  :root{--gut:32px}
  .topo{padding:0 var(--gut);height:70px}
  .burger{display:none}
  .nav{position:static;flex-direction:row;align-items:center;gap:24px;padding:0;background:none;clip-path:none;visibility:visible}
  .nav a{border:0;padding:8px 0;font-size:.92rem;letter-spacing:.03em}
  .nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--acento);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
  .nav a:not(.nav-cta):hover::after,.nav a.ativo::after{transform:scaleX(1)}
  .nav .nav-cta{margin:0;padding:10px 20px}
  html{scroll-padding-top:84px}
  .hero{flex-direction:row;align-items:stretch;justify-content:space-between}
  .hero-txt{flex:0 0 52%;padding:130px 40px 70px var(--gut);align-self:center}
  .hero-img{position:relative;inset:auto;flex:1;margin:94px var(--gut) 40px 0;border-radius:999px 999px 0 0;overflow:hidden;max-width:640px;margin-left:auto}
  .hero-img::after{background:linear-gradient(180deg,transparent 60%,rgba(24,23,17,.55))}
  .hero-img figcaption{top:auto;bottom:16px;left:0;right:0;text-align:center;padding:0 12px}
  .hero h1{font-size:clamp(2.1rem,3.1vw,3.2rem)}
  .sec{padding:96px var(--gut)}
  .grade{columns:4;column-gap:14px}
  .card{margin-bottom:14px}
  .card .cap{transform:translateY(60%)}
  .card:hover .cap,.card:focus-visible .cap{transform:none}
  .amb-c{aspect-ratio:4/4.4}
  .linha{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:34px 0 0}
  .linha::before,.linha::after{left:0;right:0;top:9px;bottom:auto;width:auto;height:2px}
  .linha::after{transform-origin:left;transform:scaleX(var(--p,0))}
  .linha li{padding:0}
  .linha li::before{left:0;top:-34px}
  .sobre-g{grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}
  .orc-g{grid-template-columns:1fr 1.15fr;gap:60px;align-items:start}
  .rod{padding-bottom:60px}
  .rod-g{grid-template-columns:1fr 1fr}
  .lb-f{flex-direction:row;padding:0}
  .lb-i{flex:1;padding:56px 24px 24px}
  .lb figcaption{flex:0 0 340px;align-self:center;margin:0;padding:24px 56px 24px 8px}
  .lb figcaption>p:not(.lb-k){-webkit-line-clamp:unset;display:block}
  .lb-n{top:50%;transform:translateY(-50%)}
}
@media(min-width:1280px){.grade{columns:4}.hero-img{margin-right:calc((100vw - var(--max))/2 + var(--gut))}.hero-txt{padding-left:calc((100vw - var(--max))/2 + var(--gut))}}

@media(max-width:899px){.card{animation-duration:.4s}.rev{transition-duration:.55s,.55s,.6s}.lb-i img{transition-duration:.22s,.3s}.faq-a{transition-duration:.3s}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-delay:0s!important;transition-duration:.001s!important;scroll-behavior:auto!important}
  .rev{opacity:1;transform:none}
}

.amb-o{margin-top:16px;max-width:var(--max);margin-left:auto;margin-right:auto;padding:0 var(--gut);color:var(--mut)}
.nota .link{display:inline-block;margin-top:14px}
.orc-g>*,.form .par>*{min-width:0}
.orc .btn{white-space:normal;text-align:center;padding-top:10px;padding-bottom:10px}
.form input,.form select,.form textarea{max-width:100%}

/* rodada 2 */
.grade{transition:opacity .18s ease,min-height .35s var(--ease)}
.btn-o{background:transparent;border-color:var(--tinta);color:var(--tinta)}
.btn-o:hover,.btn-o.feito{background:var(--tinta);color:var(--branco)}
.cp-st{min-height:1.2em;font-size:.84rem;color:var(--marca-esc);font-weight:500;margin-top:-6px}
.btn-p::after{content:"\2192";max-width:0;opacity:0;overflow:hidden;transition:max-width .3s var(--ease),margin .3s var(--ease),opacity .3s}
.btn-p:hover::after,.btn-p:focus-visible::after{max-width:1.4em;margin-left:8px;opacity:1}
.sec-h .kicker::before{content:"";display:inline-block;vertical-align:middle;height:1.5px;width:0;margin-right:0;background:currentColor;transition:width .8s .2s var(--ease),margin .8s .2s var(--ease)}
.sec-h.in .kicker::before,.sec-h:not(.rev) .kicker::before{width:28px;margin-right:10px}
@media(max-width:899px){.rev[data-r=up]{transform:translateY(14px)}.rev[data-r=left]{transform:translateX(-14px)}.hero h1 .ln i{animation-duration:.65s}.rev.in{transform:none}}
@media(prefers-reduced-motion:reduce){.btn-p::after,.sec-h .kicker::before{transition:none}}