html.noloader .loader{display:none}
html:not(.js) .loader{display:none}

:root{
  --ink:var(--bg); --ink2:#14120F; --ivory:var(--fg); --muted:#5E574D; --line:rgba(20,18,15,.12);
  --taupe:#8A7458; --gold:#D9AC55; --gold2:#F1D79C; --ink-on-ivory:#1A1712; --muted-on-ivory:#5E5040;
  --serif:'Bodoni Moda',Georgia,serif; --display:'Jost',system-ui,sans-serif; --sans:'Plus Jakarta Sans',system-ui,sans-serif;
  --vh:100vh;
  --fg:#14120F;--fg-rgb:20,18,15;--bg:#FFFFFF;--bg-rgb:255,255,255;
}
.dark,.loader{--fg:#F3EEE6;--fg-rgb:243,238,230;--bg:#0A0908;--bg-rgb:10,9,8;--muted:#A9A196;--line:rgba(243,238,230,.14);background:var(--bg);color:var(--fg)}
@supports (height:100svh){:root{--vh:100svh}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--sans);font-weight:400;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}a:hover{color:var(--gold2)}
::selection{background:var(--gold);color:var(--ink)}
[data-p]{--p:0}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.eyebrow{font:600 10.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--fg-rgb),.62)}
.serif{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-family:var(--sans);font-weight:600;font-size:13.5px;letter-spacing:.02em;text-decoration:none;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,border-color .3s;cursor:pointer;border:1px solid transparent}
.btn-gold{background:var(--fg);color:var(--bg)}
.btn-gold:hover{background:#fff;color:var(--bg);transform:translateY(-1px)}
.btn-ghost{border-color:var(--line);color:var(--fg)}
.btn-ghost:hover{border-color:rgba(var(--fg-rgb),.6);color:#fff}
.btn svg{width:16px;height:16px}

/* revelar ao entrar na tela */
.js .rv{opacity:0;transform:scale(1.02);filter:blur(10px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1),filter 1s}
.js h2.rv{opacity:1;filter:none;transform:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.3s cubic-bezier(.6,0,.2,1)}
.js h2.rv.in{clip-path:inset(0 0 -.2em 0)}
.js .rv.in{opacity:1;transform:none;filter:none}
.js .rv.d1{transition-delay:.12s}.js .rv.d2{transition-delay:.24s}.js .rv.d3{transition-delay:.36s}.js .rv.d4{transition-delay:.48s}

/* topo */
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(24px,4vw);transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.top.solid{background:rgba(var(--bg-rgb),.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--fg)}
.brand svg{width:30px;height:auto}
.brand b{font-family:var(--display);font-weight:300;letter-spacing:.42em;font-size:15px}
.top .btn{min-height:44px;padding:0 20px;font-size:13px}

/* HERO */
.hero{position:relative;min-height:var(--vh);display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:110px 0 130px}
.hero .topo{position:absolute;inset:-10%;z-index:-2;opacity:.9;
  -webkit-mask-image:radial-gradient(420px circle at var(--mx,70%) var(--my,45%),#000 0,rgba(0,0,0,.35) 45%,transparent 75%);
          mask-image:radial-gradient(420px circle at var(--mx,70%) var(--my,45%),#000 0,rgba(0,0,0,.35) 45%,transparent 75%)}
.hero .topo path{fill:none;stroke:rgba(217,172,85,.32);stroke-width:1}
.sweep{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgba(241,215,156,.07) 50%,transparent 60%);background-size:250% 100%;animation:sweep 6.5s cubic-bezier(.6,0,.3,1) infinite}
@keyframes sweep{from{background-position:150% 0}to{background-position:-50% 0}}
.speed{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.speed i{position:absolute;left:-40%;height:1px;width:38%;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.0;animation:streak 5.5s linear infinite}
.speed i:nth-child(1){top:22%;animation-delay:.3s}.speed i:nth-child(2){top:58%;animation-delay:2.1s;width:24%}.speed i:nth-child(3){top:76%;animation-delay:3.7s}.speed i:nth-child(4){top:39%;animation-delay:4.6s;width:18%}
@keyframes streak{0%{transform:translateX(0);opacity:0}8%{opacity:.7}40%{transform:translateX(420%);opacity:0}100%{transform:translateX(420%);opacity:0}}
.hero .hh{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(38px,5.6vw,92px);line-height:1;margin:22px 0 26px;letter-spacing:-.02em}
.hero .hh em{font-style:normal;font-family:var(--display);font-weight:200;color:var(--gold);letter-spacing:-.03em}
.hero p.lead{font-size:clamp(16px,1.35vw,19px);color:var(--muted);max-width:560px;margin:0 0 36px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:14px}
.hero .hh .ln{display:block;overflow:hidden;padding-bottom:.08em}
.hero .hh .ln>span{display:block;transform:translateY(105%);animation:rise 1.3s cubic-bezier(.2,.8,.15,1) forwards}
.hero .hh .ln:nth-child(2)>span{animation-delay:.14s}.hero .hh .ln:nth-child(3)>span{animation-delay:.28s}
@keyframes rise{to{transform:none}}
.fade-in{opacity:0;animation:fin 1.2s .7s forwards}.fade-in.late{animation-delay:1s}
@keyframes fin{to{opacity:1}}

.hero-one{max-width:1100px;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-one p.lead{margin-inline:auto}
.hero-one .ctas{justify-content:center}

/* HISTÓRIA DA MARCA */
.story{height:calc(var(--vh)*8.5);
  --f:clamp(0,(var(--p) - .12)*7,1);
  --fo:clamp(0,(var(--p) - .64)*12,1);
  --g:calc(clamp(0,(var(--p) - .33)*14,1) - clamp(0,(var(--p) - .50)*14,1));
  --c:calc(clamp(0,(var(--p) - .50)*14,1) - clamp(0,(var(--p) - .66)*14,1));
  --s:calc(clamp(0,(var(--p) - .51)*12,1) - clamp(0,(var(--p) - .60)*12,1));
  --m:calc(clamp(0,(var(--p) - .58)*14,1) - clamp(0,(var(--p) - .68)*14,1));
  --v:calc(clamp(0,(var(--p) - .66)*14,1) - clamp(0,(var(--p) - .82)*14,1));
  --k:clamp(0,(var(--p) - .69)*9,1);
  --e:clamp(0,(var(--p) - .83)*10,1)}
.sstage{isolation:isolate}
.sstage::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 60% at 70% 50%,rgba(217,172,85,calc(.05 + var(--e)*.08)),transparent 70%)}
.sp5{opacity:var(--v)}
.sp5 i{animation-duration:1.6s}
.sgrid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center}
.chs{position:relative;min-height:440px}
.ch{position:absolute;inset:50% 0 auto 0;transform:translateY(-50%);--t1:0;--a:clamp(0,(var(--p) - var(--t1))*16,1);--b:clamp(0,(var(--p) - var(--t2,2))*16,1);opacity:calc(var(--a) - var(--b))}
.ch>*{transform:translateY(calc((1 - var(--a))*36px + var(--b)*-36px));filter:blur(calc((1 - var(--a) + var(--b))*6px))}
.ch.c1{--a:1}
.ch p{color:var(--muted);font-size:clamp(16px,1.3vw,19px);max-width:500px;margin:0}
.ch p.gold{color:rgba(var(--fg-rgb),.78);font-family:var(--serif);font-style:italic;font-size:clamp(22px,2vw,30px);margin-top:22px}
.sh{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(40px,5.4vw,88px);line-height:1;letter-spacing:-.02em;margin:18px 0 22px}
.sh.sm{font-size:clamp(28px,3vw,46px);margin-top:6px}
.c1 .sh{animation:fin 1.4s .3s both}
.word{position:relative;height:clamp(60px,7vw,110px);margin-top:16px}
.word span{position:absolute;left:0;top:0;white-space:nowrap;line-height:1}
.word .w1{font-family:var(--serif);font-style:italic;font-size:clamp(56px,7vw,110px);color:var(--muted);opacity:calc(1 - var(--k)*1.6);transform:translateX(calc(var(--k)*120px));filter:blur(calc(var(--k)*8px))}
.word .w2{font-family:var(--display);font-weight:200;font-size:clamp(40px,5vw,78px);color:var(--fg);letter-spacing:calc(.42em + (1 - var(--k))*1.2em);opacity:clamp(0,(var(--k) - .25)*2,1);top:.18em}
.sv{position:relative;height:min(78vh,640px);display:flex;align-items:center;justify-content:center}
svg.face{width:100%;height:100%;overflow:visible}
.face text{font-family:var(--display);font-size:13px;letter-spacing:.22em;text-transform:uppercase;fill:var(--fg)}
.face .arms{transform-origin:149px 160px;transform:scale(calc(1 + var(--e)*.08));filter:drop-shadow(0 30px 70px rgba(217,172,85,calc(.12 + var(--e)*.25)))}
.face .gl{animation:dropL 1.6s cubic-bezier(.2,.8,.2,1) both}
.face .gr{animation:dropR 1.6s .12s cubic-bezier(.2,.8,.2,1) both}
@keyframes dropL{from{transform:translate(-60px,-220px);opacity:0}to{transform:none;opacity:1}}
@keyframes dropR{from{transform:translate(60px,-260px);opacity:0}to{transform:none;opacity:1}}
.face .al{transform:translate(calc(var(--s)*-80px),calc(var(--s)*20px))}
.face .ar{transform:translate(calc(var(--s)*80px),calc(var(--s)*-20px))}
.face .shine{animation:shine 6.5s 1.8s ease-in-out infinite}
@keyframes shine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.map{opacity:calc(var(--f) * (1 - var(--fo)))}
.map .axis{stroke:rgba(var(--fg-rgb),.35);stroke-width:1;stroke-dasharray:3 7}
.map .dr.ln{stroke:#14120F;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.map .dr.ln.thin{stroke-width:1.1}
.map .dr{fill:none;stroke:var(--fg);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--f))}
.map .lbl line{stroke:rgba(var(--fg-rgb),.5);stroke-width:1}
.map .lbl circle{fill:var(--fg)}
.map .lbl text{font-size:12px;fill:var(--muted)}
.asym{opacity:var(--g)}
.asym .lt{stroke:#8A7458;stroke-width:1.2;stroke-dasharray:4 6}
.asym .lg{stroke:#D9AC55;stroke-width:1.2;stroke-dasharray:4 6}
.asym .br{fill:none;stroke:var(--fg);stroke-width:1.2}
.asym text{font-size:12px}
.cols{opacity:var(--c)}
.cols .tt{fill:#B39A78;font-size:16px}
.cols .tg{fill:var(--gold);font-size:16px}
.cols .meet{opacity:calc(var(--m)*2)}
.chapters{position:absolute;right:max(18px,2vw);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.chapters li{width:6px;height:6px;border-radius:50%;background:rgba(var(--fg-rgb),.2);position:relative}
.chapters li::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--fg);opacity:clamp(0,(var(--p) - var(--t))*30,1);box-shadow:0 0 10px rgba(232,241,255,.8)}
.story .scrollhint{opacity:calc(1 - clamp(0,var(--p)*20,1))}
.scrollhint{position:absolute;left:50%;bottom:26px;text-decoration:none;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--display);font-size:11px;letter-spacing:.3em;color:var(--muted);text-transform:uppercase}
.scrollhint i{width:1px;height:46px;background:linear-gradient(rgba(var(--fg-rgb),.7),transparent);animation:drip 2.2s ease-in-out infinite;transform-origin:top}
@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* MANIFESTO (palavras acendem) */
.stk{position:relative}
.stage{position:sticky;top:0;height:var(--vh);overflow:hidden;display:flex;align-items:center}
.manifesto{height:calc(var(--vh)*2.4)}
.mw{font-family:var(--serif);font-style:italic;font-size:clamp(30px,4.6vw,72px);line-height:1.12;letter-spacing:-.015em;max-width:1120px;margin:0}
.mw span{display:inline-block;margin-right:.24em;opacity:calc(.12 + clamp(0,(var(--p)*1.2*var(--n,37) - var(--i)),1)*.88);transform:translateY(calc((1 - clamp(0,(var(--p)*1.2*var(--n,37) - var(--i)),1))*14px));transition:opacity .2s linear}
.mw span.g{color:var(--fg);font-style:italic}
.mstage .eyebrow{position:absolute;top:110px;left:max(24px,calc(50% - 620px))}

/* FEIXE */
.feixe{height:calc(var(--vh)*4)}
.fstage{flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(28px,5vh,56px);padding:90px 0 40px}
.fhead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.fhead h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(32px,4.2vw,64px);line-height:1.02;margin:12px 0 0;max-width:780px}
.fhead .pct{font-family:var(--display);font-weight:200;font-size:clamp(14px,1.2vw,16px);letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.track{position:relative;height:180px;margin-inline:clamp(8px,3vw,40px)}
.rail{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.funnel{position:absolute;left:0;right:0;top:calc(50% - 34px);height:68px;clip-path:polygon(0 0,100% 44%,100% 56%,0 100%)}
.funnel b{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--fg-rgb),.32),rgba(var(--fg-rgb),.06));clip-path:inset(0 calc((1 - var(--p))*100%) 0 0)}
.beam{position:absolute;top:-60px;bottom:-60px;left:calc(var(--p)*100%);width:2px;margin-left:-1px;background:linear-gradient(transparent,rgba(220,235,255,.7) 30%,#fff 50%,rgba(220,235,255,.7) 70%,transparent);box-shadow:0 0 24px 6px rgba(232,241,255,.3)}
.beam::after{content:"";position:absolute;left:50%;top:50%;width:160px;height:160px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(232,241,255,.22),transparent 65%)}
.node{--on:clamp(0,(var(--p) - var(--t))*30,1);position:absolute;top:50%;left:calc(var(--t)*100%);width:0;height:0}
.node .dot{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;border:1px solid rgba(var(--fg-rgb),.35);background:var(--ink);transition:background .3s}
.node .dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--fg);opacity:var(--on);box-shadow:0 0 calc(var(--on)*16px) rgba(232,241,255,.8)}
.node.loss .dot::after{background:#F0B3C0;box-shadow:0 0 calc(var(--on)*20px) #F0B3C0}
.node .nl{position:absolute;left:0;top:26px;transform:translateX(-50%);width:120px;text-align:center;font-size:13px;line-height:1.3;color:var(--muted);opacity:calc(.45 + var(--on)*.55)}
.node .nl small{display:block;font:600 9.5px/1.3 var(--sans);letter-spacing:.16em;color:rgba(var(--fg-rgb),.55);margin-bottom:4px}
.node:nth-child(odd) .nl{top:auto;bottom:26px}
.cards{position:relative;min-height:220px;max-width:760px}
.dc{position:absolute;inset:0 auto auto 0;width:100%;--a:clamp(0,(var(--p) - var(--t1))*14,1);--b:clamp(0,(var(--p) - var(--t2))*14,1);opacity:calc(var(--a) - var(--b));transform:translateY(calc((1 - var(--a))*30px + var(--b)*-30px));pointer-events:none}
.dc .k{font:600 10.5px/1.4 var(--sans);letter-spacing:.24em;color:rgba(var(--fg-rgb),.62);text-transform:uppercase}
.dc .k.pink{color:#F0B3C0}
.dc h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,2.8vw,42px);line-height:1.08;margin:10px 0 12px}
.dc p{margin:0;color:var(--muted);font-size:clamp(15px,1.2vw,17px);max-width:640px}
.dc.c0{--a:1;--b:clamp(0,(var(--p) - .08)*14,1)}
.dc.c3{--b:0}

/* CENTRAL horizontal */
.central{height:calc(var(--vh)*4.2)}
.cstage{flex-direction:column;align-items:stretch;justify-content:center;gap:34px;padding-top:70px}
.chead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.chead h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(34px,4.4vw,68px);line-height:1;margin:12px 0 0}
.chead p{max-width:420px;color:var(--muted);margin:0}
.prog{height:1px;background:var(--line);position:relative}
.prog b{position:absolute;inset:0;background:rgba(var(--fg-rgb),.7);transform-origin:left;transform:scaleX(var(--q))}
.ctrack{--q:clamp(0,(var(--p) - .06)/.86,1);display:flex;gap:28px;padding-left:max(24px,calc(50% - 620px));width:max-content;transform:translateX(calc(var(--q)*var(--shift,0px)*-1));will-change:transform}
.cstage{--q:clamp(0,(var(--p) - .06)/.86,1)}
.panel{position:relative;width:min(960px,82vw);min-height:min(56vh,520px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,rgba(var(--fg-rgb),.06),rgba(var(--fg-rgb),.015));backdrop-filter:blur(8px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:clamp(26px,3.4vw,52px);overflow:hidden}
.panel .num{font-family:var(--display);font-weight:200;font-size:72px;line-height:1;color:var(--fg);opacity:.9}
.panel h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(26px,2.6vw,40px);line-height:1.06;margin:18px 0 14px}
.panel p{color:var(--muted);margin:0;font-size:16px}
.ui{position:relative;align-self:center;border-radius:20px;background:rgba(var(--bg-rgb),.7);border:1px solid var(--line);padding:22px;min-height:280px;display:flex;flex-direction:column;gap:12px;font-size:13px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;border:1px solid var(--line);font-size:12px;color:var(--fg);width:max-content}
.pill i{width:7px;height:7px;border-radius:50%;background:#8FE0B8;box-shadow:0 0 10px #8FE0B8}
.pill.warn i{background:var(--gold);box-shadow:0 0 10px var(--gold)}
.sig{position:relative;height:60px;border-bottom:1px solid var(--line);overflow:hidden}
.sig svg{position:absolute;inset:0;width:200%;height:100%;animation:flow 7s linear infinite}
@keyframes flow{to{transform:translateX(-50%)}}
.rowx{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.rowx b{font-weight:500;color:var(--fg)}
.bub{max-width:86%;padding:11px 14px;border-radius:16px;line-height:1.45}
.bub.in{background:rgba(var(--fg-rgb),.08);border-bottom-left-radius:4px}
.bub.out{align-self:flex-end;background:rgba(217,172,85,.16);border:1px solid rgba(217,172,85,.3);border-bottom-right-radius:4px}
.bub small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}
.typing{align-self:flex-end;display:flex;gap:4px;padding:10px 14px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:tp 1.2s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.kan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1}
.kan div{display:flex;flex-direction:column;gap:6px}
.kan small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.kan s{display:block;height:26px;border-radius:7px;background:rgba(var(--fg-rgb),.07);border:1px solid var(--line);text-decoration:none}
.kan s.g{background:rgba(217,172,85,.2);border-color:rgba(217,172,85,.4);animation:hop 4s infinite}
@keyframes hop{0%,40%{transform:none}55%,100%{transform:translateX(calc(100% + 8px))}}
.bars{display:flex;flex-direction:column;gap:14px}
.bars label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:6px}
.bars span{display:block;height:8px;border-radius:9px;background:rgba(var(--fg-rgb),.08);overflow:hidden}
.bars span b{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--taupe),var(--gold));transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.bars span b.loss{background:linear-gradient(90deg,#9b6070,#F0B3C0)}
.panel.on .bars span b{transform:scaleX(var(--w))}

/* FILOSOFIA (marfim) */
.ivory{background:#F6F3EE;color:var(--ink-on-ivory)}
.ivory .eyebrow{color:rgba(26,23,18,.6)}
.filo{overflow:hidden;padding:clamp(90px,14vh,160px) 0}
.big{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(40px,7.4vw,124px);line-height:1.04;letter-spacing:-.02em;margin:0;padding:0 max(24px,calc(50% - 620px))}
.big.l1{transform:translateX(calc((1 - clamp(0,var(--p)*2.4,1))*-55%));opacity:clamp(0,var(--p)*3,1)}
.big.l2{transform:translateX(calc((1 - clamp(0,(var(--p) - .08)*2.4,1))*55%));opacity:clamp(0,(var(--p) - .08)*3,1);color:#8A7458;text-align:right}
.filo .txt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:clamp(50px,8vh,90px)}
.filo .txt p{margin:0;font-size:clamp(17px,1.5vw,21px);color:var(--muted-on-ivory)}
.filo .txt p.q{font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.3vw,34px);line-height:1.2;color:var(--ink-on-ivory)}

/* CARTEIRA */
.carteira{padding:clamp(90px,14vh,160px) 0;border-top:1px solid rgba(26,23,18,.12)}
.cgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.n30{font-family:var(--display);font-weight:200;font-size:clamp(150px,22vw,330px);line-height:.8;letter-spacing:-.06em;color:var(--ink-on-ivory);display:flex;align-items:flex-start}
.n30 sup{font-family:var(--serif);font-style:italic;font-size:.16em;letter-spacing:0;color:#7A6346;margin:.2em 0 0 .25em;line-height:1.1;font-weight:400}
.dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(8px,1.4vw,16px);margin-bottom:34px}
.dots i{aspect-ratio:1;border-radius:50%;border:1px solid rgba(26,23,18,.25);position:relative}
.dots i::after{content:"";position:absolute;inset:22%;border-radius:50%;background:#B8893A;opacity:clamp(0,(var(--p)*58 - var(--i)),1);transform:scale(clamp(0,(var(--p)*58 - var(--i)),1))}
.carteira h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(30px,3.2vw,48px);line-height:1.08;margin:0 0 18px}
.carteira p{color:var(--muted-on-ivory);font-size:17px;margin:0;max-width:540px}

/* ATOS */
.atos{padding:clamp(100px,15vh,170px) 0}
.atos h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(34px,4.4vw,68px);line-height:1;margin:14px 0 60px;max-width:820px}
.alist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:a}
.ato{position:relative;padding:34px 30px 38px;border-top:1px solid var(--line)}
.ato::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:rgba(var(--fg-rgb),.7);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.ato.in::before{transform:scaleX(1)}
.ato .an{font-family:var(--display);font-weight:200;font-size:56px;color:var(--fg);line-height:1}
.ato h3{font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:.04em;margin:22px 0 12px}
.ato p{color:var(--muted);margin:0}

/* CONTATO */
.contato{position:relative;padding:clamp(100px,15vh,170px) 0 90px;overflow:hidden;border-top:1px solid var(--line)}
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.vfinal{width:min(420px,70%);aspect-ratio:304/286;position:relative;margin-bottom:34px}
.vfinal svg{width:100%;height:100%;overflow:visible}
.vfinal .fl{transform:translateX(calc((1 - clamp(0,var(--p)*1.9,1))*-120px)) translateY(calc((1 - clamp(0,var(--p)*1.9,1))*60px));opacity:clamp(.15,var(--p)*2,1)}
.vfinal .fr{transform:translateX(calc((1 - clamp(0,var(--p)*1.9,1))*120px)) translateY(calc((1 - clamp(0,var(--p)*1.9,1))*-60px));opacity:clamp(.15,var(--p)*2,1)}
.contato h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(38px,4.8vw,76px);line-height:1;margin:0 0 20px}
.contato .sub{color:var(--muted);font-size:17px;max-width:480px;margin:0}
form{display:grid;gap:14px;padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,rgba(var(--fg-rgb),.06),rgba(var(--fg-rgb),.015))}
form .row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
label.f{display:grid;gap:7px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:var(--display)}
input,select{font:inherit;font-family:var(--sans);letter-spacing:0;text-transform:none;font-size:16px;color:var(--fg);background:rgba(var(--bg-rgb),.6);border:1px solid var(--line);border-radius:14px;min-height:52px;padding:0 16px;outline:none;transition:border-color .3s,box-shadow .3s}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 22px) 23px,calc(100% - 17px) 23px;background-size:5px 5px;background-repeat:no-repeat}
input:focus,select:focus{border-color:rgba(var(--fg-rgb),.6);box-shadow:0 0 0 4px rgba(var(--fg-rgb),.1)}
form .btn{margin-top:6px;width:100%}
.fnote{font-size:13px;color:var(--muted);margin:2px 0 0;min-height:20px}
.fnote.err{color:#F0B3C0}
footer{border-top:1px solid var(--line);padding:34px 0 40px}
.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.foot .sig{border:0;height:auto;overflow:visible;font-family:var(--serif);font-style:italic;font-size:18px;color:var(--fg)}

/* celular */
@media (max-width:860px){
  .hero{padding-top:96px;align-items:flex-start}
  .sstage{align-items:flex-start;padding-top:72px}
  .sgrid{grid-template-columns:1fr;gap:0}
  .sv{order:-1;height:40vh;height:40svh;margin-inline:-8px}
  .chs{min-height:calc(var(--vh) - 40vh - 90px)}
  .ch{inset:0 0 auto 0;transform:none}
  .sh{font-size:clamp(34px,10vw,50px);margin:12px 0 14px}
  .sh.sm{font-size:28px}
  .ch p{font-size:15.5px}
  .word{height:62px;margin-top:8px}
  .word .w1{font-size:56px}.word .w2{font-size:36px}
  .face text{font-size:17px}.map .lbl text,.asym text{font-size:16px}.cols .tt,.cols .tg{font-size:21px}
  .chapters{right:10px;top:auto;bottom:22px;transform:none;flex-direction:row}
  .story .scrollhint{display:none}
  .mstage .eyebrow{top:96px}
  .track{height:200px}
  .node .nl{width:84px;font-size:11px}
  .node .nl small{font-size:9px;letter-spacing:.14em}
  .panel{grid-template-columns:1fr;gap:22px;width:86vw}
  .panel .num{font-size:48px}
  .ui{min-height:220px}
  .filo .txt,.cgrid,.ct{grid-template-columns:1fr;gap:34px}
  .alist{grid-template-columns:1fr;gap:0}

  form .row2{grid-template-columns:1fr}
  .top .btn span.long{display:none}
}
/* AGÊNCIA */
.agencia{padding:clamp(100px,15vh,170px) 0}
.agencia h2,.prota h2,.processo h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(34px,4.4vw,68px);line-height:1.02;margin:14px 0 56px;max-width:980px}
.agencia h2 em,.prota h2 em,.processo h2 em{color:rgba(var(--fg-rgb),.62)}
.vs{border-top:1px solid var(--line)}
.vh,.vr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding:22px 0;border-bottom:1px solid var(--line)}
.vh span{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;font-size:12px;color:var(--muted)}
.vh span+span{color:var(--fg)}
.vr s{position:relative;text-decoration:none;color:var(--muted);font-size:clamp(16px,1.4vw,20px);align-self:center;width:max-content;max-width:100%}
.vr s::after{content:"";position:absolute;left:0;right:0;top:55%;height:1px;background:#F0B3C0;transform:scaleX(0);transform-origin:left;transition:transform 1s .5s cubic-bezier(.2,.8,.2,1)}
.vr.in s::after{transform:scaleX(1)}
.vr b{font-weight:400;font-size:clamp(17px,1.5vw,21px);color:var(--fg)}
.punch{font-family:var(--serif);font-style:italic;font-size:clamp(28px,3.4vw,52px);line-height:1.1;margin:64px 0 0}
.punch em{color:rgba(var(--fg-rgb),.62)}

/* NOITE */
.noite{height:calc(var(--vh)*4.2)}
.nstage{padding-top:70px}
.ngrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:60px;align-items:center}
.ntext .sh span{display:block}
.ntext .nl2{color:rgba(var(--fg-rgb),.5)}.ntext .nl3{color:var(--fg)}
.ntext p{color:var(--muted);max-width:480px;margin:0 0 28px}
.clock{display:flex;align-items:center;gap:14px;font-family:var(--display);font-weight:200;font-size:20px;color:var(--muted);max-width:420px}
.clock i{flex:1;height:1px;background:var(--line);position:relative}
.clock i::after{content:"";position:absolute;inset:0;background:rgba(var(--fg-rgb),.75);transform-origin:left;transform:scaleX(var(--p))}
.clock .cl{color:var(--fg)}
.phone{border:1px solid var(--line);border-radius:34px;background:#0F0E0C;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 8px rgba(var(--fg-rgb),.03);height:min(74vh,640px);display:flex;flex-direction:column}
.ph-top{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.ph-top b{font-weight:500;font-size:15px}.ph-top small{font-size:11px;color:var(--muted);letter-spacing:.06em}
.ph-body{flex:1;padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden}
.m{flex-shrink:0;--on:clamp(0,(var(--p) - var(--t))*20,1);max-width:86%;padding:9px 12px 7px;border-radius:14px;font-size:13.5px;line-height:1.42;opacity:var(--on);transform:translateY(calc((1 - var(--on))*16px));max-height:calc(var(--on)*260px);margin-top:calc((var(--on) - 1)*8px);overflow:hidden}
.m p{margin:0}
.m small{display:block;text-align:right;font-size:10.5px;color:var(--muted);margin-top:3px}
.m.in{align-self:flex-start;background:rgba(var(--fg-rgb),.08);border-bottom-left-radius:4px}
.m.out{align-self:flex-end;background:rgba(217,172,85,.15);border:1px solid rgba(217,172,85,.28);border-bottom-right-radius:4px}

/* CASOS */
.casos{padding:clamp(80px,12vh,140px) 0;border-top:1px solid var(--line)}
.casos .k{font:600 10.5px/1.4 var(--sans);letter-spacing:.24em;color:rgba(var(--fg-rgb),.62);text-transform:uppercase}
.big2{font-family:var(--serif);font-style:italic;font-size:clamp(28px,3.4vw,52px);line-height:1.1;margin:14px 0 16px;max-width:1000px}
.big2 em{color:rgba(var(--fg-rgb),.62)}
.sub2{color:var(--muted);max-width:560px;margin:0;font-size:17px}
.caso2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;margin-top:clamp(80px,12vh,140px)}
.nums{display:flex;flex-wrap:wrap;gap:22px 40px;margin:22px 0 26px}
.nums small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.nums b{font-family:var(--display);font-weight:200;font-size:clamp(28px,3.2vw,50px);line-height:1;white-space:nowrap}
.nums b.g{color:var(--gold)}
.print{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);transform:rotate(-1.2deg);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.print img{display:block;width:100%;height:auto}
.print figcaption{font-size:12px;color:var(--muted);padding:12px 16px;background:#0F0E0C}

/* ENTREGA: 5 itens */
.alist{grid-template-columns:repeat(3,minmax(0,1fr))}

/* VIDA */
.vida{height:calc(var(--vh)*5)}
.vstage2{justify-content:center;text-align:center;isolation:isolate}
.bars-top,.bars-bot{position:absolute;left:0;right:0;height:9vh;background:#000;z-index:2}
.bars-top{top:0}.bars-bot{bottom:0}
.glowv{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(40% 40% at calc(30% + var(--p)*40%) 55%,rgba(232,168,90,calc(.22 - var(--p)*.08)),transparent 70%),radial-gradient(30% 30% at calc(80% - var(--p)*50%) 40%,rgba(241,215,156,.08),transparent 70%)}
.vwrap{position:relative;min-height:320px}
.sc{position:absolute;inset:50% 0 auto 0;transform:translateY(-50%);--a:clamp(0,(var(--p) - var(--t1))*14,1);--b:clamp(0,(var(--p) - var(--t2))*14,1);opacity:calc(var(--a) - var(--b))}
.sc>*{transform:scale(calc(1.06 - var(--a)*.06 + var(--b)*.04));filter:blur(calc((1 - var(--a) + var(--b))*8px))}
.sc .k{font:600 10.5px/1.4 var(--sans);letter-spacing:.24em;color:rgba(var(--fg-rgb),.62);text-transform:uppercase;margin-bottom:18px}
.vt{font-family:var(--serif);font-style:italic;font-size:clamp(34px,5.4vw,84px);line-height:1.05;margin:0 auto;max-width:1000px}
.vt em{color:rgba(var(--fg-rgb),.62)}
.vt.sm{font-size:clamp(26px,3.4vw,50px)}

/* PROTAGONISTA */
.prota{position:relative;padding:clamp(100px,15vh,170px) 0;overflow:hidden}
.prota .path{position:absolute;left:0;top:40px;width:100%;height:300px;opacity:.6}
.pth{fill:none;stroke:rgba(var(--fg-rgb),.55);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,var(--p)*1.7,1))}
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.pcol{border:1px solid var(--line);border-radius:24px;padding:30px 32px;background:rgba(var(--fg-rgb),.025)}
.pcol.g{border-color:rgba(var(--fg-rgb),.3);background:rgba(var(--fg-rgb),.06)}
.pcol h3{font-family:var(--display);font-weight:400;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}
.pcol.g h3{color:var(--fg)}
.pcol ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.pcol li{font-size:18px;padding-left:22px;position:relative}
.pcol li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:rgba(var(--fg-rgb),.6)}
.prazo{display:flex;gap:28px;align-items:baseline;margin-top:44px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.prazo b{font-family:var(--display);font-weight:200;font-size:clamp(40px,5vw,72px);color:var(--fg);line-height:1;white-space:nowrap}
.prazo p{margin:0;color:var(--muted);max-width:560px;font-size:17px}

/* CRITÉRIOS */
.criterios{padding:clamp(100px,15vh,170px) 0}
.criterios h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(38px,5vw,78px);line-height:1;margin:14px 0 20px}
.criterios p{color:var(--muted-on-ivory);font-size:17px;max-width:500px;margin:0 0 30px}
.criterios .n30{font-size:clamp(110px,14vw,210px)}
.crit{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid rgba(26,23,18,.15)}
.crit li{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-bottom:1px solid rgba(26,23,18,.15)}
.crit i{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid #8A7458;position:relative;margin-top:2px}
.crit i::after{content:"";position:absolute;left:8px;top:5px;width:7px;height:11px;border:solid #7A6346;border-width:0 1.6px 1.6px 0;transform:rotate(45deg) scale(0);transition:transform .6s .4s cubic-bezier(.3,1.6,.5,1)}
.crit li.in i::after{transform:rotate(45deg) scale(1)}
.crit b{display:block;font-weight:500;font-size:18px;color:var(--ink-on-ivory)}
.crit span{display:block;color:var(--muted-on-ivory);font-size:15px;margin-top:3px}

/* PROCESSO */
.processo{padding:clamp(100px,15vh,170px) 0}
.steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding-top:34px}
.steps .line{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line)}
.steps .line b{position:absolute;inset:0;background:rgba(var(--fg-rgb),.7);transform-origin:left;transform:scaleX(clamp(0,(var(--p) - .15)*2.2,1))}
.st span{font-family:var(--display);font-weight:200;font-size:44px;color:var(--fg);line-height:1}
.st h3{font-family:var(--display);font-weight:400;font-size:19px;margin:16px 0 8px}
.st p{color:var(--muted);margin:0;font-size:15px}
.contato p.gold{font-family:var(--serif);font-style:italic;color:rgba(var(--fg-rgb),.78);font-size:clamp(22px,2vw,28px);margin:22px 0 0}

@media (max-width:860px){
  .alist{grid-template-columns:1fr;gap:0}
  .vh,.vr{grid-template-columns:1fr;gap:8px}
  .vh{display:none}
  .vr .ag::before{content:"Agência: ";color:#8f877c}
  .vr b::before{content:"Velloce: ";color:rgba(var(--fg-rgb),.55)}
  .ngrid{grid-template-columns:1fr;gap:18px}
  .nstage{padding-top:76px;align-items:flex-start}
  .ntext .sh{font-size:34px;margin:8px 0 10px}
  .ntext p{font-size:13.5px;margin-bottom:12px}
  .clock{font-size:15px}
  .phone{height:calc(var(--vh) - 330px);min-height:300px;border-radius:24px}
  .m{font-size:12.5px}
  .caso2{grid-template-columns:1fr;gap:36px}
  .nums{gap:12px}.nums b{font-size:26px}
  .pgrid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:26px;padding-top:0;padding-left:26px}
  .steps .line{left:0;right:auto;top:0;bottom:0;width:1px;height:auto}
  .steps .line b{transform-origin:top;transform:scaleY(clamp(0,(var(--p) - .1)*2,1))}
  .bars-top,.bars-bot{height:7vh}
  .nums{display:grid;grid-template-columns:1fr 1fr}
}

/* PALCO DA CENTRAL (mesma linguagem do sistema) */
.pl-kick{font:600 10.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(var(--fg-rgb),.62)}
.pl-sub{margin:0;font:300 17px/1.55 var(--display);color:rgba(var(--fg-rgb),.74);max-width:520px}
.pl-it{font:italic 400 clamp(20px,2vw,26px)/1.3 var(--serif);color:rgba(var(--fg-rgb),.78)}
.pl-foot{display:flex;align-items:center;gap:14px;font:600 9px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--fg-rgb),.5)}
.pl-foot hr{flex:1;border:0;border-top:1px solid rgba(var(--fg-rgb),.2);margin:0;min-width:20px}
.pl-foot i{font-style:normal;letter-spacing:.1em;white-space:nowrap}
.pl-foot .mk{width:26px;height:auto}
footer{border-top:1px solid rgba(var(--fg-rgb),.1);padding:34px 0 40px}
.entrada{position:relative;min-height:var(--vh);display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);isolation:isolate;overflow:hidden;padding:0;align-items:stretch}
.entrada>.pl-light{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(70% 70% at 85% -10%,rgba(255,205,145,.16),transparent 60%)}
.entrada.noite>.pl-light{background:radial-gradient(70% 70% at 85% -10%,rgba(170,190,235,.12),transparent 60%)}
.en-vid{position:relative;z-index:1;min-height:var(--vh)}
.en-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}
.en-pins{position:absolute;inset:0;pointer-events:none}
.pin{position:absolute;z-index:3;width:0;height:0;will-change:left,top}
.pin-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 4px rgba(var(--fg-rgb),.14),0 0 14px rgba(232,241,255,.7);opacity:0;animation:pl-fade .5s ease calc(var(--d) + .9s) both}
.pin-dot::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(var(--fg-rgb),.55);opacity:0;animation:en-ring 2.4s ease-out calc(var(--d) + 1.2s) infinite}
.pin-line{position:absolute;left:0;top:0;height:1px;background:rgba(var(--fg-rgb),.7);transform-origin:0 50%;clip-path:inset(0 100% 0 0);animation:pl-wipe .7s cubic-bezier(.5,0,.2,1) calc(var(--d) + 1.1s) both}
.pin-tag{position:absolute;left:0;top:0;width:max-content;white-space:nowrap;padding:6px 12px;border-radius:999px;border:1px solid rgba(var(--fg-rgb),.5);background:rgba(var(--bg-rgb),.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:400 11.5px/1 var(--sans);color:var(--fg);opacity:0;animation:pl-fade .7s ease calc(var(--d) + 1.6s) both}
@keyframes pl-fade{to{opacity:var(--o,1)}}
@keyframes pl-wipe{to{clip-path:inset(0 0 0 0)}}
@keyframes en-ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@keyframes en-track{from{letter-spacing:1em;opacity:0}to{opacity:1}}
@keyframes dv-in{from{transform:translate(var(--dx),var(--dy));opacity:0}to{transform:none}}
@keyframes vx-focus{from{opacity:0;filter:blur(10px);transform:scale(1.02)}to{opacity:1;filter:none;transform:none}}
.en-col{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:110px clamp(24px,5vw,72px) 80px 24px;min-width:0}
.en-brand{display:flex;align-items:center;gap:16px}
.en-logo{width:64px;height:60px}.en-logo .dv{width:100%;height:100%;overflow:visible}
.dv-pts{filter:drop-shadow(0 0 3px rgba(227,188,106,.45))}
.dv-pts circle{animation:dv-in 1.4s cubic-bezier(.12,.85,.2,1) var(--dl) both}
.en-word{font:300 20px/1 var(--display);letter-spacing:.42em;color:var(--fg);animation:en-track 1.4s .3s cubic-bezier(.16,.9,.2,1) both}
.en-sub{font:600 9px/1 var(--sans);letter-spacing:.3em;color:rgba(var(--fg-rgb),.5);margin-top:8px}
.en-h{margin:6px 0 0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(40px,4.3vw,72px);line-height:.98;color:var(--fg);letter-spacing:-.01em}
.en-h span{display:block;clip-path:inset(0 100% 0 0);animation:pl-wipe 1.3s cubic-bezier(.6,0,.2,1) both}
.en-h span:nth-child(2){animation-delay:.25s}.en-h span:nth-child(3){animation-delay:.5s}
.en-h em{font-style:italic;color:rgba(var(--fg-rgb),.82)}
.entrada .pl-sub,.entrada .ctas,.entrada .pl-kick{animation:vx-focus 1s cubic-bezier(.2,.7,.2,1) .8s both}
.entrada .ctas{display:flex;flex-wrap:wrap;gap:12px}
.entrada .pl-foot{margin-top:18px;animation:vx-focus 1s cubic-bezier(.2,.7,.2,1) 1.1s both}
@media (max-width:900px){
  .entrada{grid-template-columns:1fr}
  .en-vid{min-height:58vh;min-height:58svh}
  .en-vid video{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
  .en-col{padding:0 22px 90px;margin-top:-40px;gap:18px}
  .en-h{font-size:clamp(34px,9.6vw,44px)}
  .pin-tag{font-size:10.5px;padding:5px 10px}
  .entrada .pl-foot{display:none}
}
html.loading .entrada *,html.loading .entrada{animation-play-state:paused!important}
.entrada .scrollhint{left:auto;right:clamp(24px,5vw,72px);transform:none;bottom:22px;z-index:3;flex-direction:row;gap:12px}
.entrada .scrollhint i{width:46px;height:1px;background:linear-gradient(90deg,rgba(var(--fg-rgb),.7),transparent);transform-origin:left;animation:none}
@media (max-width:900px){.entrada .scrollhint{display:none}}


/* SITE CLARO, DESTAQUES PRETOS EM CARTÃO (como o palco da Central) */
html{overflow-x:clip}
body{background:#fff}
.top{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,18,15,.08)}
.top.solid{background:rgba(255,255,255,.92)}
.entrada{margin:0;border-radius:0}
.top.ondark{background:rgba(10,9,8,.55);border-bottom-color:rgba(243,238,230,.08);--fg:#F3EEE6;--fg-rgb:243,238,230;--bg:#0A0908;--bg-rgb:10,9,8;color:#F3EEE6}
.top.ondark .brand{color:#F3EEE6}
.vr .ag{align-self:center}
.vr .ag s{display:inline;width:auto;max-width:none;text-decoration:none;background:linear-gradient(#E58FA6,#E58FA6) no-repeat 0 58%/0% 1.5px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1.1s .5s cubic-bezier(.2,.8,.2,1)}
.vr.in .ag s{background-size:100% 1.5px}
.vr s::after{display:none}
.map .lbl text,.asym text{fill:var(--muted)}
.cols .tt{fill:#8A7458}.cols .tg{fill:#B8893A}
.face .arms{filter:drop-shadow(0 30px 60px rgba(138,116,88,.25))}
.sstage::before{opacity:.6}
.panel{background:#FBFAF8;backdrop-filter:none;box-shadow:0 20px 50px rgba(20,18,15,.06)}
.ui{background:#fff}
.pcol{background:#FBFAF8}
form{background:#FBFAF8}
.print{box-shadow:0 30px 70px rgba(20,18,15,.18)}
.casos,.contato{border-top-color:rgba(20,18,15,.08)}
@media (max-width:900px){
  .entrada .en-col{padding:0 20px 56px}
  .word .w2{letter-spacing:calc(.2em + (1 - var(--k))*.5em);font-size:30px}
}

.juan{position:relative;margin:0 0 30px;width:min(360px,80%);border-radius:24px;overflow:visible}
.juan img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 30px 70px rgba(20,18,15,.18)}
input,select{width:100%;min-width:0;box-sizing:border-box}
.juan .pin-tag{background:rgba(10,9,8,.55);color:#F3EEE6;border-color:rgba(243,238,230,.6)}
.juan .pin-dot{background:#F3EEE6}.juan .pin-line{background:rgba(243,238,230,.85)}
.juan:not(.in) .pin *{animation-play-state:paused}
.entrada .pl-sub b{font-weight:500;color:var(--fg)}
@media (max-width:900px){input,select{width:100%;min-width:0;box-sizing:border-box}
.juan .pin-tag{font-size:10px}}
.cstage{padding-top:96px}
@media (max-width:900px){
  .cstage{justify-content:flex-start;padding-top:88px;gap:18px}
  .chead h2{font-size:32px;margin-top:8px}
  .chead p{display:none}
  .panel{min-height:0;padding:22px;gap:16px}
  .panel .num{font-size:40px}
  .panel h3{font-size:24px;margin:10px 0 8px}
  .panel p{font-size:14.5px}
  .ui{min-height:0;padding:16px}
  .fstage,.nstage{padding-top:84px}
}

/* TRAÇO MAIS ENCORPADO */
.serif,.sh,.en-h,.mw,.vt,.big,.big2,.punch,.agencia h2,.prota h2,.processo h2,.criterios h2,.atos h2,.chead h2,.fhead h2,.dc h3,.panel h3,.contato h2,.carteira h2,.filo .txt p.q,.contato p.gold,.ch p.gold,.word .w1,.n30 sup{font-optical-sizing:none;font-variation-settings:"opsz" 14;font-weight:500}
.en-word,.lw{font-weight:400}
.panel .num,.ato .an,.st span,.prazo b,.nums b,.n30,.word .w2,.clock{font-weight:300}
.pl-sub{font-weight:400}

/* OURO EM MOVIMENTO DENTRO DAS LETRAS */
.goldrun,.sitecase h2 em,.gwq p em,.en-h em,.agencia h2 em,.prota h2 em,.processo h2 em,.punch em,.big2 em,.vt em,.ntext .nl3,.ch p.gold,.contato p.gold,.n30,.mw span.g,.criterios h2 em{
  background:linear-gradient(100deg,#6E5B43 0%,#9C7A3E 22%,#C9A05A 36%,#E8C377 44%,#B8893A 52%,#6E5B43 72%,#9C7A3E 86%,#6E5B43 100%);
  background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
  animation:goldrun 3.6s cubic-bezier(.55,0,.3,1) infinite}
.dark .goldrun,.dark .en-h em,.dark .ntext .nl3,.dark .vt em{background-image:linear-gradient(100deg,#B49A78 0%,#D9AC55 22%,#F1D79C 38%,#FFF8E8 44%,#E3BC6A 52%,#B49A78 72%,#D9AC55 86%,#B49A78 100%)}
@keyframes goldrun{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
.en-h span:has(em){clip-path:none}

/* TÍTULOS QUE ACELERAM E FREIAM, COM UM RISCO DE LUZ DOURADA */
.js h2.rv{position:relative;opacity:0;clip-path:none;transform:translateX(-90px) skewX(-14deg);filter:blur(8px);transition:transform 1s cubic-bezier(.12,.9,.18,1),opacity .45s ease,filter .8s ease}
.js h2.rv.in{opacity:1;transform:none;filter:none;clip-path:none}
.js h2.rv::after{content:"";position:absolute;left:0;bottom:-.18em;height:2px;width:min(260px,60%);background:linear-gradient(90deg,transparent,#D9AC55 40%,#FFF3D6 60%,transparent);transform:scaleX(0) translateX(-30%);transform-origin:left;opacity:0}
.js h2.rv.in::after{animation:streakonce 1.3s .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes streakonce{0%{opacity:0;transform:scaleX(.1) translateX(-40%)}30%{opacity:1}100%{opacity:0;transform:scaleX(1) translateX(140%)}}

/* LINHAS DE VELOCIDADE NAS PARTES PRETAS */
.rush{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.rush i{position:absolute;left:-45%;height:1.5px;width:42%;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(217,172,85,.15) 30%,#E3BC6A 80%,#FFF3D6);opacity:0;animation:rushline 4.8s cubic-bezier(.5,0,.2,1) infinite;filter:drop-shadow(0 0 6px rgba(227,188,106,.6))}
.rush i:nth-child(1){top:18%;animation-delay:.2s}.rush i:nth-child(2){top:41%;animation-delay:1.4s;width:28%}.rush i:nth-child(3){top:63%;animation-delay:2.5s}.rush i:nth-child(4){top:82%;animation-delay:3.4s;width:22%}.rush i:nth-child(5){top:30%;animation-delay:4.1s;width:16%}
@keyframes rushline{0%{transform:translateX(0);opacity:0}6%{opacity:.95}34%{transform:translateX(360%);opacity:0}100%{transform:translateX(360%);opacity:0}}
.entrada .rush{z-index:1}

/* BOTÃO PRINCIPAL COM BRILHO QUE PASSA */
.btn-gold{position:relative;overflow:hidden;isolation:isolate}
.btn-gold::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(217,172,85,.55),rgba(255,243,214,.8),transparent);transform:skewX(-20deg);animation:btnshine 3.8s ease-in-out 1.5s infinite;z-index:-1;mix-blend-mode:normal}
.dark .btn-gold::after,.entrada .btn-gold::after{background:linear-gradient(100deg,transparent,rgba(217,172,85,.5),rgba(255,255,255,.7),transparent)}
@keyframes btnshine{0%,60%{left:-60%}100%{left:130%}}

/* NÚMEROS QUE CORREM COM RASTRO */
.nums b.g{filter:drop-shadow(0 0 18px rgba(217,172,85,.25))}

@media (prefers-reduced-motion:reduce){.goldrun,.en-h em,.rush i,.btn-gold::after{animation:none!important}.rush{display:none}}


/* ABERTURA CLARA COM O VÍDEO DO VÉU */
.entrada.claro{background:#fff;color:var(--fg);grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
.entrada.claro .en-vid{order:2}
.entrada.claro .en-col{order:1;padding:120px 24px 90px clamp(24px,6vw,96px)}
.entrada.claro .en-vid video{object-position:50% 25%;-webkit-mask-image:linear-gradient(270deg,#000 62%,transparent);mask-image:linear-gradient(270deg,#000 62%,transparent)}
.entrada.claro .pl-light{background:radial-gradient(60% 60% at 80% 10%,rgba(217,172,85,.10),transparent 60%)}
.entrada.claro .rush i{background:linear-gradient(90deg,transparent,rgba(217,172,85,.12) 30%,#C9A05A 80%,#E8C377);filter:none}
.entrada.claro .en-word{color:var(--fg)}
.entrada.claro .scrollhint{right:auto;left:clamp(24px,6vw,96px)}
@media (max-width:900px){
  .entrada.claro{grid-template-columns:1fr}
  .entrada.claro .en-vid{order:1;min-height:62vh;min-height:62svh}
  .entrada.claro .en-vid video{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
  .entrada.claro .en-col{order:2;padding:0 20px 56px;margin-top:-60px}
}

/* VIDA: retrato em ouro como luz de cena */
.vida-ph{position:absolute;right:0;top:0;bottom:0;width:min(46vw,640px);z-index:0;background:url(../img/ouro.jpg) center 30%/cover no-repeat;opacity:calc(.35 + var(--p)*.45);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%);transform:scale(calc(1.08 - var(--p)*.08))}
.vida .vwrap{z-index:2}
@media (max-width:900px){.vida-ph{width:100%;opacity:calc(.22 + var(--p)*.2);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}}

/* MÉTODO EM ETAPAS */
.etapas{list-style:none;margin:0;padding:0;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
.etapas .ato{padding:30px 0 0}
.etapas .an{font-family:var(--sans)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)!important}
.etapas h3{font-size:19px;margin:14px 0 10px}
.etapas p{font-size:15px}
.metodo{position:relative}
.trilho{position:relative;height:2px;background:var(--line);margin-bottom:-2px}
.trilho b{position:absolute;inset:0;background:linear-gradient(90deg,#8A7458,#D9AC55,#F1D79C);transform-origin:left;transform:scaleX(clamp(0,(var(--p) - .2)*2.4,1))}
.trilho b::after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;margin:-5px -5px 0 0;border-radius:50%;background:#E3BC6A;box-shadow:0 0 14px #E3BC6A}
.etapas .ato::before{display:none}
@media (max-width:900px){
  .etapas{grid-template-columns:1fr!important;gap:0!important;border-left:2px solid var(--line);padding-left:22px}
  .trilho{display:none}
  .etapas .ato{padding:22px 0}
}
/* SITE QUE CONTA A HISTÓRIA */
.sitecase{padding:clamp(100px,15vh,170px) 0;background:#F6F3EE;overflow:hidden}
.sitecase h2{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(34px,4.4vw,68px);line-height:1.02;margin:14px 0 18px;max-width:900px}
.sitecase .lead2{color:var(--muted);font-size:clamp(16px,1.3vw,19px);max-width:620px;margin:0 0 56px}
.devices{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0;margin:0 auto 70px;max-width:1100px}
.laptop{margin:0;width:min(860px,88%);transform:perspective(1800px) rotateX(calc((1 - var(--p)) * 14deg)) translateY(calc((1 - var(--p))*40px));transform-origin:50% 100%}
.laptop .scr{border:10px solid #14120F;border-bottom-width:14px;border-radius:18px 18px 4px 4px;overflow:hidden;background:#000;box-shadow:0 40px 90px rgba(20,18,15,.25)}
.laptop video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.laptop .base{display:block;height:14px;margin:0 -6%;background:linear-gradient(#d9d6d0,#b9b5ae);border-radius:0 0 18px 18px}
.phone2{margin:0 0 -30px -9%;width:min(220px,26%);z-index:2;transform:translateY(calc((1 - var(--p))*120px))}
.phone2 .scr{border:8px solid #14120F;border-radius:34px;overflow:hidden;aspect-ratio:9/18.5;background:#000;box-shadow:0 30px 70px rgba(20,18,15,.35)}
.phone2 video{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.caps{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}
.chap-rail{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid rgba(20,18,15,.12);display:grid;gap:12px;counter-reset:c}
.chap-rail li{counter-increment:c;font-family:var(--display);font-size:17px;color:var(--fg);position:relative}
.chap-rail li::before{content:counter(c,upper-roman);display:inline-block;width:46px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--muted)}
.chap-rail li::after{content:"";position:absolute;left:-28px;top:.5em;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #C9A05A}
.gwq{margin:0}
.gwq p{font-family:var(--serif);font-style:italic;font-weight:500;font-variation-settings:"opsz" 14;font-size:clamp(28px,3.2vw,48px);line-height:1.12;margin:0 0 14px}
.gwq cite{font-style:normal;font:600 10.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.gwq p.sm{font-size:clamp(20px,1.8vw,26px);margin-top:26px;color:var(--muted)}
@media (max-width:900px){
  .devices{margin-bottom:50px}
  .laptop{width:100%}
  .phone2{width:34%;margin-left:-22%;margin-bottom:-20px}
  .caps{grid-template-columns:1fr;gap:36px}
}
@media (max-width:900px){.big{font-size:clamp(40px,11.5vw,60px)}.big.l2{text-align:left;margin-top:8px}}
[hidden]{display:none!important}
footer .pl-foot{flex-wrap:wrap;row-gap:12px}
@media (max-width:600px){footer .pl-foot hr{display:none}footer .pl-foot{justify-content:center;text-align:center}}
/* TELA DE CARREGAMENTO */
.loader{position:fixed;inset:0;z-index:100;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;transition:clip-path 1.1s cubic-bezier(.77,0,.18,1);clip-path:inset(0 0 0 0)}
.loader.out{clip-path:inset(0 0 100% 0)}
.loader.gone{display:none}
.lv{width:min(150px,34vw);aspect-ratio:304/286;overflow:visible}
.lv .o{fill:none;stroke-width:1.2;stroke-dasharray:900;stroke-dashoffset:900;animation:draw 1.5s cubic-bezier(.6,0,.3,1) forwards}
.lv .o.l{stroke:#8A7458}.lv .o.r{stroke:#D9AC55;animation-delay:.15s}
.lv .fi{opacity:0;animation:fillin .8s 1.25s forwards}
.lv .fi.l{transform:translate(-26px,-40px);animation-name:fillL}.lv .fi.r{transform:translate(26px,-60px);animation-name:fillR;animation-delay:1.35s}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fillL{to{opacity:1;transform:none}}@keyframes fillR{to{opacity:1;transform:none}}
.lv .glint{animation:glint 1s 2.05s cubic-bezier(.6,0,.3,1) forwards;transform:translateX(-140%)}
@keyframes glint{to{transform:translateX(140%)}}
.lw{font-family:var(--display);font-weight:200;font-size:clamp(22px,4vw,34px);color:var(--fg);letter-spacing:1.4em;margin-right:-1.4em;opacity:0;animation:brake 1.5s .9s cubic-bezier(.15,.85,.2,1) forwards}
@keyframes brake{0%{opacity:0;letter-spacing:1.4em;margin-right:-1.4em;filter:blur(6px)}100%{opacity:1;letter-spacing:.46em;margin-right:-.46em;filter:none}}
.ls{font-family:var(--display);font-size:11px;letter-spacing:.42em;margin-right:-.42em;color:#8A7458;text-transform:uppercase;opacity:0;animation:fin .8s 1.9s forwards;margin-top:-18px}
.lbar{position:absolute;left:50%;bottom:clamp(40px,9vh,80px);transform:translateX(-50%);width:min(240px,60vw);display:flex;align-items:center;gap:14px;font-family:var(--display);font-weight:200;font-size:12px;letter-spacing:.2em;color:var(--muted)}
.lbar span{flex:1;height:1px;background:rgba(var(--fg-rgb),.12);position:relative;overflow:hidden}
.lbar span b{position:absolute;inset:0;background:rgba(var(--fg-rgb),.8);transform-origin:left;transform:scaleX(var(--lp,0))}
.lbar em{font-style:normal;min-width:3ch;text-align:right;color:var(--fg)}
html.loading body{overflow:hidden}
html.loading .story *{animation-play-state:paused!important}
.story:not(.go) .face *{animation-play-state:paused!important}
html.loading .hero *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ACESSIBILIDADE */
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:#0A0908;color:#F3EEE6;padding:12px 18px;border-radius:12px;text-decoration:none;font:600 14px var(--sans)}
.skip:focus{top:12px}
:focus-visible{outline:2px solid #C9A05A;outline-offset:3px;border-radius:6px}
.privacy{font-size:12.5px;color:var(--muted);margin:2px 0 0;line-height:1.5}

/* cookies (LGPD) */
.cookies{--fg:#F3EEE6;--fg-rgb:243,238,230;--bg:#0A0908;--muted:#A9A196;--line:rgba(243,238,230,.18);position:fixed;z-index:90;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 24px));background:#0A0908;color:var(--fg);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.35);animation:ckin .6s cubic-bezier(.2,.8,.2,1)}
@keyframes ckin{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
.ck-in{padding:20px 22px;display:grid;gap:14px}
.ck-t{margin:0;font-size:13.5px;line-height:1.55;color:rgba(var(--fg-rgb),.82)}
.ck-t b{font-family:var(--serif);font-style:italic;font-weight:500;font-size:16px;color:var(--gold);margin-right:4px}
.ck-t a,.ft-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ck-bt{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
.ck-b{min-height:44px;padding:0 20px;font-size:13px}
.cookies .btn:not(.btn-ghost){background:var(--fg);color:var(--bg)}
.cookies .btn:not(.btn-ghost):hover{background:var(--gold);color:#0A0908}
.ck-l{margin-right:auto;background:none;border:0;color:rgba(var(--fg-rgb),.7);font:600 13px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0}
.ck-prefs{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.ck-op{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:rgba(var(--fg-rgb),.7);cursor:pointer}
.ck-op b{display:block;color:var(--fg);font-size:13px;margin-bottom:2px}
.ck-op input{margin-top:3px;width:18px;height:18px;accent-color:#D9AC55;flex:none}
.ck-prefs .ck-b{justify-self:start}
.ft-links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;padding:0 0 34px;font-size:12px;color:var(--muted)}
@media (max-width:640px){.cookies{bottom:10px;border-radius:18px}.ck-in{padding:16px}.ck-bt .btn{flex:1}.ck-l{width:100%;text-align:left}}
@media print{.cookies{display:none!important}}
.cookies .btn-ghost{background:transparent;color:var(--fg);border-color:rgba(243,238,230,.35)}.cookies .btn-ghost:hover{border-color:var(--fg);color:#fff}