/* Moka&Co. — landing pública. Paleta e tipografia vêm da logo (cacau, cobre, creme; Playfair + Cormorant itálico). */
:root{
  --cacau:#1d0f09;--cacau2:#2a1810;--cacau3:#3a2417;
  --papel:#f6efe3;--papel2:#ebe0cd;--tinta:#2a170e;
  --cobre:#bd7742;--cobre2:#d79c6d;--cobre-d:#8c4c1f;
  --creme:#f3e8d6;--mute:#c3a888;--mute-d:#6e5948;
  --line:rgba(243,232,214,.16);--line-d:rgba(42,23,14,.18);
  --g:clamp(18px,5vw,64px);--hh:64px;
  --disp:'Playfair Display',Georgia,'Times New Roman',serif;
  --acc:'Cormorant Garamond',Georgia,serif;
  --body:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;background:var(--cacau)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{font:400 17px/1.55 var(--body);color:var(--creme);background:var(--cacau);overflow-x:clip;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
ul,ol{list-style:none}
::selection{background:var(--cobre);color:var(--cacau)}
:focus-visible{outline:2px solid var(--cobre2);outline-offset:3px}
.paper :focus-visible{outline-color:var(--cobre-d)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:400;background:var(--cobre);color:var(--cacau);padding:10px 14px;font-weight:600;text-decoration:none;border-radius:8px}
.skip:focus{top:8px}
svg.i{width:1em;height:1em;flex:none;display:block}

/* ---------- cortina de abertura (só aparece com .pre) ---------- */
.cur{position:fixed;inset:0;z-index:300;background:var(--cacau);display:none;place-items:center;will-change:transform}
.pre .cur{display:grid}
.cur-bx{position:relative;width:clamp(120px,26vw,170px);aspect-ratio:1;display:grid;place-items:center}
.cur-bx img{width:44%;height:auto}
.cur-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--cobre)}
.cur-ring circle{fill:none;stroke:currentColor;stroke-width:.9;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.cur .dp{top:100%;bottom:auto}

/* ---------- ganache que escorre ---------- */
.dp{position:absolute;left:0;right:0;top:-1px;height:clamp(76px,11vw,150px);pointer-events:none;z-index:4;overflow:hidden;color:var(--dp,var(--cacau))}
.dp svg{display:block;width:100%;height:100%;fill:currentColor}
.cur .dp{overflow:visible}

/* ---------- cabeçalho ---------- */
.hd{position:sticky;top:0;z-index:60;height:var(--hh);margin-bottom:calc(var(--hh)*-1);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(var(--g),calc((100% - 1400px)/2 + var(--g)));border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.hd.sc{background:rgba(29,15,9,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{width:32px;height:auto}
.brand b{font:500 25px/1 var(--disp);letter-spacing:.005em}
.brand b i{font-style:normal;color:var(--cobre)}
.nv{display:none;gap:clamp(20px,2.6vw,38px)}
.nv a{font:500 13px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--mute);transition:color .2s}
.nv a:hover{color:var(--creme)}
.wab{display:inline-flex;align-items:center;gap:8px;padding:11px 18px 11px 15px;background:var(--cobre);color:var(--cacau);font:600 14px/1 var(--body);text-decoration:none;border-radius:99px;transition:opacity .25s,background .2s}
.wab:hover{background:var(--creme)}
.wab svg{font-size:18px}
@media(min-width:960px){.nv{display:flex}}
@media(max-width:959px){body.wa-on .hd .wab{opacity:0;pointer-events:none}.wab span{display:none}.wab{padding:10px}.wab svg{font-size:22px}}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;gap:.7em;padding:1.05em 1.55em 1.05em 1.35em;background:var(--cobre);color:var(--cacau);font:600 16.5px/1 var(--body);text-decoration:none;border:0;border-radius:99px;cursor:pointer;box-shadow:0 14px 30px -14px rgba(189,119,66,.9);transition:background .2s,color .2s,box-shadow .2s}
.btn svg{font-size:21px;transition:translate .25s}
.btn:hover{background:var(--creme)}
.btn:hover svg.ar{translate:4px 0}
.btn.alt{background:transparent;color:var(--creme);box-shadow:inset 0 0 0 1.5px rgba(215,156,109,.45)}
.btn.alt:hover{background:var(--creme);color:var(--cacau)}
.paper .btn.alt{color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--line-d)}
.paper .btn.alt:hover{background:var(--tinta);color:var(--papel)}

/* ---------- tipografia comum ---------- */
.wrap{max-width:1400px;margin:0 auto;padding:0 var(--g)}
.k{display:flex;align-items:center;gap:10px;font:500 clamp(12px,3.2vw,13.5px)/1.2 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--cobre2)}
.k svg{font-size:14px;color:var(--cobre)}
.paper .k{color:var(--cobre-d)}
.paper .k svg{color:var(--cobre-d)}
.h2{font:500 clamp(42px,11.4vw,112px)/1.06 var(--disp);letter-spacing:-.005em;text-wrap:balance}
.h2 em,.h1 em{font-style:italic;color:var(--cobre2)}
.paper .h2 em{color:var(--cobre-d)}
.lede{font-size:clamp(17px,4.5vw,20px);line-height:1.55;max-width:42ch;color:rgba(243,232,214,.82)}
.paper{background:var(--papel);color:var(--tinta)}
.paper .lede{color:rgba(42,23,14,.82)}
.sec{position:relative}

/* ---------- hero ---------- */
.hero{position:relative;padding:calc(var(--hh) + 22px) var(--g) clamp(54px,9vw,110px);overflow:clip;isolation:isolate;background:var(--cacau)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mask-image:linear-gradient(#000 60%,transparent);-webkit-mask-image:linear-gradient(#000 60%,transparent)}
.glow{position:absolute;z-index:-1;right:-25%;top:-8%;width:95%;height:75%;background:radial-gradient(50% 50% at 50% 50%,rgba(189,119,66,.28),rgba(189,119,66,0) 70%);pointer-events:none}
.pre .eye,.pre .h1 .ln>span,.pre .sub,.pre .act,.pre .loc,.pre .hp{visibility:hidden}
.hw{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(34px,7vw,60px)}
.eye{display:flex;align-items:center;gap:10px;font:500 clamp(11.5px,3.2vw,13.5px)/1.2 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--cobre2)}
.eye svg{font-size:14px;color:var(--cobre)}
.h1{font:500 clamp(38px,10.3vw,64px)/1.06 var(--disp);letter-spacing:-.005em;margin-top:clamp(16px,3vw,26px)}
.h1 .ln{display:block;overflow:hidden;padding:.2em 0 .18em;margin:-.14em 0 -.1em}
.h1 .ln>span{display:block}
.sub{margin-top:18px;max-width:34ch;font-size:clamp(17px,4.5vw,20px);line-height:1.5;color:rgba(243,232,214,.84)}
.act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 14px;margin-top:28px}
.loc{display:flex;align-items:center;gap:9px;margin-top:26px;font:500 14px/1.2 var(--body);letter-spacing:.06em;color:var(--mute)}
.loc svg{font-size:13px;color:var(--cobre)}
.hp{position:relative;container-type:inline-size;width:min(100%,520px);justify-self:center}
.rings{position:absolute;left:-6%;top:-6%;width:112%;aspect-ratio:1;overflow:visible;pointer-events:none;color:var(--cobre)}
.rings circle{fill:none;stroke:currentColor;stroke-linecap:round}
.rings circle:first-child{stroke-width:.4;opacity:.9}
.rings circle:last-child{stroke-width:.25;opacity:.55}
.arch{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:999px 999px 14px 14px;background:var(--cacau3)}
.arch img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover}
.seal{position:absolute;left:-4%;bottom:8%;width:clamp(96px,27%,150px);aspect-ratio:1;border-radius:50%;background:var(--cobre);color:var(--cacau);box-shadow:0 16px 34px -12px rgba(0,0,0,.7)}
.seal svg{width:100%;height:100%;display:block;animation:spin 26s linear infinite}
.seal text{font:600 9.4px var(--body);letter-spacing:.14em;fill:currentColor}
.seal .hr{position:absolute;left:50%;top:50%;width:22%;height:22%;margin:-11% 0 0 -11%;color:var(--cacau)}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:900px){
  .hero{padding-top:calc(var(--hh) + 10px);padding-bottom:clamp(70px,9vw,130px)}
  .hw{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,5vw,90px);align-items:center;min-height:calc(100svh - var(--hh) - 40px)}
  .h1{font-size:clamp(46px,5.25vw,88px)}
  .hp{width:min(100%,540px);justify-self:end}
}

/* ---------- manifesto ---------- */
.mf{padding:clamp(130px,17vw,250px) 0 clamp(80px,11vw,150px)}
.mf-t{font:500 clamp(28px,5.6vw,70px)/1.2 var(--disp);letter-spacing:-.005em;max-width:21em;margin-top:clamp(18px,3vw,30px)}
.mf-t .w{display:inline-block;white-space:nowrap}
.pill{display:inline-block;width:1.85em;height:.8em;margin:0 .05em;vertical-align:-.04em;border-radius:99px;background:var(--pb) var(--pp,50% 50%)/cover}
.sig{display:flex;align-items:center;gap:16px;margin-top:clamp(34px,5vw,60px);color:var(--cobre-d)}
.sig i{display:block;height:1px;width:clamp(40px,9vw,120px);background:currentColor;opacity:.5}
.sig svg{font-size:15px}
.sig p{font:italic 500 clamp(21px,4.6vw,30px)/1.2 var(--acc);color:var(--cobre-d)}

/* ---------- faixa ---------- */
.mq-w{overflow-x:clip;background:var(--cobre);color:var(--cacau);position:relative;z-index:2}
.mq-t{display:flex;width:max-content;will-change:transform}
.mq-g{display:flex;align-items:center;flex:none}
.mq-g span{display:flex;align-items:center;gap:clamp(18px,3vw,36px);padding:.3em clamp(18px,3vw,36px) .26em 0;font:italic 500 clamp(26px,4.8vw,48px)/1 var(--disp);white-space:nowrap}
.mq-g svg{font-size:.5em;color:var(--cacau)}

/* ---------- camada por camada (pinado) ---------- */
.cm-in{padding-top:clamp(80px,13vw,170px);padding-bottom:clamp(36px,6vw,70px);display:grid;gap:18px;justify-items:start}
.cm-st{position:relative;background:var(--cacau);padding-bottom:clamp(50px,8vw,100px)}
.cm-g{display:grid;gap:26px;max-width:1400px;margin:0 auto;padding:0 var(--g)}
.cm-fr{position:relative;margin:0;overflow:hidden;width:100%;max-width:560px;aspect-ratio:5/4;border-radius:22px;background:var(--cacau3);justify-self:center}
.cm-fr img{position:absolute;left:0;top:0;width:100%;height:auto;transform-origin:0 0;max-width:none}
.cm-pt{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:1.5px solid var(--creme);box-shadow:0 0 0 1px rgba(29,15,9,.35),inset 0 0 0 1px rgba(29,15,9,.35);pointer-events:none;opacity:0}
.cm-pt::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--cobre2);animation:ping 2.2s ease-out infinite}
@keyframes ping{from{transform:scale(.9);opacity:.9}to{transform:scale(1.7);opacity:0}}
.cm-tag{position:absolute;left:12px;bottom:12px;z-index:2;padding:8px 13px;border-radius:99px;background:var(--cobre);color:var(--cacau);font:600 12.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;opacity:0}
.cm-l{display:grid;gap:0}
.cm-i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 18px;align-items:start;padding:16px 0;border-top:1px solid var(--line);opacity:.4;transition:opacity .45s}
.cm-i.on{opacity:1}
.cm-n{font:500 clamp(34px,9vw,60px)/.95 var(--disp);font-variant-numeric:lining-nums;color:transparent;-webkit-text-stroke:1px rgba(243,232,214,.55);min-width:1.7em;transition:color .45s,-webkit-text-stroke-color .45s}
.cm-i.on .cm-n{color:var(--cobre2);-webkit-text-stroke-color:var(--cobre2)}
.cm-i h3{font:500 clamp(24px,6.4vw,40px)/1.1 var(--disp)}
.cm-d{display:grid;grid-template-rows:1fr;transition:grid-template-rows .45s}
.cm-d p{overflow:hidden;min-height:0;max-width:36ch;color:rgba(243,232,214,.82);font-size:clamp(15.5px,4vw,18px);line-height:1.45;padding-top:6px}
.cm-pg{display:none}
/* modo pinado (o JS liga) */
.pn .cm-st{height:100vh;height:100svh;overflow:hidden;padding:calc(var(--hh) + 6px) 0 14px;display:flex;flex-direction:column;justify-content:center}
.pn .cm-g{width:100%;gap:16px;grid-template-rows:auto auto}
.pn .cm-fr{max-height:41svh;aspect-ratio:auto;height:41svh}
.pn .cm-i{padding:10px 0}
.pn .cm-i .cm-d{grid-template-rows:0fr}
.pn .cm-i.on .cm-d{grid-template-rows:1fr}
.pn .cm-n{font-size:clamp(28px,7.4vw,46px)}
.pn .cm-i h3{font-size:clamp(21px,5.6vw,34px)}
.pn .cm-pg{display:block;position:absolute;left:var(--g);right:var(--g);bottom:14px;height:2px;background:var(--line)}
.pn .cm-pg i{display:block;height:100%;background:var(--cobre);transform-origin:0 50%;transform:scaleX(0)}
@media(min-width:900px){
  .cm-g{grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:clamp(40px,7vw,120px);align-items:center}
  .cm-fr{order:2;aspect-ratio:3/4;max-width:520px;border-radius:999px 999px 14px 14px;justify-self:end}
  .cm-l{order:1}
  .cm-i{padding:22px 0}
  .pn .cm-st{padding:calc(var(--hh) + 14px) 0 28px}
  .pn .cm-fr{height:min(76svh,700px);max-height:none;width:auto;aspect-ratio:3/4}
  .pn .cm-i{padding:20px 0}
  .pn .cm-pg{display:none}
  .cm-n{min-width:1.6em}
}

/* ---------- sabores / cardápio ---------- */
.sb{background:var(--cacau2);padding:clamp(80px,13vw,170px) 0;border-top:1px solid var(--line)}
.sb-w{display:grid;gap:clamp(34px,6vw,60px)}
.sb-ph{margin:0;position:relative;container-type:inline-size}
.ph{position:relative;margin:0;overflow:hidden;background:var(--cacau3)}
.ph img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover}
.ph.a4{aspect-ratio:4/3;border-radius:22px}
.ph.a4 img{object-position:50% 52%}
.sb-t{display:grid;gap:16px;align-content:start}
.sb-t .h2{margin-top:6px}
.mn{margin-top:clamp(14px,3vw,30px);border-top:1px solid var(--line)}
.mn-r{position:relative;display:grid;grid-template-columns:2.4ch minmax(0,1fr) auto;gap:4px clamp(12px,2.4vw,24px);align-items:baseline;padding:clamp(20px,3.2vw,30px) 4px;border-bottom:1px solid var(--line);text-decoration:none;isolation:isolate;overflow:hidden}
.mn-r::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(189,119,66,.22),rgba(189,119,66,.04));transform:scaleX(0);transform-origin:0 50%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mn-n{font:italic 500 17px/1 var(--acc);color:var(--cobre2);font-variant-numeric:lining-nums}
.mn-h{font:500 clamp(24px,6.2vw,40px)/1.1 var(--disp);transition:translate .35s}
.mn-d{grid-column:2;color:var(--mute);font-size:15.5px;line-height:1.45;max-width:46ch}
.mn-e{grid-column:3;grid-row:1;display:flex;align-items:center;gap:12px;font:500 clamp(18px,4.6vw,26px)/1 var(--disp);color:var(--cobre2);white-space:nowrap}
.mn-e svg{font-size:20px;transition:translate .3s}
.mn-e small{font:500 12.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
@media(hover:hover){
  .mn-r:hover::before{transform:scaleX(1)}
  .mn-r:hover .mn-h{translate:8px 0}
  .mn-r:hover .mn-e svg{translate:5px 0}
}
.mn-r:focus-visible{outline-offset:-3px}
.mn-v{padding:26px 0;color:var(--mute)}
@media(min-width:900px){
  .sb-w{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:clamp(40px,7vw,110px);align-items:start}
  .sb-ph{position:sticky;top:calc(var(--hh) + 30px)}
  .ph.a4{aspect-ratio:3/4;border-radius:999px 999px 14px 14px}
  .ph.a4 img{object-position:50% 50%}
  .sb-t .h2{font-size:clamp(46px,6vw,100px)}
}

/* ---------- embalado ---------- */
.em{padding:clamp(130px,17vw,240px) 0 clamp(80px,11vw,150px)}
.em-w{display:grid;gap:clamp(34px,6vw,70px)}
.em-ph{position:relative;margin:0;width:min(100%,500px);justify-self:center}
.em-ph .ph{aspect-ratio:3/4;border-radius:999px 999px 14px 14px;background:var(--papel2)}
.em-ph .ph img{top:0;height:100%;object-position:50% 50%}
.pin{position:absolute;left:69%;top:63.5%;width:0;height:0}
.pin i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--creme);box-shadow:0 0 0 3px rgba(29,15,9,.55)}
.pin i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--creme);animation:ping 2.2s ease-out infinite}
.pin span{position:absolute;left:22px;top:-15px;white-space:nowrap;padding:8px 13px;border-radius:99px;background:var(--cacau);color:var(--creme);font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.em-t{display:grid;gap:18px;align-content:center}
.em-t .h2{margin-top:6px}
@media(max-width:899px){.pin span{left:auto;right:22px}}
.facts{display:grid;gap:0;margin-top:10px;border-top:1px solid var(--line-d)}
.facts li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line-d);font:500 18px/1.3 var(--body)}
.facts svg{font-size:15px;color:var(--cobre-d)}
@media(min-width:900px){
  .em-w{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:clamp(40px,7vw,120px);align-items:center}
  .em-t .h2{font-size:clamp(46px,6vw,100px)}
  .em-ph{justify-self:start}
}

/* ---------- revenda (consignação) ---------- */
.rs{padding:clamp(80px,13vw,180px) 0 clamp(70px,10vw,140px);position:relative;background:var(--cacau)}
.rs-w{display:grid;gap:clamp(36px,6vw,70px)}
.rs-h{display:grid;gap:18px;align-content:start}
.rs-l{position:relative;padding-left:clamp(36px,8vw,58px)}
.rs-l::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--line)}
.bead{position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--cobre);transform-origin:50% 0;box-shadow:0 0 14px 1px rgba(189,119,66,.55)}
.bead-h{position:absolute;left:7px;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--creme);box-shadow:0 0 0 3px rgba(189,119,66,.55),0 0 22px 6px var(--cobre)}
.rs-i{display:grid;gap:6px;padding:clamp(24px,4.6vw,48px) 0;border-bottom:1px solid var(--line);opacity:.4;transition:opacity .5s}
.rs-i:first-child{padding-top:0}
.rs-i.on{opacity:1}
.rs-n{font:500 clamp(54px,15vw,100px)/.9 var(--disp);font-variant-numeric:lining-nums;color:transparent;-webkit-text-stroke:1px rgba(243,232,214,.5);transition:color .5s,-webkit-text-stroke-color .5s}
.rs-i.on .rs-n{color:var(--cobre2);-webkit-text-stroke-color:var(--cobre2)}
.rs-b h3{font:500 clamp(26px,6.8vw,44px)/1.1 var(--disp)}
.rs-b p{margin-top:8px;max-width:42ch;color:rgba(243,232,214,.82)}
.rs-cta{margin-top:clamp(26px,4vw,40px)}
@media(min-width:900px){
  .rs-h .h2{font-size:clamp(46px,6vw,100px)}
  .rs-w{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(40px,7vw,120px)}
  .rs-h{position:sticky;top:calc(var(--hh) + 30px);align-self:start}
  .rs-i{grid-template-columns:clamp(110px,12vw,180px) minmax(0,1fr);gap:24px;align-items:start}
}

/* ---------- encomendas ---------- */
.en{padding:clamp(130px,17vw,240px) 0 clamp(80px,11vw,150px)}
.en-h{display:grid;gap:16px;justify-items:start}
.ix{margin-top:clamp(30px,5vw,60px);border-top:1px solid var(--line-d)}
.ix-r{position:relative;display:grid;grid-template-columns:2.4ch minmax(0,1fr) auto;gap:4px clamp(12px,2.4vw,28px);align-items:baseline;padding:clamp(22px,3.6vw,38px) 4px;border-bottom:1px solid var(--line-d);text-decoration:none;isolation:isolate;overflow:hidden;transition:color .35s}
.ix-r::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cobre);transform:scaleY(0);transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ix-n{font:italic 500 17px/1 var(--acc);color:var(--cobre-d);font-variant-numeric:lining-nums;transition:color .35s}
.ix-h{font:500 clamp(30px,8vw,76px)/1.05 var(--disp)}
.ix-d{grid-column:2;color:var(--mute-d);max-width:44ch;font-size:16px;line-height:1.45;transition:color .35s}
.ix-e{grid-column:3;grid-row:1;align-self:center;font-size:clamp(22px,5vw,38px)}
.ix-e svg{transition:translate .3s}
@media(hover:hover){
  .ix-r:hover{color:var(--cacau)}
  .ix-r:hover::before{transform:scaleY(1)}
  .ix-r:hover .ix-n,.ix-r:hover .ix-d{color:var(--cacau)}
  .ix-r:hover .ix-e svg{translate:6px 0}
}
.ix-r:focus-visible{outline-offset:-3px}
@media(min-width:900px){.ix-r{padding-left:clamp(14px,2vw,28px);padding-right:clamp(14px,2vw,28px)}.ix-d{grid-column:3;grid-row:1;align-self:center;justify-self:start}.ix-r{grid-template-columns:2.4ch minmax(0,1.2fr) minmax(0,.8fr) auto}.ix-e{grid-column:4}}

/* ---------- contato ---------- */
.ct{position:relative;padding:clamp(80px,12vw,160px) 0 clamp(80px,11vw,140px);background:var(--cacau2);border-top:1px solid var(--line);overflow:clip;isolation:isolate}
.ct::before{content:"";position:absolute;z-index:-1;left:-18%;top:6%;width:70%;height:90%;background:radial-gradient(50% 50% at 50% 50%,rgba(189,119,66,.2),transparent 70%);pointer-events:none}
.ct-w{display:grid;gap:clamp(34px,6vw,60px)}
.sl{position:relative;width:min(70%,380px);justify-self:center}
.sl img{width:100%;height:auto}
.ct-t{display:grid;gap:18px;align-content:start}
.ct-t .h2{margin-top:6px}
.fm{display:grid;gap:22px;margin-top:10px}
.fd{display:grid;gap:8px}
.fd label{font:500 12.5px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.fd input,.fd select,.fd textarea{width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1.5px solid rgba(243,232,214,.35);border-radius:0;font:400 19px/1.3 var(--body);color:var(--creme);color-scheme:dark;transition:border-color .2s}
.fd select option{background:var(--cacau2);color:var(--creme)}
.fd textarea{resize:vertical;min-height:84px}
.fd input:focus,.fd select:focus,.fd textarea:focus{outline:0;border-bottom-color:var(--cobre2)}
.fd input:focus-visible,.fd select:focus-visible,.fd textarea:focus-visible{outline:2px solid var(--cobre2);outline-offset:4px}
.fd2{display:grid;gap:22px}
.fm small{color:var(--mute);font-size:14.5px}
.fm small a{color:var(--creme);text-underline-offset:4px}
.opt{text-transform:none;letter-spacing:0;font-weight:400}
@media(min-width:720px){.fd2{grid-template-columns:1fr 1fr;gap:28px}}
@media(min-width:960px){
  .ct-w{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(40px,7vw,120px);align-items:center}
  .sl{width:100%;max-width:460px}
  .ct .h2{font-size:clamp(46px,6vw,100px)}
}

/* ---------- rodapé ---------- */
.ft{background:var(--cacau);border-top:1px solid var(--line);padding:clamp(40px,6vw,70px) 0 calc(clamp(40px,6vw,70px) + 74px)}
.ft-w{display:grid;gap:30px}
.ft-b{display:flex;align-items:center;gap:14px}
.ft-b img{width:54px;height:auto}
.ft-b b{display:block;font:500 28px/1 var(--disp)}
.ft-b b i{font-style:normal;color:var(--cobre)}
.ft-b span{color:var(--mute);font-size:15px}
.ft address{font-style:normal;color:var(--mute);font-size:15.5px;line-height:1.7}
.ft address a{color:var(--creme);text-underline-offset:4px}
.soc{display:flex;gap:10px}
.soc a{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;color:var(--creme);transition:background .2s,color .2s,border-color .2s}
.soc a:hover{background:var(--cobre);border-color:var(--cobre);color:var(--cacau)}
.soc svg{font-size:21px}
.ft-p{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--mute);font-size:13.5px}
.ft-p a{color:var(--creme);text-underline-offset:3px}
@media(min-width:900px){.ft{padding-bottom:clamp(40px,6vw,70px)}.ft-w{grid-template-columns:1.2fr 1fr auto;align-items:center}}

/* ---------- barra fixa do WhatsApp (celular) ---------- */
.wa{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:70;display:flex;justify-content:center;align-items:center;gap:10px;padding:17px 18px;background:var(--cobre);color:var(--cacau);font:600 17px/1 var(--body);text-decoration:none;border-radius:99px;box-shadow:0 14px 34px rgba(0,0,0,.5);transform:translateY(160%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.wa svg{font-size:23px}
.wa.show{transform:none}
@media(min-width:900px){.wa{display:none}}

/* sem GSAP: nada fica escondido */
.nojs .cm-i,.nojs .rs-i{opacity:1}