:root{
  --marmore:#f3eee6;
  --marmore-2:#e9e1d4;
  --creme:#fbf8f3;
  --verde:#2b5a34;
  --verde-esc:#1b3a22;
  --verde-claro:#dfe8dc;
  --madeira:#8a5a36;
  --madeira-esc:#5b3820;
  --areia:#d9b99d;
  --tinta:#1f1c18;
  --texto:#3d3830;
  --suave:#6b6459;
  --linha:#d6ccbd;
  --porta:#e4dccf;
  --serif:"Libre Caslon Display",Georgia,serif;
  --serif-b:"Libre Caslon Text",Georgia,serif;
  --script:"Pinyon Script",cursive;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --raio:14px;
  --sombra:0 18px 40px -22px rgba(40,28,14,.35);
  --veio:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035 .011' numOctaves='5' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .5  0 0 0 0 .42  0 0 0 -2.6 1.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.33'/%3E%3C/svg%3E");
  --grao:repeating-linear-gradient(92deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px,rgba(0,0,0,.06) 7px 8px,transparent 8px 15px),repeating-linear-gradient(88deg,rgba(0,0,0,.08) 0 1px,transparent 1px 23px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-color:var(--madeira) var(--marmore)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--marmore);color:var(--texto);font:400 17px/1.6 var(--sans);caret-color:var(--verde);overflow-x:hidden}
main,footer{overflow-x:clip}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
::selection{background:var(--verde);color:var(--creme)}
:focus-visible{outline:3px solid var(--verde);outline-offset:3px;border-radius:6px}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--marmore)}
::-webkit-scrollbar-thumb{background:var(--madeira);border-radius:10px;border:2px solid var(--marmore)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--verde);color:var(--creme);padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.pular:focus{top:12px}
svg{width:1em;height:1em}

/* botões */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font:700 16px/1.15 var(--sans);text-align:center;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;touch-action:manipulation}
.bt svg{width:22px;height:22px;flex:none}
.bt-verde{background:var(--verde);color:var(--creme)}
.bt-verde:hover{background:var(--verde-esc)}
.bt-linha{background:transparent;color:var(--verde-esc);border-color:var(--verde)}
.bt-linha:hover{background:var(--verde);color:var(--creme)}
.bt-creme{background:var(--creme);color:var(--verde-esc)}
.bt-creme:hover{background:#fff}
.bt-largo{width:100%}

/* marca */
.marca-fd{font:700 1em/1 var(--serif-b);color:var(--verde);letter-spacing:.01em}
.marca-script{font:400 1em/1 var(--script);color:var(--verde)}

/* topo */
.topo{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:16px;height:64px;padding:0 16px;padding-top:env(safe-area-inset-top);background:rgba(243,238,230,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(138,90,54,.18)}
.topo-marca{display:flex;align-items:baseline;gap:6px;text-decoration:none;margin-right:auto}
.topo-icone{width:26px;height:22px;color:var(--verde);align-self:center}
.topo-marca .marca-fd{font-size:24px}
.topo-marca .marca-script{font-size:22px}
.topo-links{display:none;gap:26px}
.topo-links a{text-decoration:none;font-weight:600;font-size:15px;color:var(--texto)}
.topo-links a:hover{color:var(--verde)}
.bt-topo{min-height:42px;padding:0 18px;font-size:15px}

/* capa */
.capa{position:relative;padding:84px 16px 32px;background:var(--veio),linear-gradient(170deg,var(--creme),var(--marmore) 60%,var(--marmore-2));background-size:900px 900px,auto}
.capa-texto{max-width:560px}
.capa-marca{display:grid;grid-template-columns:auto auto;align-items:end;justify-content:start;column-gap:2px;margin:6px 0 14px;color:var(--verde)}
.capa-icone{grid-column:1/3;width:44px;height:36px;margin:0 0 4px 34px}
.capa-fd{font:700 64px/.9 var(--serif-b);color:var(--verde);grid-column:1}
.capa-script{font:400 46px/1 var(--script);color:var(--verde);grid-column:2;margin:0 0 -4px -6px}
.capa-titulo{font:400 clamp(27px,7.2vw,52px)/1.1 var(--serif);color:var(--tinta);margin:0 0 12px;letter-spacing:-.005em;text-wrap:balance}
.capa-sub{margin:0 0 14px;font-size:16.5px;color:var(--texto);max-width:46ch}
.capa-nota{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 14px 7px 10px;border-radius:999px;background:var(--creme);border:1px solid var(--linha);text-decoration:none;font-size:15px;color:var(--texto);margin-bottom:16px}
.capa-nota b{color:var(--tinta)}
.estrelas{display:inline-flex;gap:1px;color:#b7832f}
.estrelas svg{width:16px;height:16px}
.capa-bts{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;max-width:460px}
.capa-bts .bt{padding:0 14px;font-size:15.5px;white-space:nowrap}
.capa-visita{margin:12px 0 0;font-size:14.5px;font-weight:700;color:var(--verde)}

/* armário com portas */
.armario-palco{margin:26px auto 0;max-width:420px;perspective:1600px}
.armario{position:relative;aspect-ratio:3/4;border-radius:6px;padding:10px;background:linear-gradient(var(--porta),#d9cfbf);box-shadow:var(--sombra),inset 0 0 0 1px rgba(91,56,32,.12);transform-style:preserve-3d}
.armario-foto{position:absolute;inset:10px;margin:0;overflow:hidden;border-radius:3px;background:#cfc6b8}
.armario-foto img{width:100%;height:100%;object-fit:cover;transform-origin:50% 60%}
.armario-foto figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 12px;border-radius:10px;background:rgba(27,58,34,.86);color:var(--creme);font-size:13px;font-weight:600;line-height:1.35}
.porta{position:absolute;top:10px;bottom:10px;width:calc(50% - 11px);background:linear-gradient(100deg,#ece5da,#e0d7c9 60%,#d8cebf);border-radius:2px;box-shadow:inset 0 0 0 1px rgba(91,56,32,.14);backface-visibility:hidden;will-change:transform}
.porta::after{content:"";position:absolute;inset:0;background:var(--grao);opacity:.35;mix-blend-mode:multiply;pointer-events:none}
.porta-e{left:10px;transform-origin:0 50%}
.porta-d{right:10px;transform-origin:100% 50%}
.puxador{position:absolute;top:34%;width:5px;height:30%;border-radius:3px;background:linear-gradient(90deg,#b98a4b,#e2bf83 50%,#a57638)}
.porta-e .puxador{right:12px}
.porta-d .puxador{left:12px}
.armario-dica{margin:10px 0 0;text-align:center;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
html:not(.anim) .porta{display:none}
html:not(.anim) .armario-dica{display:none}

/* faixas */
.faixas{display:grid;gap:6px;padding:22px 0;background:var(--marmore-2);overflow:hidden}
.faixa{display:flex;width:max-content;white-space:nowrap;font:400 22px/1 var(--serif);padding:14px 0}
.faixa span{padding-right:.4em}
.faixa-madeira{background-color:var(--madeira);background-image:var(--grao);color:#f6e8d6;transform:rotate(-1.2deg);width:max-content}
.faixa-verde{background:var(--verde);color:var(--verde-claro);font:600 16px/1.3 var(--sans);letter-spacing:.01em;transform:rotate(.8deg)}

/* blocos */
section{scroll-margin-top:72px}
.cabeca{max-width:640px;margin:0 0 24px}
.cabeca p{margin:8px 0 0;color:var(--suave)}
.titulo{font:400 clamp(30px,8vw,54px)/1.05 var(--serif);color:var(--tinta);margin:0;letter-spacing:-.01em;text-wrap:balance}

/* projetos / gaveteiro */
.projetos{padding:64px 16px 56px}
.gaveteiro{max-width:980px;padding:10px;border-radius:8px;background:linear-gradient(#e5dccf,#d9cebe);box-shadow:var(--sombra)}
.gaveta + .gaveta{margin-top:8px}
.gaveta-frente{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;min-height:84px;padding:18px 18px 26px;border:0;border-radius:3px;background:linear-gradient(180deg,#f1ebe1,#e4dbcd);box-shadow:inset 0 0 0 1px rgba(91,56,32,.12),0 2px 0 rgba(91,56,32,.12);cursor:pointer;text-align:left;font:inherit;color:var(--tinta);transition:box-shadow .35s}
.gaveta-frente::after{content:"";position:absolute;inset:0;background:var(--grao);opacity:.25;mix-blend-mode:multiply;pointer-events:none;border-radius:3px}
.gaveta-nome{font:400 clamp(24px,6.4vw,34px)/1.1 var(--serif)}
.gaveta-qtd{font-size:14px;font-weight:600;color:#524c44;white-space:nowrap;font-variant-numeric:tabular-nums}
.puxador-h{position:absolute;left:50%;bottom:10px;width:min(38%,180px);height:5px;border-radius:3px;transform:translateX(-50%);background:linear-gradient(#e2bf83,#a57638)}
.gaveta-frente:hover{box-shadow:inset 0 0 0 1px rgba(91,56,32,.2),0 8px 18px -10px rgba(40,28,14,.5)}
.gaveta.aberta .gaveta-frente{box-shadow:inset 0 0 0 1px rgba(91,56,32,.2),0 14px 22px -14px rgba(40,28,14,.7)}
.gaveta-caixa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.7,.2,1)}
.gaveta.aberta .gaveta-caixa{grid-template-rows:1fr}
.gaveta-caixa > .trilho-fotos{min-height:0;overflow:hidden}
.trilho-fotos{display:flex;gap:12px;overflow-x:auto!important;scroll-snap-type:x mandatory;background:#fbfaf7;box-shadow:inset 0 0 0 1px rgba(91,56,32,.12);border-radius:0 0 4px 4px;padding:0 12px;scrollbar-width:thin}
.gaveta.aberta .trilho-fotos{padding:12px}
.gaveta:not(.aberta) .trilho-fotos{visibility:hidden;transition:visibility 0s .55s}
.trilho-fotos figure{flex:0 0 min(72%,300px);margin:0;scroll-snap-align:start}
.trilho-fotos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:var(--marmore-2)}
.trilho-fotos figcaption{font-size:14px;line-height:1.4;padding:8px 2px 2px;color:var(--texto)}

/* processo */
.processo{padding:64px 16px;background:var(--creme)}
.passos{position:relative;max-width:820px}
.corredica{position:absolute;left:21px;top:8px;bottom:8px;width:8px;border-radius:4px;background:linear-gradient(90deg,#9a9a96,#e8e8e4 45%,#8d8d89);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.corredica-carro{position:absolute;left:-5px;top:0;width:18px;height:46px;border-radius:5px;background:linear-gradient(90deg,#7c7c78,#d8d8d2 50%,#77776f);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.passos-lista{list-style:none;margin:0;padding:0;display:grid;gap:30px}
.passo{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start}
.passo-num{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--verde);color:var(--creme);font:700 16px/1 var(--sans);font-variant-numeric:tabular-nums;box-shadow:0 0 0 5px var(--creme)}
.passo h3{font:400 26px/1.15 var(--serif);color:var(--tinta);margin:10px 0 6px}
.passo p{margin:0}
.passo-fotos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.passo-fotos img{border-radius:8px;aspect-ratio:3/4;object-fit:cover;width:100%}
.passo blockquote{margin:14px 0 0;padding:14px 16px;border-radius:12px;background:var(--verde-claro);font:400 19px/1.35 var(--serif);color:var(--verde-esc)}
.passo cite{display:block;margin-top:6px;font:600 13px/1.3 var(--sans);font-style:normal;color:var(--verde)}

/* ver (vídeos) */
.ver{padding:64px 16px;background:var(--verde-esc);color:var(--verde-claro)}
.ver .titulo{color:var(--creme);margin-bottom:24px;max-width:14ch}
.ver-grade{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ver-grade figure{margin:0;overflow:hidden;border-radius:12px;background:#0f2414}
.ver-grade video,.ver-grade img{width:100%;aspect-ratio:3/4;object-fit:cover}
.ver-grade figcaption{padding:10px 12px 12px;font-size:14px;line-height:1.4}
.ver-equipe{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr;align-items:center}
.ver-equipe figcaption{padding:16px;font:400 20px/1.3 var(--serif);color:var(--creme)}

/* cores */
.cores{padding:64px 16px;background:var(--veio),var(--marmore);background-size:900px 900px,auto}
.mostruario{display:grid;gap:18px;max-width:980px}
.amostra-foto{margin:0;position:relative;overflow:hidden;border-radius:12px;background:var(--marmore-2);box-shadow:var(--sombra)}
.amostra-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.amostra-foto figcaption{position:absolute;left:12px;bottom:12px;padding:8px 14px;border-radius:999px;background:var(--creme);color:var(--tinta);font-weight:700;font-size:14px}
.amostras{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.amostra{display:grid;gap:8px;justify-items:center;padding:10px 6px 12px;border:1px solid var(--linha);border-radius:12px;background:var(--creme);font:600 13.5px/1.2 var(--sans);color:var(--texto);cursor:pointer;min-height:44px}
.amostra i{display:block;width:100%;aspect-ratio:5/3;border-radius:6px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.amostra[aria-checked="true"]{border-color:var(--verde);box-shadow:inset 0 0 0 1px var(--verde);color:var(--verde-esc)}
.cores-nota{margin:0;font-size:15px;color:var(--suave)}

/* condição */
.condicao{padding:24px 16px 64px;background:var(--marmore)}
.condicao-placa{max-width:780px;margin:0 auto;padding:30px 22px;border-radius:14px;background-color:var(--madeira);background-image:var(--grao);color:#f8ecdc;box-shadow:var(--sombra)}
.condicao .titulo{color:#fff7ec;font-size:clamp(28px,7vw,44px)}
.precos{display:grid;gap:10px;margin:20px 0 16px}
.precos p{margin:0;display:flex;flex-direction:column;padding:14px 16px;border-radius:10px;background:rgba(43,25,12,.35)}
.precos span{font-size:15px;font-weight:600}
.precos b{font:400 30px/1.15 var(--serif);color:#fff7ec;font-variant-numeric:tabular-nums lining-nums}
.condicao-itens{margin:0 0 14px;padding:0 0 0 20px;font-weight:600}
.condicao-obs{font-size:13.5px;line-height:1.5;margin:0 0 18px;color:#fbeee0}

/* avaliações */
.avaliacoes{padding:64px 16px;background:var(--creme)}
.aval-topo{display:flex;gap:18px;align-items:center;margin-bottom:24px;max-width:720px}
.aval-nota{margin:0;font:400 86px/.9 var(--serif);color:var(--verde);font-variant-numeric:lining-nums}
.aval-topo p{margin:6px 0 0;color:var(--suave)}
.aval-topo .titulo{font-size:clamp(26px,6.6vw,42px)}
.aval-grade{display:grid;gap:12px}
.aval{margin:0;padding:20px;border-radius:12px;background:var(--marmore);border:1px solid var(--linha)}
.aval p{margin:0;font:400 19px/1.4 var(--serif);color:var(--tinta)}
.aval cite{display:block;margin-top:10px;font:700 14px/1 var(--sans);font-style:normal;color:var(--verde)}

/* orçamento */
.orcamento{padding:64px 16px;background:var(--veio),var(--marmore-2);background-size:900px 900px,auto}
.form{max-width:720px;display:grid;gap:18px;padding:22px 18px;border-radius:14px;background:var(--creme);box-shadow:var(--sombra)}
.campo{display:grid;gap:8px;border:0;margin:0;padding:0;min-width:0}
.campo > span,.campo legend{font-weight:700;color:var(--tinta);font-size:15.5px;padding:0}
.campo em{font-style:normal;font-weight:500;color:var(--suave)}
.campo input{width:100%;min-height:50px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--linha);background:#fff;font:500 16px/1.3 var(--sans);color:var(--tinta)}
.campo input::placeholder{color:#716b60}
.campo input:focus{border-color:var(--verde);outline:none;box-shadow:0 0 0 3px rgba(43,90,52,.18)}
.campo-duplo{display:grid;gap:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--linha);background:#fff;font-weight:600;font-size:15px;color:var(--texto);transition:background-color .2s,color .2s,border-color .2s}
.chips input:checked + span{background:var(--verde);border-color:var(--verde);color:var(--creme)}
.chips input:focus-visible + span{outline:3px solid var(--verde);outline-offset:2px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:15px;font-weight:600;color:var(--texto);cursor:pointer}
.check input{width:22px;height:22px;accent-color:var(--verde);margin:1px 0 0;flex:none}
.form-erro{margin:0;color:#a3321f;font-weight:700;font-size:15px}
.finalidade{margin:-6px 0 0;font-size:13.5px;line-height:1.5;color:var(--suave)}
.finalidade a{color:var(--verde);font-weight:700}
.form-enviado{padding:16px;border-radius:12px;background:var(--verde-claro);color:var(--verde-esc)}
.form-enviado p{margin:0 0 12px}
.form-enviado-bts{display:flex;gap:10px;flex-wrap:wrap}
.form-enviado-bts .bt{min-height:46px;flex:1 1 130px}

/* onde */
.onde{padding:56px 16px;background:var(--creme)}
.onde-caixa{max-width:720px}
.onde-end{display:flex;gap:10px;align-items:flex-start;font-size:18px;font-weight:600;color:var(--tinta);margin:14px 0 18px}
.onde-end svg{width:24px;height:24px;color:var(--verde);flex:none;margin-top:2px}
.onde-bts{display:flex;flex-wrap:wrap;gap:10px}
.onde-bts .bt{flex:1 1 100%;white-space:nowrap}

/* rodapé */
.rodape{background:var(--marmore);padding-bottom:88px}
.rodape-madeira{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 26px;padding:18px 16px;background-color:var(--madeira-esc);background-image:var(--grao);color:#f6e8d6;font-weight:700;font-size:15px}
.rodape-madeira a,.rodape-madeira span{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:32px}
.rodape-madeira svg{width:20px;height:20px}
.rodape-linha{padding:26px 16px 10px;text-align:center;color:var(--suave);font-size:14px}
.rodape-linha p{margin:0 0 6px}
.rodape-marca{font-size:30px}
.rodape-linha a{color:var(--verde);font-weight:700}

.zap-flutua{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--verde);color:var(--creme);box-shadow:0 8px 20px -6px rgba(0,0,0,.35);text-decoration:none}
.zap-flutua svg{width:30px;height:30px}

/* telas maiores */
@media (min-width:760px){
  .topo{padding:0 32px;height:72px}
  .topo-links{display:flex}
  .capa{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;min-height:100svh;padding:110px 40px 60px}
  .capa-fd{font-size:88px}
  .capa-script{font-size:62px}
  .capa-icone{width:56px;height:46px;margin-left:46px}
  .armario-palco{margin:0;max-width:460px;justify-self:center;width:100%}
  .projetos,.processo,.ver,.cores,.avaliacoes,.orcamento,.onde{padding-left:40px;padding-right:40px}
  .projetos,.processo,.ver,.cores,.avaliacoes,.orcamento{padding-top:96px;padding-bottom:96px}
  .trilho-fotos figure{flex-basis:260px}
  .ver-grade{grid-template-columns:1fr 1fr 1fr;max-width:1100px}
  .ver-equipe{grid-column:auto;display:block}
  .ver-equipe img{aspect-ratio:3/4}
  .ver-equipe figcaption{font-size:18px;padding:10px 12px 12px}
  .mostruario{grid-template-columns:1fr 1fr;align-items:start;gap:28px}
  .amostra-foto{grid-row:span 2}
  .amostras{align-self:start}
  .aval-grade{grid-template-columns:repeat(3,1fr);max-width:1100px}
  .campo-duplo{grid-template-columns:1fr 1fr}
  .form{padding:30px}
  .precos{grid-template-columns:1fr 1fr}
  .condicao-placa{padding:40px}
  .passo h3{font-size:30px}
  .passo-fotos{max-width:440px}
  .zap-flutua{right:24px;bottom:24px}
}
@media (min-width:1100px){
  .capa,.projetos,.processo,.ver,.cores,.avaliacoes,.orcamento,.onde{padding-left:max(40px,calc((100vw - 1160px)/2));padding-right:max(40px,calc((100vw - 1160px)/2))}
}
@media (min-width:760px){.onde-bts .bt{flex:0 1 auto}}
@media (min-width:1000px){
  .processo{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
  .processo .cabeca{position:sticky;top:120px}
  .projetos .cabeca,.cores .cabeca{max-width:760px}
}
@media (min-width:760px){.mostruario{grid-template-rows:auto 1fr}.cores-nota{align-self:start}}