:root{
  --papel:#F9F3E3; --papel-2:#f1e6cd; --carvalho:#e7bc82; --carvalho-2:#caab8d;
  --roxo:#48457A; --roxo-fundo:#37345f; --tinta:#262344; --tinta-2:#565279;
  --folha:#A9CF85; --folha-escura:#5d8a3c; --folha-papel:#c5d9a6;
  --serifa:"Merriweather",Georgia,serif; --sans:"Sen",system-ui,sans-serif;
  --margem:clamp(20px,5vw,84px);
  --D:min(74svh,45vw); /* diâmetro do disco */
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--tinta);background:var(--papel);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.hero{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr;isolation:isolate;overflow:hidden}
.malha{position:absolute;inset:-10%;z-index:-3;
  background:
   radial-gradient(42% 52% at 74% 46%, color-mix(in oklab,var(--carvalho) 62%,transparent), transparent 72%),
   radial-gradient(40% 45% at 8% 92%, color-mix(in oklab,var(--folha) 34%,transparent), transparent 70%),
   radial-gradient(45% 50% at 24% 6%, color-mix(in oklab,#cfc8ea 50%,transparent), transparent 72%),
   radial-gradient(50% 55% at 100% 100%, color-mix(in oklab,var(--carvalho-2) 46%,transparent), transparent 70%),
   var(--papel);
  animation:respira 34s ease-in-out infinite alternate}
@keyframes respira{to{transform:translate3d(-2.5%,1.5%,0) scale(1.06)}}
.grao{position:absolute;inset:0;z-index:-1;opacity:.055;pointer-events:none;mix-blend-mode:multiply}

nav{display:flex;align-items:center;justify-content:space-between;padding:22px var(--margem);position:relative;z-index:5}
.marca{display:flex;align-items:center;gap:12px;font-family:var(--serifa);font-style:italic;font-weight:700;font-size:1.15rem;color:var(--roxo);line-height:1.15}
.marca small{display:block;font-family:var(--sans);font-style:normal;font-weight:600;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--folha-escura);margin-top:3px}
nav ul{display:flex;gap:30px;list-style:none;padding:0;font-size:.92rem;font-weight:500;align-items:center}
nav .zap{padding:10px 18px;border:1.5px solid var(--roxo);border-radius:999px;color:var(--roxo);font-weight:600;background:color-mix(in oklab,var(--papel) 70%,transparent)}

.palco{display:grid;grid-template-columns:minmax(0,1fr) var(--D);align-items:center;gap:clamp(24px,4vw,72px);padding:0 calc(var(--margem) + 2vw) 0 var(--margem)}
.texto{position:relative;z-index:3;padding-bottom:3svh}
.olho{font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--tinta-2);display:flex;gap:.5em 1.1em;flex-wrap:wrap;align-items:center}
.olho b{color:var(--roxo)}

h1{font-family:var(--serifa);font-weight:300;font-size:clamp(1.6rem,2.85vw,2.9rem);line-height:1.2;letter-spacing:-.018em;margin:26px 0 0;color:var(--tinta)}
h1 .l{display:block}
h1 em{display:block;font-style:italic;font-weight:400;color:var(--roxo);font-size:1.72em;line-height:1.05;white-space:nowrap;letter-spacing:-.025em;margin-top:.12em;padding-bottom:.12em}
.apoio{font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.62;max-width:31em;color:var(--tinta-2);margin-top:22px}
.acoes{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}
.botao{background:var(--roxo);color:var(--papel);padding:17px 28px;border-radius:999px;font-weight:600;font-size:1.02rem;box-shadow:0 16px 32px -14px rgba(48,44,88,.75);display:inline-flex;gap:10px;align-items:center;transition:transform .3s,box-shadow .3s}
.botao:hover{transform:translateY(-2px);box-shadow:0 22px 36px -14px rgba(48,44,88,.8)}
.botao svg{width:19px;height:19px;fill:var(--folha)}
.sec{font-weight:600;border-bottom:1.5px solid var(--folha-escura);padding-bottom:3px}

.figura{position:relative;width:var(--D);aspect-ratio:1;align-self:end;margin-bottom:9svh}
.disco{position:absolute;inset:0;border-radius:50%;background:radial-gradient(85% 85% at 70% 18%,#625e9a,var(--roxo) 48%,var(--roxo-fundo));overflow:hidden}
.disco::after{content:"";position:absolute;inset:3.4%;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--folha) 70%,transparent)}
.sombra{position:absolute;left:8%;right:8%;bottom:-9%;height:16%;background:radial-gradient(closest-side,rgba(48,44,88,.42),rgba(48,44,88,0));filter:blur(10px);z-index:-1}
.volta{position:absolute;left:50%;top:50%;width:126%;height:126%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.volta text{font-family:var(--serifa);font-style:italic;font-size:10.4px;fill:var(--roxo);letter-spacing:.045em}
.volta .p{fill:none}
.aro{display:none}
.arv{position:absolute;left:50%;top:50%;width:132%;height:132%;transform:translate(calc(-50% + var(--px,0)*-9px),calc(-56% + var(--py,0)*-7px));overflow:visible;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.arv.fora{z-index:-1}
.arv.fora path{fill:var(--folha-papel)}
.arv.fora .tr{display:none}
.arv.dentro path{fill:var(--folha)}
.arv.dentro .tr{fill:#6a66a3;opacity:.9}
.foto{position:absolute;left:50%;bottom:0;width:100%;aspect-ratio:1067/1450;transform:translateX(-58%);overflow:hidden;pointer-events:none}
.foto img{display:block;width:100%;height:auto;max-width:none;transform:translate(calc(var(--px,0)*5px),calc(var(--py,0)*3px));transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.foto.corpo{clip-path:circle(calc(var(--D)/2) at 58% calc(100% - var(--D)/2))}
.foto.cabeca{clip-path:inset(0 0 52% 0)}
.rodape{display:flex;gap:10px clamp(18px,2.6vw,40px);align-items:center;margin-top:34px;padding-top:20px;border-top:1px solid color-mix(in oklab,var(--roxo) 22%,transparent);max-width:34em;font-size:.86rem;color:var(--tinta-2);position:relative;z-index:4;flex-wrap:wrap}
.rodape strong{font-family:var(--serifa);font-size:1.75rem;font-weight:400;color:var(--tinta);margin-right:10px;vertical-align:-4px}
.estrelas{color:#b98531;letter-spacing:2px;margin-right:8px}
.rodape q{font-family:var(--serifa);font-style:italic;color:var(--roxo);quotes:"“" "”"}

/* entrada */
@media (prefers-reduced-motion:no-preference){
  .disco{animation:abre 1.3s cubic-bezier(.2,.8,.2,1) both}
  .aro{animation-delay:.25s}
  @keyframes abre{from{transform:scale(.72);opacity:0}}
  .foto{animation:sobe 1.2s .35s cubic-bezier(.2,.8,.2,1) both}
  @keyframes sobe{from{opacity:0;translate:0 5%}}
  .fo{animation:brota .9s calc(.7s + var(--i)*70ms) cubic-bezier(.3,1.4,.5,1) both,balanca calc(7s + var(--i)*.37s) calc(2.6s + var(--i)*-.5s) ease-in-out infinite alternate}
  @keyframes balanca{from{rotate:-2.6deg}to{rotate:3.2deg}}
  .volta{animation:gira 1.6s .5s cubic-bezier(.2,.8,.2,1) both}
  @keyframes gira{from{opacity:0;rotate:38deg}}
  .sombra{animation:chega 1.2s .4s both}
  @keyframes brota{from{transform:scale(0) rotate(-25deg);opacity:0}}
  .olho,h1 .l,h1 em,.apoio,.acoes,.rodape{animation:chega .9s both cubic-bezier(.2,.8,.2,1)}
  h1 .l:nth-child(1){animation-delay:.15s} h1 .l:nth-child(2){animation-delay:.27s} h1 em{animation-delay:.5s}
  .apoio{animation-delay:.75s}.acoes{animation-delay:.9s}.rodape{animation-delay:1.1s}
  @keyframes chega{from{opacity:0;transform:translateY(18px)}}
}
@media (max-width:900px){
  :root{--D:min(76vw,37svh)}
  nav{padding:16px var(--margem)}
  nav ul li:not(:last-child){display:none}
  .palco{grid-template-columns:minmax(0,1fr);padding:0 var(--margem);gap:18px;justify-items:start}
  .figura{order:-1;justify-self:center;margin:5svh 0 calc(var(--D)*.11)}
  .olho{font-size:.66rem;letter-spacing:.13em;gap:.35em 1em}
  .mais{display:none}
  h1{margin-top:14px;font-size:clamp(1.3rem,5.9vw,1.9rem)}
  h1 em{font-size:1.5em}
  .apoio{margin-top:14px;font-size:.98rem;line-height:1.5}
  .acoes{margin-top:18px;gap:16px}
  .botao{padding:15px 24px}
  .rodape{margin-top:18px;padding-top:12px;font-size:.8rem}
  .rodape strong{font-size:1.4rem}
  .texto{padding-bottom:22px}
  .rodape .onde{display:none}
}
@media (prefers-reduced-motion:reduce){.malha{animation:none}}

/* ===== base do site (depois do hero) ===== */
:root{
  --roxo-noite:#262344; --roxo-claro:#625e9a; --lilas:#cfc8ea; --creme-texto:#F9F3E3; --creme-2:#ded6c0;
  --ouro:#b98531; --linha:color-mix(in oklab,var(--roxo) 22%,transparent); --linha-clara:color-mix(in oklab,var(--folha) 38%,transparent);
  --raio:22px; --raio-p:12px; --bloco:clamp(72px,11vw,150px); --larg:1240px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
:focus-visible{outline:2.5px solid var(--folha-escura);outline-offset:3px;border-radius:4px}
.u-bx{width:min(100% - 2*var(--margem),var(--larg));margin-inline:auto}
.u-olho{font-family:var(--sans);font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--tinta-2)}
.u-h2{font-family:var(--serifa);font-weight:300;font-size:clamp(1.7rem,3.3vw,3rem);line-height:1.16;letter-spacing:-.018em;color:var(--tinta);text-wrap:balance}
.u-h2 em{font-style:italic;font-weight:400;color:var(--roxo)}
.u-txt{font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.65;color:var(--tinta-2)}
.u-voz{font-family:var(--serifa);font-style:italic;font-weight:300;color:var(--roxo)}
.u-bt{background:var(--roxo);color:var(--papel);padding:17px 28px;border-radius:999px;font-weight:600;font-size:1.02rem;box-shadow:0 16px 32px -14px rgba(48,44,88,.75);display:inline-flex;gap:10px;align-items:center;transition:transform .3s,box-shadow .3s}
.u-bt:hover{transform:translateY(-2px);box-shadow:0 22px 36px -14px rgba(48,44,88,.8)}
.u-bt svg{width:19px;height:19px;fill:var(--folha)}
.u-bt.claro{background:var(--papel);color:var(--roxo-noite)} .u-bt.claro svg{fill:var(--folha-escura)}
.u-lk{font-weight:600;border-bottom:1.5px solid var(--folha-escura);padding-bottom:3px}
.u-escuro{color:var(--creme-texto)} .u-escuro .u-h2{color:var(--creme-texto)} .u-escuro .u-h2 em,.u-escuro .u-voz{color:var(--folha)} .u-escuro .u-olho{color:var(--lilas)} .u-escuro .u-txt{color:var(--creme-2)} .u-escuro .u-lk{border-color:var(--folha)}
.u-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* revelar na rolagem: ponha data-rv no elemento; data-rv="1".."6" atrasa em passos */
@media (prefers-reduced-motion:no-preference){
  .js [data-rv]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--rv,0)*90ms)}
  .js [data-rv].rv-on{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* ===== hi ===== */
.hi-sec{--hi-arc:clamp(64px,10vw,170px);--hi-D:min(88vw,440px);--hi-off:0px;position:relative;isolation:isolate;overflow:clip;padding:calc(var(--hi-arc) + clamp(34px,5vw,70px)) 0 calc(var(--hi-arc) + clamp(30px,4vw,60px))}
.hi-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--hi-arc)*1.5);z-index:-2;pointer-events:none;
  background:radial-gradient(46% 100% at 0% 0%,color-mix(in oklab,var(--folha) 40%,transparent),transparent 80%),radial-gradient(52% 110% at 100% 0%,color-mix(in oklab,var(--carvalho-2) 44%,transparent),transparent 76%)}
.hi-fundo{position:absolute;inset:0;z-index:-1;border-radius:50%/var(--hi-arc);overflow:hidden;
  background:
    radial-gradient(46% 20% at 76% 21%,color-mix(in oklab,var(--roxo-claro) 52%,transparent),transparent 76%),
    radial-gradient(50% 18% at 16% 63%,color-mix(in oklab,var(--roxo) 70%,transparent),transparent 76%),
    radial-gradient(60% 16% at 50% 100%,color-mix(in oklab,var(--roxo) 55%,transparent),transparent 78%),
    linear-gradient(180deg,var(--roxo-fundo),var(--roxo-noite) 58%,#211e3d)}
.hi-fundo::before{content:"";position:absolute;inset:0;opacity:.11;mix-blend-mode:soft-light;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23g)'/%3E%3C/svg%3E")}
.hi-fundo::after{content:"";position:absolute;inset:clamp(9px,1.2vw,18px);border-radius:50%/calc(var(--hi-arc) - 8px);border:1.5px solid var(--linha-clara)}

.hi-topo{position:relative;z-index:1}
.hi-h2{margin-top:16px;font-size:clamp(1.9rem,3.9vw,3.6rem)}
.hi-h2 em{display:block;font-size:1.62em;line-height:1.05;letter-spacing:-.025em;padding-bottom:.1em}
.hi-voz{font-family:var(--serifa);font-style:italic;font-weight:300;color:var(--creme-texto);font-size:clamp(1.14rem,1.7vw,1.55rem);line-height:1.55;text-wrap:pretty}
.hi-voz em,.hi-mq em{color:var(--folha);font-weight:400}
.hi-nota{font-size:.84rem;line-height:1.5;color:color-mix(in oklab,var(--lilas) 82%,var(--roxo-noite));margin-top:12px;max-width:34em}
.hi-lede{max-width:25em;margin-top:18px}
.hi-nota-r{margin-top:10px}

/* a roda: disco, retrato e o aro que vira linha do tempo */
.hi-raiz{position:relative;margin-top:clamp(40px,6vw,70px)}
.hi-roda{position:relative;width:var(--hi-D);aspect-ratio:1;margin-inline:auto}
.hi-chao{position:absolute;left:12%;right:12%;bottom:-3%;height:15%;background:radial-gradient(closest-side,rgba(14,12,36,.6),rgba(14,12,36,0));filter:blur(12px)}
.hi-disco{position:absolute;inset:7.5%;border-radius:50%;overflow:hidden;background:radial-gradient(95% 95% at 20% 12%,#6f6bab,var(--roxo) 44%,#2b2850 84%)}
.hi-arv{position:absolute;left:8%;top:-17%;width:122%;aspect-ratio:1;background:color-mix(in oklab,var(--folha) 26%,var(--roxo));-webkit-mask:url(../img/arvore.svg) center/contain no-repeat;mask:url(../img/arvore.svg) center/contain no-repeat;opacity:.55}
.hi-foto{position:absolute;inset:7.5%;border-radius:50%;overflow:hidden}
.hi-foto img{position:absolute;right:-1.5%;top:8%;width:63%;max-width:none;height:auto;display:block;-webkit-mask:linear-gradient(90deg,transparent,#000 24%);mask:linear-gradient(90deg,transparent,#000 24%)}
.hi-aro{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hi-aro circle,.hi-aro line,.hi-aro path{fill:none}
.hi-aro-l{stroke:color-mix(in oklab,var(--folha) 66%,transparent);stroke-width:.75;stroke-dasharray:1;stroke-dashoffset:0}
.hi-aro-e{stroke:var(--creme-texto);stroke-width:1.2;stroke-linecap:round}
.hi-anos line{stroke:var(--creme-texto);stroke-width:.75;stroke-linecap:round}
.hi-esp-t{font-family:var(--sans);font-weight:600;font-size:5.6px;letter-spacing:.16em;text-transform:uppercase;fill:var(--creme-2)}

.hi-marcos{list-style:none;padding:0}
.hi-m{position:relative}
.hi-mh{font-family:var(--serifa);font-weight:300;font-size:clamp(1.4rem,2.5vw,2.3rem);line-height:1.15;letter-spacing:-.018em;color:var(--creme-texto)}
.hi-mq{font-family:var(--serifa);font-style:italic;font-weight:300;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.6;color:var(--creme-2);margin-top:8px;text-wrap:pretty}
.hi-mt{font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.55;color:var(--creme-2);margin-top:8px}
.hi-fo{position:absolute;width:23px;aspect-ratio:34/52;background:url(../img/folha.svg) center/contain no-repeat;transform-origin:96% 100%;rotate:var(--r,0deg)}

/* coluna (celular e tablet): o aro desce em arcos, com folhas nos nós */
.hi-m1,.hi-m2{margin-top:40px;display:grid;gap:0}
.hi-m1 .hi-m,.hi-m2 .hi-m{padding:0 0 36px 56px;min-height:100px}
.hi-m1 .hi-m::before,.hi-m2 .hi-m::before{content:"";position:absolute;left:4px;top:14px;height:100%;width:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 100' preserveAspectRatio='none'%3E%3Cpath d='M21 0 Q-18 50 21 100' fill='none' stroke='%23A9CF85' stroke-opacity='.6' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.hi-m1 .hi-m:last-child::before,.hi-m2 .hi-m:last-child::before{display:none}
.hi-m1 .hi-fo,.hi-m2 .hi-fo{left:4px;top:-21px;--r:-14deg}
.hi-m1 .hi-fo2,.hi-m2 .hi-fo2{--r:44deg!important;width:18px;left:9px;top:-15px}
.hi-m2 .hi-fo3{--r:-62deg!important;width:16px;left:11px;top:-13px}
.hi-m2 .hi-fo4,.hi-m2 .hi-fo5{display:none}
.hi-m:nth-child(even) .hi-fo{--r:14deg}

.hi-virada{position:relative;margin:clamp(64px,10vw,140px) auto 0;max-width:22em;text-align:center;font-family:var(--serifa);font-weight:300;font-size:clamp(1.34rem,3vw,2.6rem);line-height:1.36;letter-spacing:-.016em;color:var(--creme-texto);padding-top:58px;text-wrap:balance}
.hi-virada em{font-style:italic;font-weight:400;color:var(--folha)}
.hi-virada{padding-top:74px}
.hi-arquinho{position:absolute;left:50%;top:30px;width:min(64%,300px);height:34px;translate:-50% 0;border-top:1.5px solid color-mix(in oklab,var(--folha) 66%,transparent);border-radius:50%/100% 100% 0 0}
.hi-fo-v{left:50%;top:-6px;width:28px;margin-left:-26px;--r:26deg}

.hi-copa{margin-top:clamp(64px,10vw,140px)}
.hi-passo{max-width:30em}
.hi-tit{position:relative;width:min(64vw,240px);aspect-ratio:1;border-radius:50%;overflow:hidden;margin:6px 0 20px;box-shadow:0 0 0 7px var(--roxo-noite),0 0 0 8.5px color-mix(in oklab,var(--folha) 66%,transparent)}
.hi-tit img{display:block;width:100%;height:100%;object-fit:cover}
.hi-m-fim .hi-mh{font-style:italic;font-weight:400;color:var(--folha);font-size:clamp(2.5rem,4.6vw,4.1rem);letter-spacing:-.03em;line-height:1}
.hi-m-fim .hi-mt{color:var(--creme-texto);font-weight:500}
.hi-arco{display:none}
.hi-arco path{fill:none;stroke:color-mix(in oklab,var(--folha) 66%,transparent);stroke-width:1.5}

.hi-hoje{position:relative;margin-top:clamp(64px,10vw,130px);padding-top:clamp(46px,7vw,96px);text-align:center;display:grid;justify-items:center}
.hi-volta{position:absolute;left:50%;top:0;width:min(100%,760px);height:clamp(40px,7vw,90px);translate:-50% 0;overflow:visible}
.hi-volta path{fill:none;stroke:var(--linha-clara);stroke-width:1.5}
.hi-fecho{max-width:25em;margin-top:20px;font-size:clamp(1.24rem,2.4vw,2.05rem);line-height:1.46;text-wrap:balance}
.hi-acoes{display:flex;gap:20px 28px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:36px}
.hi-sec .u-bt.claro{box-shadow:0 16px 32px -14px rgba(10,8,30,.8)}
.hi-sec :focus-visible{outline-color:var(--folha)}

/* tela larga: os marcos sobem para o aro */
@media (min-width:1080px){
  .hi-sec{--hi-D:clamp(640px,58vw,860px);--hi-off:min(6vw,90px)}
  .hi-topo{max-width:min(46%,580px)}
  .hi-raiz{padding-bottom:30px;margin-top:-124px}
  .hi-nota-r{position:absolute;left:0;bottom:8px;width:15em;margin:0}
  .hi-roda{margin:0 calc(-1*var(--hi-off)) 0 auto}
  .hi-esp-t{display:none}
  .hi-aro-l,.hi-anos line{stroke-width:.2}.hi-aro-e{stroke-width:.34}
  .hi-m1{position:absolute;right:calc(-1*var(--hi-off));top:0;width:var(--hi-D);height:var(--hi-D);margin:0;display:block}
  .hi-m1 .hi-m{position:absolute;left:calc(50% + 50%*sin(var(--a)));top:calc(50% - 50%*cos(var(--a)));width:1px;height:1px;padding:0;min-height:0}
  .hi-m1 .hi-m::before,.hi-m2 .hi-m::before{display:none}
  .hi-m1 .hi-fo{left:auto;right:0;top:auto;bottom:0;width:30px;rotate:var(--r)}
  .hi-m1 .hi-fo2{--r:-170deg!important;width:22px;right:0;left:auto;top:auto;bottom:0}
  .hi-m1 .hi-mc{position:absolute;right:56px;top:-1.3em;width:min(27rem,31vw);text-align:right}
  .hi-m1 .hi-m:nth-child(4) .hi-mc{top:-.2em;right:64px}

  .hi-copa{position:relative}
  .hi-passo{position:absolute;left:0;top:0;width:31%;max-width:none;z-index:1}
  .hi-sobe{position:relative;height:540px;margin:0 0 120px}
  .hi-arco{display:block;position:absolute;left:0;top:70px;width:calc(100% - 170px);height:calc(100% - 70px);overflow:visible}
  .hi-m2{position:absolute;inset:0;margin:0;display:block}
  .hi-m2 .hi-m{position:absolute;left:calc((100% - 170px)*(1 - cos(var(--f))));top:calc(70px + (100% - 70px)*(1 - sin(var(--f))));width:1px;height:1px;padding:0;min-height:0}
  .hi-m2 .hi-fo{left:auto;right:0;top:auto;bottom:0;width:28px;rotate:var(--r)}
  .hi-m2 .hi-fo2{--r:calc(var(--rb,0deg) + 58deg)!important;width:22px}
  .hi-m2 .hi-fo3{--r:-34deg!important;width:20px}
  .hi-m2 .hi-mc{position:absolute;left:22px;top:18px;width:270px}
  .hi-m2 .hi-m-fim{left:auto;right:0;top:-80px;width:340px;height:auto}
  .hi-m-fim .hi-tit{width:300px;margin:0 0 26px auto}
  .hi-m2 .hi-m-fim .hi-mc{position:static;width:auto;text-align:right}
  .hi-m2 .hi-m-fim .hi-fo{right:262px;bottom:auto;top:10px;--r:-12deg;width:30px;display:block}
  .hi-m2 .hi-m-fim .hi-fo2{right:228px;top:-22px;--r:8deg!important;width:26px}
  .hi-m2 .hi-m-fim .hi-fo3{right:186px;top:-40px;--r:26deg!important;width:24px}
  .hi-m2 .hi-m-fim .hi-fo4{right:284px;top:52px;--r:-34deg;width:22px}
  .hi-m2 .hi-m-fim .hi-fo5{right:142px;top:-48px;--r:44deg;width:20px}
  .hi-m-fim .hi-nota{margin-left:auto}
  .hi-m-fim .hi-mq{font-size:1.16rem}
}

@media (min-width:1080px) and (max-width:1279px){
  .hi-m2 .hi-mc{width:232px}
  .hi-m2 .hi-m-fim{width:290px}
  .hi-m-fim .hi-tit{width:250px}
  .hi-m2 .hi-m-fim .hi-fo{right:218px;top:8px}
  .hi-m2 .hi-m-fim .hi-fo2{right:190px;top:-18px}
  .hi-m2 .hi-m-fim .hi-fo3{right:155px;top:-33px}
  .hi-m2 .hi-m-fim .hi-fo4{right:236px;top:43px}
  .hi-m2 .hi-m-fim .hi-fo5{right:118px;top:-40px}
}

@media (prefers-reduced-motion:no-preference){
  .js .hi-m .hi-fo,.js .hi-virada .hi-fo{opacity:0;scale:0;transition:scale .9s cubic-bezier(.3,1.4,.5,1) .3s,opacity .4s .3s}
  .js .hi-m .hi-fo2{transition-delay:.42s}.js .hi-m .hi-fo3{transition-delay:.54s}.js .hi-m .hi-fo4{transition-delay:.66s}.js .hi-m .hi-fo5{transition-delay:.78s}
  .js .hi-m.rv-on .hi-fo,.js .hi-virada.rv-on .hi-fo{opacity:1;scale:1}
  .js .hi-roda .hi-aro-l{stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--ease) .2s}
  .js .hi-roda.rv-on .hi-aro-l{stroke-dashoffset:0}
  .js .hi-roda .hi-aro-e,.js .hi-roda .hi-anos,.js .hi-roda .hi-esp-t{opacity:0;transition:opacity 1.2s 1.6s}
  .js .hi-roda.rv-on .hi-aro-e,.js .hi-roda.rv-on .hi-anos,.js .hi-roda.rv-on .hi-esp-t{opacity:1}
}


/* ===== ca ===== */
.ca-sec{--ca-verde:#456b2a;position:relative;padding:var(--bloco) 0;background:var(--papel);isolation:isolate;overflow:hidden}
.ca-sec::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(40% 20% at 14% 20%, color-mix(in oklab,var(--carvalho) 36%,transparent), transparent 72%),
    radial-gradient(44% 20% at 50% 47%, color-mix(in oklab,var(--lilas) 46%,transparent), transparent 72%),
    radial-gradient(36% 16% at 92% 70%, color-mix(in oklab,var(--folha) 22%,transparent), transparent 72%);
  -webkit-mask:linear-gradient(transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.ca-topo .u-h2{margin-top:14px}
.ca-topo{display:grid;justify-items:center;text-align:center}
.ca-topo .u-h2{font-size:clamp(1.9rem,4.3vw,3.9rem)}
.ca-pele{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ca-arco{display:block;width:min(100%,600px);height:auto;overflow:visible;margin-top:6px}
.ca-arco path{fill:none}
.ca-arco-l{stroke:var(--folha-escura);stroke-width:1;opacity:.6}
.ca-arco text{font-family:var(--serifa);font-style:italic;font-weight:400;font-size:23px;fill:var(--roxo);letter-spacing:.02em}
.ca-arco textPath{dominant-baseline:auto}
.ca-n{display:block;font-family:var(--sans);font-style:normal;font-size:.76rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ca-verde);margin-bottom:14px}

.ca-m{display:grid;margin-top:clamp(64px,8.5vw,128px)}
.ca-escuta{margin-top:clamp(44px,5vw,76px)}
.ca-tx{max-width:31em}
.ca-palavra{font-family:var(--serifa);font-style:italic;font-weight:400;color:var(--roxo);font-size:clamp(3rem,7.6vw,6.6rem);line-height:1;letter-spacing:-.035em;text-transform:lowercase;padding-bottom:.12em}
.ca-tx .u-txt{margin-top:18px}
.ca-dela{font-size:clamp(1.02rem,1.35vw,1.22rem);line-height:1.55;margin-top:24px;padding-left:20px;border-left:1.5px solid var(--folha-escura)}
.ca-pac{margin-top:24px;padding-left:30px;position:relative}
.ca-pac::before{content:"";position:absolute;left:0;top:.2em;width:15px;height:23px;background:var(--folha-escura);-webkit-mask:url(../img/folha.svg) center/contain no-repeat;mask:url(../img/folha.svg) center/contain no-repeat;transform:scaleX(-1) rotate(-18deg)}
.ca-pac p,.ca-regua blockquote p{font-family:var(--serifa);font-weight:300;font-size:.98rem;line-height:1.6;color:var(--tinta)}
.ca-sec cite{display:block;font-style:normal;font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--tinta-2);margin-top:6px}
.ca-chao{position:absolute;left:12%;right:12%;bottom:-7%;height:14%;background:radial-gradient(closest-side,rgba(48,44,88,.36),rgba(48,44,88,0));filter:blur(10px);z-index:-1}

/* escuta */
.ca-escuta{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:clamp(40px,8vw,130px);align-items:center}
.ca-fig-escuta{position:relative;width:100%;aspect-ratio:1}
.ca-rosto{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:var(--roxo)}
.ca-rosto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.ca-rosto::after{content:"";position:absolute;inset:3.4%;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--folha) 80%,transparent)}
.ca-ondas{position:absolute;inset:-50%;width:200%;height:200%;z-index:-1;pointer-events:none;-webkit-mask:linear-gradient(90deg,#000 76%,transparent 87%);mask:linear-gradient(90deg,#000 76%,transparent 87%)}
.ca-ondas circle{fill:none;stroke:var(--folha-escura);stroke-width:.3;stroke-dasharray:84 276;stroke-dashoffset:0;transform-origin:50px 50px;transform:rotate(-42deg);opacity:calc(.85 - var(--n)*.24)}
.ca-chip{position:absolute;left:74%;bottom:7%;white-space:nowrap;background:var(--papel);border-radius:999px;padding:14px 26px 13px;box-shadow:0 20px 26px -18px rgba(48,44,88,.55),0 0 0 1px var(--linha)}
.ca-chip p{font-family:var(--serifa);font-style:italic;font-size:1.12rem;color:var(--roxo)}
.ca-chip cite{margin-top:1px}

/* empatia */
.ca-empatia{grid-template-columns:minmax(0,1fr) minmax(0,640px) minmax(0,1fr);grid-template-areas:"w w w" "a f b";gap:clamp(22px,3vw,44px) clamp(24px,3.4vw,52px);align-items:center}
.ca-empatia .ca-palavra{grid-area:w;text-align:center}
.ca-emp-a{grid-area:a;text-align:right;font-family:var(--serifa);font-weight:300;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.5;color:var(--tinta)}
.ca-emp-b{grid-area:b}
.ca-emp-b .ca-dela{margin-top:0}
.ca-fig-empatia{grid-area:f;position:relative;margin:0}
.ca-dois{position:relative;aspect-ratio:1.5;margin:0}
.ca-c1,.ca-c2,.ca-lente{position:absolute;top:0;height:100%;aspect-ratio:1;border-radius:50%}
.ca-c1{left:0;background:radial-gradient(85% 85% at 30% 18%,#d9e8c1,var(--folha-papel) 55%,#b4cd92)}
.ca-c2{right:0;background:radial-gradient(85% 85% at 70% 18%,var(--roxo-claro),var(--roxo) 48%,var(--roxo-fundo))}
.ca-c1::after,.ca-c2::after{content:"";position:absolute;inset:3.4%;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--folha-escura) 55%,transparent)}
.ca-c2::after{border-color:color-mix(in oklab,var(--folha) 70%,transparent)}
.ca-lente{right:0;background:var(--roxo-noite);clip-path:circle(50% at 0 50%)}
.ca-dois p{position:absolute;inset:0;font-family:var(--serifa);font-style:italic;font-size:clamp(1rem,1.9vw,1.6rem);line-height:1.3}
.ca-dois p span{position:absolute;top:50%;transform:translate(-50%,-50%);text-align:center}
.ca-d1{left:17.5%;width:27%;color:var(--tinta)}
.ca-d2{left:50%;width:20%;color:var(--folha)}
.ca-d3{left:82.5%;width:27%;color:var(--creme-texto)}
.ca-fig-empatia figcaption{text-align:center;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--tinta-2);margin-top:22px}
.ca-fig-empatia .ca-chao{bottom:3%}

/* precisão */
.ca-precisao{grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:clamp(40px,7vw,110px);align-items:center}
.ca-precisao .ca-tx{max-width:36em}
.ca-fig-precisao{position:relative;width:100%;aspect-ratio:1}
.ca-alvo{position:absolute;inset:3.7%;border-radius:50%;background:radial-gradient(85% 85% at 70% 18%,var(--roxo-claro),var(--roxo) 48%,var(--roxo-fundo))}
.ca-mira{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ca-mira circle{fill:none}
.ca-mira-t{stroke:var(--roxo);stroke-width:6;stroke-dasharray:.35 4.65;opacity:.55}
.ca-mira-r{stroke:var(--folha);stroke-width:1.3;stroke-dasharray:1;transform-origin:200px 200px;transform:rotate(90deg)}
.ca-mira text{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.24em;text-transform:uppercase;fill:var(--creme-texto)}
.ca-mira-p{fill:var(--papel)!important}
.ca-mira-f path{fill:var(--folha-escura)}
.ca-regua{list-style:none;padding:0;margin-top:26px;border-top:1px solid var(--linha)}
.ca-regua li{display:grid;grid-template-columns:11.5em minmax(0,1fr);gap:4px 18px;padding:16px 0;border-bottom:1px solid var(--linha)}
.ca-rot{display:flex;align-items:flex-start;gap:10px;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ca-verde);padding-top:.35em}

.ca-ic{width:22px;height:22px;flex:none;margin-top:-.3em}
.ca-ic circle{fill:none;stroke:color-mix(in oklab,var(--roxo) 38%,transparent);stroke-width:1}
.ca-ic .ca-ic-on{stroke:var(--folha-escura);stroke-width:2.4}

/* o que eu trato */
.ca-trato{margin-top:clamp(84px,11vw,160px)}
.ca-trato-h{font-family:var(--serifa);font-weight:300;font-size:clamp(1.35rem,2.3vw,2.1rem);line-height:1.25;letter-spacing:-.015em;margin-top:12px;max-width:22em;text-wrap:balance}
.ca-trato-h em{font-style:italic;font-weight:400;color:var(--roxo)}
.ca-ramo-cx{position:relative;height:440px;margin-top:0}
.ca-haste{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ca-haste path{fill:none;stroke:var(--folha-escura);stroke-width:2.6;vector-effect:non-scaling-stroke;stroke-linecap:round}
.ca-ramo{list-style:none;padding:0;position:absolute;inset:0}
.ca-ramo li{position:absolute;left:calc(var(--t)*100%);top:calc(64% - var(--t)*(1 - var(--t))*2*176px);width:0;height:0;--w:50px}
.ca-ramo li.ca-foco{--w:76px}
.ca-ponta{position:absolute;left:100%;top:64%;width:30px;height:46px;background:var(--folha-escura);-webkit-mask:url(../img/folha.svg) center/contain no-repeat;mask:url(../img/folha.svg) center/contain no-repeat;transform-origin:0 100%;transform:translate(-4px,-100%) scaleX(-1) translateX(-100%) rotate(40deg)}
.ca-fl{position:absolute;left:0;bottom:-2px;width:var(--w);height:calc(var(--w)*1.53);background:var(--folha-escura);-webkit-mask:url(../img/folha.svg) center/contain no-repeat;mask:url(../img/folha.svg) center/contain no-repeat;transform-origin:0 100%;transform:scaleX(-1) translateX(-100%) rotate(-12deg)}
.ca-ramo li:nth-child(even) .ca-fl{bottom:auto;top:-2px;transform-origin:0 0;transform:scale(-1,-1) translate(-100%,-100%) rotate(-12deg)}
.ca-foco .ca-fl{background:var(--roxo)}
.ca-nome{position:absolute;left:calc(var(--w)*.35);bottom:calc(var(--w)*1.53 + 12px);width:190px;font-family:var(--serifa);font-weight:300;font-size:1.12rem;line-height:1.3;color:var(--tinta)}
.ca-ramo li:nth-child(even) .ca-nome{bottom:auto;top:calc(var(--w)*1.53 + 12px)}
.ca-foco .ca-nome{font-style:italic;font-weight:400;color:var(--roxo);font-size:clamp(1.4rem,2.1vw,1.9rem);line-height:1.15;width:230px}
.ca-nome small{display:block;width:fit-content;padding:4px 10px 3px;border-radius:999px;box-shadow:0 0 0 1px color-mix(in oklab,var(--folha-escura) 60%,transparent);margin-top:8px!important;font-family:var(--sans);font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ca-verde);margin-top:4px}
.ca-fim{margin-top:10px}

/* gesto: o traço se desenha quando o momento chega */
@media (prefers-reduced-motion:no-preference){
  .js .ca-ondas circle{stroke-dashoffset:84;transition:stroke-dashoffset 1.2s var(--ease) calc(.2s + var(--n)*.14s)}
  .js .ca-on .ca-ondas circle{stroke-dashoffset:0}
  .js .ca-chip{opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease) .9s,transform .9s var(--ease) .9s}
  .js .ca-on .ca-chip{opacity:1;transform:none}
  .js .ca-c1{transform:translateX(-16%);transition:transform 1.3s var(--ease)}
  .js .ca-c2{transform:translateX(16%);transition:transform 1.3s var(--ease)}
  .js .ca-lente,.js .ca-d2{opacity:0;transition:opacity .9s var(--ease) .7s}
  .js .ca-on .ca-c1,.js .ca-on .ca-c2{transform:none}
  .js .ca-on .ca-lente,.js .ca-on .ca-d2{opacity:1}
  .js .ca-mira-r{stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--ease) calc(.1s + var(--n)*.28s)}
  .js .ca-on .ca-mira-r{stroke-dashoffset:0}
  .js .ca-mira-p,.js .ca-mira-f,.js .ca-ponta{opacity:0;transition:opacity .8s var(--ease) 1.1s}
  .js .ca-on .ca-mira-p,.js .ca-on .ca-mira-f,.js .ca-on .ca-ponta{opacity:1}
  .js .ca-haste{clip-path:inset(-20px 100% -20px 0);transition:clip-path 1.6s var(--ease)}
  .js .ca-on .ca-haste{clip-path:inset(-20px 0 -20px 0)}
  .js .ca-ramo .ca-fl{opacity:0;scale:0;transition:opacity .6s var(--ease) calc(.25s + var(--i)*.16s),scale .9s cubic-bezier(.3,1.4,.5,1) calc(.25s + var(--i)*.16s)}
  .js .ca-ramo .ca-nome{opacity:0;transition:opacity .8s var(--ease) calc(.4s + var(--i)*.16s)}
  .js .ca-on .ca-ramo .ca-fl{opacity:1;scale:1}
  .js .ca-on .ca-ramo .ca-nome{opacity:1}
}

@media (max-width:1100px){
  .ca-empatia{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"w w" "f f" "a b";align-items:start}
  .ca-fig-empatia{width:min(100%,640px);justify-self:center}
  .ca-emp-a{text-align:left}
  .ca-escuta{gap:clamp(40px,7vw,90px);grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
  .ca-chip{left:auto;right:-8%;bottom:-2%}
}
@media (max-width:860px){
  .ca-topo{justify-items:start;text-align:left}
  .ca-arco{display:none}
  .ca-pele{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;font-size:1.08rem;margin-top:12px}
  .ca-n{margin-bottom:10px}
  .ca-ponta{display:none}
  .ca-regua li{grid-template-columns:minmax(0,1fr)}
  .ca-escuta,.ca-precisao{grid-template-columns:minmax(0,1fr);gap:40px}
  .ca-fig-escuta{width:min(86%,400px)}
  .ca-chip{right:-14%;bottom:-13%;padding:10px 18px 9px}
  .ca-escuta{gap:64px}
  .ca-chip p{font-size:.98rem}
  .ca-empatia{grid-template-columns:minmax(0,1fr);grid-template-areas:"w" "f" "a" "b"}
  .ca-empatia .ca-palavra{text-align:left}
  .ca-dois p{font-size:clamp(.92rem,4vw,1.3rem)}
  .ca-fig-precisao{width:min(92%,360px);justify-self:center;order:-1}
  .ca-mira text{font-size:15.5px;letter-spacing:.16em}
  .ca-ramo-cx{height:auto;margin-top:26px;padding-left:6px}
  .ca-haste{display:none}
  .ca-ramo{position:relative;display:grid;gap:0;border-left:2px solid var(--folha-escura);padding:8px 0}
  .ca-ramo li,.ca-ramo li.ca-foco{position:relative;left:auto;top:auto;width:auto;height:auto;display:flex;align-items:center;gap:14px;min-height:66px;--w:28px}
  .ca-ramo li.ca-foco{--w:38px;min-height:92px}
  .ca-ramo .ca-foco .ca-nome{font-size:1.4rem}
  .ca-ramo .ca-fl,.ca-ramo li:nth-child(even) .ca-fl{position:relative;top:auto;bottom:auto;flex:none;transform:rotate(58deg) translate(4px,6px);transform-origin:50% 50%}
  .ca-ramo .ca-nome,.ca-ramo li:nth-child(even) .ca-nome{position:static;width:auto}
  .ca-fim{margin-top:30px}
}


/* ===== av ===== */
.av-sec{position:relative;isolation:isolate;padding:var(--bloco) 0;overflow:hidden;background:var(--papel)}
.av-def{position:absolute}
.av-malha{position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(46% 38% at 50% 62%, color-mix(in oklab,var(--carvalho) 46%,transparent), transparent 72%),
    radial-gradient(34% 30% at 12% 48%, color-mix(in oklab,var(--carvalho-2) 30%,transparent), transparent 72%),
    radial-gradient(30% 28% at 90% 40%, color-mix(in oklab,var(--lilas) 34%,transparent), transparent 72%);
  -webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.av-topo{grid-area:topo;position:relative;z-index:1;max-width:26rem}
.av-topo .u-h2{margin-top:16px}
.av-topo .u-txt{margin-top:18px;max-width:22em}

.av-copa{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1.16fr) minmax(0,1fr);grid-template-areas:"topo guia dir" "esq pe dir";column-gap:clamp(20px,3vw,48px);align-items:start}
.av-ramos{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.av-ramos .av-fx{fill:var(--folha)}
.av-ramos .av-fx.av-p{fill:var(--folha-papel)}
.av-ramos path{fill:none;stroke:var(--folha-escura);stroke-width:1.3;stroke-linecap:round;opacity:.75;stroke-dasharray:1}
.av-ramos .av-r2{stroke-width:3.2;stroke-dasharray:.42 1}
.av-ramos .av-r3{stroke-width:5.5;stroke-dasharray:.16 1}

.av-fala{position:relative;margin:0}
.av-fala blockquote,.av-fala figcaption{position:relative;z-index:1}
.av-fala blockquote{margin:0}
.av-fala p{font-family:var(--serifa);font-style:italic;font-weight:300;color:var(--roxo);font-size:clamp(1rem,1.22vw,1.15rem);line-height:1.6;text-wrap:pretty}
.av-fala figcaption{margin-top:10px;font-size:.84rem;color:var(--tinta-2)}
.av-fala figcaption b{font-weight:700;color:var(--tinta);letter-spacing:.02em;margin-right:.3em}
.av-no{position:absolute;width:0;height:0;z-index:0}
.av-fo,.av-fb{position:absolute;right:0;bottom:0;transform-origin:97% 98%;overflow:visible}
.av-fb{height:var(--t,250px);width:calc(var(--t,250px)*.654);rotate:var(--g,-50deg)}
.av-no{--o:var(--v,.8)}
.av-fb use{opacity:var(--o)}
.av-fo{width:26px;height:40px;fill:var(--folha);rotate:var(--g2,14deg)}

.av-guia{grid-area:guia;align-self:end;text-align:center;padding:clamp(60px,7vw,110px) 0 88px;--t:clamp(250px,24vw,340px);--g:31deg;--v:.7}
.av-guia p{font-style:normal;color:var(--tinta);font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.4;letter-spacing:-.012em;text-wrap:balance}
.av-guia p em{display:block;font-style:italic;font-weight:400;color:var(--roxo);font-size:1.55em;line-height:1.1;letter-spacing:-.025em;margin-top:.14em;padding-bottom:.1em}
.av-guia figcaption{margin-top:14px}
.av-guia .av-no{left:50%;bottom:18px}
.av-guia .av-fo{--g2:6deg}
.av-guia .av-fo2{--g2:60deg;width:20px;height:31px}

.av-lado{display:flex;flex-direction:column;gap:clamp(44px,5vw,72px)}
.av-esq{grid-area:esq;text-align:right;padding-top:clamp(44px,5vw,80px)}
.av-dir{grid-area:dir;padding-top:clamp(90px,9vw,140px);gap:clamp(40px,4.4vw,64px)}
.av-lado .av-fala{max-width:20em}
.av-esq .av-fala{margin-left:auto}
.av-esq .av-fala:nth-child(1){margin-right:16%}
.av-esq .av-fala:nth-child(2){margin-right:2%}
.av-esq .av-fala:nth-child(3){margin-right:10%}
.av-dir .av-fala:nth-child(1){margin-left:20%}
.av-dir .av-fala:nth-child(2){margin-left:4%}
.av-dir .av-fala:nth-child(4){margin-left:9%}
.av-esq .av-no{right:-26px;top:58%}
.av-dir .av-no{left:-26px;top:58%;transform:scaleX(-1)}
.av-lado .av-fala:nth-child(1){--g:-44deg;--t:clamp(210px,19vw,262px);--v:.95}
.av-lado .av-fala:nth-child(2){--g:-55deg;--t:clamp(230px,21vw,290px);--v:.7}
.av-lado .av-fala:nth-child(3){--g:-68deg;--t:clamp(200px,18vw,250px);--v:.85}
.av-dir .av-fala:nth-child(1){--g:-36deg;--v:.75}
.av-dir .av-fala:nth-child(2){--g:-52deg;--v:.95}
.av-dir .av-fala:nth-child(3){--g:-62deg;--v:.65;--t:clamp(220px,20vw,276px)}
.av-dir .av-fala:nth-child(4){--g:-74deg;--v:.85;--t:clamp(200px,18vw,250px)}

.av-pe{grid-area:pe;position:relative;justify-self:center;align-self:center;width:clamp(230px,23vw,320px);margin:10px 0 0}
.av-tronco{position:relative;z-index:2;aspect-ratio:1;border-radius:50%;background:radial-gradient(85% 85% at 70% 18%,var(--roxo-claro),var(--roxo) 48%,var(--roxo-fundo));display:grid;place-items:center;color:var(--creme-texto);text-align:center;overflow:hidden}
.av-tronco::before{content:"";position:absolute;inset:-4% -4% -14%;background:#6f6ba8;opacity:.5;-webkit-mask:url(../img/arvore.svg) center/contain no-repeat;mask:url(../img/arvore.svg) center/contain no-repeat}
.av-nota{position:relative;z-index:1}
.av-aro{position:absolute;left:50%;top:50%;width:372%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--folha-escura) 42%,transparent);z-index:-1;pointer-events:none;-webkit-mask-image:conic-gradient(from -27deg,transparent 0,#000 11deg,#000 42deg,transparent 54deg,transparent 360deg);mask-image:conic-gradient(from -27deg,transparent 0,#000 11deg,#000 42deg,transparent 54deg,transparent 360deg)}
.av-tronco::after{content:"";position:absolute;inset:4.5%;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--folha) 70%,transparent)}
.av-nota{display:grid;justify-items:center;gap:4px}
.av-nota strong{font-family:var(--serifa);font-weight:300;font-size:clamp(4.2rem,7.4vw,6.4rem);line-height:1;letter-spacing:-.03em}
.av-est{color:#e9bd68;letter-spacing:6px;font-size:1.15rem;margin:8px 0 0 6px}
.av-arco{position:absolute;left:50%;top:50%;width:126%;height:126%;translate:-50% -50%;overflow:visible;pointer-events:none;z-index:2}
.av-arco text{font-family:var(--serifa);font-style:italic;font-size:10.4px;fill:var(--roxo);letter-spacing:.045em}
.av-chao{position:absolute;left:8%;right:8%;bottom:-11%;height:17%;background:radial-gradient(closest-side,rgba(48,44,88,.42),rgba(48,44,88,0));filter:blur(10px);z-index:0}

.av-fim{margin-top:clamp(64px,7vw,100px);text-align:center;display:grid;justify-items:center;gap:18px}
.av-obs{font-size:.84rem;color:var(--tinta-2);max-width:36em}

@media (prefers-reduced-motion:no-preference){
  .js .av-ramos path{stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--ease);transition-delay:calc(var(--i,0)*90ms)}
  .js .av-ramos .av-r2{stroke-dashoffset:.42}
  .js .av-ramos .av-r3{stroke-dashoffset:.16}
  .js .av-on .av-ramos path{stroke-dashoffset:0}
  .js .av-fala blockquote,.js .av-fala figcaption{opacity:0;transition:opacity 1s var(--ease);transition-delay:calc(.95s + var(--i)*90ms)}
  .js .av-on .av-fala blockquote,.js .av-on .av-fala figcaption{opacity:1}
  .js .av-fb,.js .av-fo{scale:0;opacity:0;transition:scale 1s cubic-bezier(.3,1.4,.5,1),opacity .4s;transition-delay:calc(.6s + var(--i)*90ms)}
  .js .av-fo{transition-delay:calc(.85s + var(--i)*90ms)}
  .js .av-on .av-fb,.js .av-on .av-fo{scale:1;opacity:1}
  .js .av-ramos .av-fx{scale:0;transition:scale .9s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(1s + var(--i)*90ms + var(--k,0)*140ms)}
  .js .av-on .av-ramos .av-fx{scale:1}
  .js .av-aro{opacity:0;scale:.86;transition:opacity 1.4s var(--ease),scale 1.6s var(--ease)}
  .js .av-on .av-aro{opacity:1;scale:1}
  .js .av-nota,.js .av-arco{opacity:0;transition:opacity 1s var(--ease) .1s}
  .js .av-arco{rotate:30deg;transition:opacity 1.2s var(--ease) .3s,rotate 1.6s var(--ease) .3s}
  .js .av-on .av-nota,.js .av-on .av-arco{opacity:1;rotate:0deg}
  .av-on .av-fo{animation:av-balanca calc(8s + var(--i)*.6s) calc(2.6s + var(--i)*-.4s) ease-in-out infinite alternate}
  .av-on .av-fb{animation:av-balanca2 calc(11s + var(--i)*.7s) calc(2.6s + var(--i)*-.6s) ease-in-out infinite alternate}
  @keyframes av-balanca{from{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}
  @keyframes av-balanca2{from{transform:rotate(-1.4deg)}to{transform:rotate(1.6deg)}}
}

@media (max-width:900px){
  .av-copa{display:flex;flex-direction:column;gap:44px;max-width:34rem;margin-inline:auto;padding-left:44px}
  .av-topo{order:-1;margin:0 0 4px -44px;max-width:none}
  .av-lado{display:contents}
  .av-copa .av-lado .av-fala,.av-copa .av-fala{padding:0;max-width:none;margin:0;text-align:left;--t:170px;--g:-84deg;--v:.7}
  .av-copa .av-fala:nth-of-type(even){--g:-78deg;--v:.9;--t:150px}
  .av-guia p{font-size:1.12rem}
  .av-copa .av-no{left:-24px;right:auto;top:22px;bottom:auto;transform:scaleX(-1)}
  .av-copa .av-fo{--g2:100deg;width:22px;height:34px}
  .av-copa .av-fala:nth-of-type(even) .av-fo{--g2:80deg;width:18px;height:28px}
  .av-guia .av-fo2,.av-aro{display:none}
  .av-pe{order:9;align-self:center;margin:44px 0 9% -44px;width:min(230px,62vw)}
  .av-fim{justify-items:start;text-align:left;max-width:34rem;margin-inline:auto}
}
@media (max-width:1199px){.av-aro{display:none}}


/* ===== pc ===== */
.pc-sec{position:relative;padding:var(--bloco) 0;overflow:hidden;isolation:isolate;background:var(--papel)}
.pc-topo{max-width:34rem;display:grid;gap:18px;position:relative;z-index:1}
.pc-topo .u-h2 em{display:block;font-size:1.34em;line-height:1.08;letter-spacing:-.022em;padding-bottom:.08em}
.pc-topo .u-txt{max-width:26em}

/* ---- o percurso: passos sobre o aro ---- */
.pc-trilha{position:relative;container-type:inline-size;margin-top:clamp(0px,1vw,14px);--r:32px;--y0:44px}
.pc-arco{position:absolute;left:0;top:var(--y0);width:100%;height:auto;overflow:visible;z-index:-1;pointer-events:none}
.pc-arco-m{display:none}
.pc-arco-fio{fill:none;stroke:var(--folha-escura);stroke-width:1.4;stroke-linecap:round}
.pc-arco-segue{fill:none;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:.1 7}
.pc-arco-dentro{fill:none;stroke:color-mix(in oklab,var(--folha-escura) 34%,transparent);stroke-width:.7}
.pc-fl{scale:var(--k);transform-origin:0 0}
.pc-passos{list-style:none;padding:0;display:grid;grid-template-columns:25cqw 25cqw 25cqw 22cqw;margin-left:calc(3cqw - var(--r))}
.pc-passo{position:relative;padding:calc(var(--y0) + var(--s) + var(--r) + 22px) 32px 0 0}
.pc-passo:nth-child(1){--s:19.83cqw}
.pc-passo:nth-child(2){--s:6.77cqw}
.pc-passo:nth-child(3){--s:.77cqw}
.pc-passo:nth-child(4){--s:.66cqw;padding-right:0}
.pc-n{position:absolute;left:0;top:calc(var(--y0) + var(--s) - var(--r));width:calc(2*var(--r));height:calc(2*var(--r));border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(85% 85% at 70% 18%,var(--roxo-claro),var(--roxo) 48%,var(--roxo-fundo));box-shadow:0 0 0 7px var(--papel)}
.pc-n::after{content:"";position:absolute;inset:4.5px;border-radius:50%;border:1px solid color-mix(in oklab,var(--folha) 70%,transparent)}
.pc-n i{font-family:var(--serifa);font-style:italic;font-weight:400;font-size:1.5rem;color:var(--creme-texto);line-height:1;translate:-1px -1px}
.pc-h3{font-family:var(--serifa);font-weight:300;font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.25;letter-spacing:-.012em;color:var(--tinta);text-wrap:balance}
.pc-p{margin-top:10px;font-size:1rem;line-height:1.6;color:var(--tinta-2)}
.pc-fala{position:relative;margin-top:18px;padding-left:20px;font-size:.78rem;color:var(--tinta-2)}
.pc-fala::before{content:"";position:absolute;left:0;top:.35em;bottom:.2em;width:1.5px;border-radius:2px;background:var(--folha-escura)}
.pc-fala q{display:block;font-family:var(--serifa);font-style:italic;font-weight:300;font-size:.96rem;line-height:1.6;color:var(--roxo);quotes:"“" "”";margin-bottom:7px}
.pc-fala span{letter-spacing:.05em}
.pc-modos{list-style:none;padding:0;margin-top:16px;display:grid;gap:8px;justify-items:start}
.pc-modos li{display:flex;align-items:baseline;gap:10px;padding:9px 16px;border:1.5px solid color-mix(in oklab,var(--roxo) 55%,transparent);border-radius:999px;font-size:.84rem;color:var(--tinta-2);background:color-mix(in oklab,var(--papel) 72%,transparent)}
.pc-modos b{font-weight:600;font-size:.95rem;color:var(--roxo)}

/* ---- dúvidas ---- */
.pc-duv{margin-top:clamp(64px,7.5vw,110px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,3vw,44px) clamp(28px,5vw,72px);align-items:start}
.pc-duv-topo{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:end}
.pc-duv-topo .u-olho{margin-bottom:14px}
.pc-duv-topo .u-txt{max-width:24em;padding-bottom:.25em}
.pc-h3g{font-family:var(--serifa);font-weight:300;font-size:clamp(1.45rem,2.4vw,2.2rem);line-height:1.2;letter-spacing:-.016em;color:var(--tinta);text-wrap:balance}
.pc-h3g em{font-style:italic;font-weight:400;color:var(--roxo)}
.pc-lista{border-top:1px solid var(--linha)}
.pc-q{position:relative;border-bottom:1px solid var(--linha)}
.pc-q::before{content:"";position:absolute;inset:-1px -18px;border-radius:var(--raio);background:color-mix(in oklab,var(--folha) 20%,var(--papel));opacity:0;transition:opacity .45s var(--ease);z-index:-1;pointer-events:none}
.pc-q[open]::before{opacity:1}
.pc-q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 2px;font-family:var(--serifa);font-weight:300;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.35;color:var(--tinta);border-radius:14px;transition:color .3s;-webkit-tap-highlight-color:transparent}
.pc-q summary::-webkit-details-marker{display:none}
.pc-q summary i{flex:none;position:relative;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--folha-escura);transition:background .4s var(--ease),border-color .4s}
.pc-q summary i::before,.pc-q summary i::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;background:var(--roxo);translate:-50% -50%;transition:rotate .5s var(--ease),background .4s}
.pc-q summary i::after{rotate:90deg}
.pc-q[open] summary{color:var(--roxo)}
.pc-q[open] summary i{background:var(--roxo);border-color:var(--roxo)}
.pc-q[open] summary i::before,.pc-q[open] summary i::after{background:var(--folha)}
.pc-q[open] summary i::after{rotate:0deg}
.pc-q summary:hover{color:var(--roxo)}
.pc-q summary:hover i{background:color-mix(in oklab,var(--folha) 34%,transparent)}
.pc-q[open] summary:hover i{background:var(--roxo)}
.pc-r{padding:0 54px 24px 2px;font-size:clamp(.98rem,1.08vw,1.05rem);line-height:1.65;color:var(--tinta-2)}
.pc-r q{font-family:var(--serifa);font-style:italic;color:var(--roxo);quotes:"“" "”"}
.pc-r small{font-size:.86em}
.pc-lk{font-weight:600;color:var(--tinta);border-bottom:1.5px solid var(--folha-escura);padding-bottom:1px;white-space:nowrap}
@supports (interpolate-size:allow-keywords){
  @media (prefers-reduced-motion:no-preference){
    .pc-duv{interpolate-size:allow-keywords}
    .pc-q::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .55s var(--ease),opacity .45s var(--ease),content-visibility .55s allow-discrete}
    .pc-q[open]::details-content{block-size:auto;opacity:1}
  }
}

/* ---- fecho ---- */
.pc-fim{display:grid;gap:16px;justify-items:start;padding:34px 2px 0}
.pc-fim-voz{font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.3}
.pc-fim-tel{font-size:.92rem;color:var(--tinta-2)}

/* ---- gesto: o aro se desenha, os passos e as folhas brotam ---- */
@media (prefers-reduced-motion:no-preference){
  .js .pc-arco .pc-arco-fio{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--ease)}
  .js .pc-arco-chao,.js .pc-arco-dentro,.js .pc-arco-segue{opacity:0;transition:opacity 1.6s .5s}
  .js .pc-arco-segue{transition-delay:1.7s}
  .js .pc-fl{scale:0;transition:scale .9s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(.5s + var(--t)*1.5s)}
  .js .pc-n{scale:0;transition:scale .9s cubic-bezier(.3,1.4,.5,1);transition-delay:calc(.35s + var(--i)*.3s)}
  .js .pc-passo > :not(.pc-n){opacity:0;translate:0 18px;transition:opacity .9s var(--ease),translate .9s var(--ease);transition-delay:calc(.55s + var(--i)*.3s)}
  .js .pc-on .pc-arco .pc-arco-fio{stroke-dashoffset:0}
  .js .pc-on .pc-arco-chao,.js .pc-on .pc-arco-dentro,.js .pc-on .pc-arco-segue{opacity:1}
  .js .pc-on .pc-fl{scale:var(--k);animation:pc-balanca var(--b) calc(2.6s + var(--t)*-4s) ease-in-out infinite alternate}
  @keyframes pc-balanca{from{rotate:-2.4deg}to{rotate:3deg}}
  .js .pc-on .pc-n{scale:1}
  .js .pc-on .pc-passo > :not(.pc-n){opacity:1;translate:none}
  .js .pc-arco-m{clip-path:inset(0 -20px 100% -20px);transition:clip-path 2.2s var(--ease)}
  .js .pc-trilha::before{opacity:0;transition:opacity 1.2s}
  .js .pc-on.pc-trilha::before{opacity:1}
  .js .pc-on .pc-arco-m{clip-path:inset(0 -20px 0 -20px)}
}

@media (max-width:1040px){
  .pc-trilha{--r:25px;margin-top:66px}
  .pc-arco{display:none}
  .pc-arco-m{display:block;position:absolute;left:var(--r);top:calc(var(--r) - 12.5%);width:100px;height:100%;z-index:-1;pointer-events:none;overflow:visible}
  .pc-arco-m path{vector-effect:non-scaling-stroke}
  .pc-arco-m .pc-arco-segue{stroke:var(--folha-escura);stroke-dasharray:1 7;opacity:.7}
  .pc-passos{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;margin-left:0}
  .pc-passo{padding:8px 0 40px calc(2*var(--r) + var(--mx) + 18px);max-width:36rem}
  .pc-passo:nth-child(1){--mx:17.2px}
  .pc-passo:nth-child(2){--mx:4.2px}
  .pc-passo:nth-child(3){--mx:0px}
  .pc-passo:nth-child(4){--mx:2.8px;padding-right:0}
  .pc-n{left:var(--mx);top:0}
  .pc-n i{font-size:1.2rem}
  .pc-n::before{content:"";position:absolute;left:66%;bottom:80%;width:17px;height:26px;background:var(--folha);-webkit-mask:url(../img/folha.svg) center/contain no-repeat;mask:url(../img/folha.svg) center/contain no-repeat;rotate:58deg;transform-origin:100% 100%}
  .pc-trilha::before{content:"";position:absolute;left:calc(var(--r) + 17.2px);bottom:calc(100% - var(--r));width:min(100% - var(--r) - 17.2px + var(--margem),360px);height:50px;border:solid var(--folha-escura);border-width:1.5px 0 0 1.5px;border-top-left-radius:100% 100%;z-index:-1;pointer-events:none;-webkit-mask:linear-gradient(90deg,#000 30%,transparent);mask:linear-gradient(90deg,#000 30%,transparent)}
  .pc-sec{background:radial-gradient(120% 34% at 0% 24%,color-mix(in oklab,var(--folha) 22%,transparent),transparent 70%),var(--papel)}
  .pc-modos{gap:7px}
  .pc-modos li{padding:7px 14px}
}
@media (max-width:900px){
  .pc-duv{grid-template-columns:minmax(0,1fr);gap:0}
  .pc-duv-topo{display:block;margin-bottom:26px}
  .pc-duv-topo .u-txt{margin-top:14px}
  .pc-col + .pc-col .pc-lista{border-top:0}
  .pc-q::before{inset:-1px -10px}
  .pc-q summary{padding:18px 2px}
  .pc-r{padding:0 8px 22px 2px}
}


/* ===== ct ===== */
.ct-nada{} /* regra de sacrifício: se a folha anterior deixar uma chave solta, é esta que se perde */
/* geometria: o disco grande (raio --ctR, faixa de papel --ctB em cima) e o disco do mapa (diâmetro --ctD, centro em --ctX/--ctY) */
.ct-sec{--ctR:110vw;--ctB:70px;--ctD:min(37vw,520px);
  --ctM:max(var(--margem),calc((100% - var(--larg))/2));
  --ctX:calc(100% - var(--ctM) - var(--ctD)*.6);
  --ctY:calc(var(--ctB) + 2.9vw + var(--ctD)*.67);
  --ctDisco:radial-gradient(circle var(--ctR) at 50% calc(var(--ctB) + var(--ctR)),#000 calc(100% - 1px),transparent 100%),linear-gradient(#000,#000) 0 calc(var(--ctB) + var(--ctR))/100% 100% no-repeat;
  position:relative;isolation:isolate;overflow:clip;
  min-height:calc(var(--ctY) + var(--ctD)*.63 + 20px + 128px + 44px);
  padding:calc(var(--ctB) + 9.6vw + 50px) 0 clamp(56px,6vw,84px)}
.ct-sec :focus-visible{outline-color:var(--folha)}

/* o disco que volta: sobe sobre o papel em arco e termina reto em #1d1a39 */
.ct-fundo{position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(to bottom,rgb(29 26 57 / 0) 34%,#1d1a39 95%),
    radial-gradient(64% 60% at 74% 8%,var(--roxo-claro),var(--roxo) 46%,var(--roxo-fundo) 100%);
  -webkit-mask:var(--ctDisco);mask:var(--ctDisco)}
.ct-aro{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle calc(var(--ctR) - 22px) at 50% calc(var(--ctB) + var(--ctR)),transparent calc(100% - 2.2px),color-mix(in oklab,var(--folha) 62%,transparent) calc(100% - 1.5px),color-mix(in oklab,var(--folha) 62%,transparent) calc(100% - .7px),transparent 100%);
  -webkit-mask:linear-gradient(to bottom,#000 0,#000 calc(var(--ctB) + var(--ctR)*.09),transparent calc(var(--ctB) + var(--ctR)*.24));
          mask:linear-gradient(to bottom,#000 0,#000 calc(var(--ctB) + var(--ctR)*.09),transparent calc(var(--ctB) + var(--ctR)*.24))}

/* a copa do logo atrás do mapa: verde dentro do disco, verde-papel onde passa para fora (como no hero) */
.ct-arv{position:absolute;left:calc(var(--ctX) - var(--ctD)*.75);top:calc(var(--ctY) - var(--ctD)*.92);width:calc(var(--ctD)*1.5);height:calc(var(--ctD)*1.5);
  background:var(--folha);-webkit-mask:url(../img/arvore.svg) center/contain no-repeat;mask:url(../img/arvore.svg) center/contain no-repeat;
  clip-path:inset(0 0 40% 0);transform-origin:50% 62%;pointer-events:none}
.ct-arv-fora{z-index:-3;background:var(--folha-papel)}
.ct-dentro{position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask:var(--ctDisco);mask:var(--ctDisco)}

.ct-texto{max-width:calc(100% - var(--ctD)*1.29 - 28px)}
.ct-h2{margin-top:20px;font-size:clamp(1.45rem,2.45vw,2.35rem);color:var(--creme-2)}
.ct-h2 em{display:block;font-size:2.75em;line-height:1;letter-spacing:-.032em;margin:.1em 0 0 -.04em;padding-bottom:.14em;white-space:nowrap}
.ct-apoio{margin-top:14px;max-width:25em}
.ct-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:30px}
.ct-bt{padding:21px 34px;font-size:1.1rem;box-shadow:0 20px 34px -16px rgba(12,10,32,.9),0 0 0 0 color-mix(in oklab,var(--folha) 0%,transparent)}
.ct-bt:hover{box-shadow:0 24px 38px -16px rgba(12,10,32,.95),0 0 0 6px color-mix(in oklab,var(--folha) 26%,transparent)}
.ct-bt svg{width:23px;height:23px}
.ct-fone{font-family:var(--serifa);font-size:1.2rem;font-weight:300;color:var(--creme-texto);border-bottom:1.5px solid var(--linha-clara);padding-bottom:2px;white-space:nowrap;transition:color .3s,border-color .3s}
.ct-fone:hover,.ct-dado:hover,.ct-lk:hover{color:var(--folha);border-color:var(--folha)}

/* dados: cada um nasce de uma folha */
.ct-ramo{list-style:none;padding:26px 0 0;margin:clamp(34px,3.6vw,48px) 0 0;display:flex;flex-wrap:wrap;gap:20px 44px;border-top:1px solid color-mix(in oklab,var(--lilas) 20%,transparent);max-width:33em}
.ct-item,.ct-onde{position:relative}
.ct-item{padding-left:26px}
.ct-item::before{content:"";position:absolute;left:0;top:-1px;width:13px;height:20px;background:var(--folha);-webkit-mask:url(../img/folha.svg) center/contain no-repeat;mask:url(../img/folha.svg) center/contain no-repeat;transform:rotate(24deg)}
.ct-rot{font-family:var(--sans);font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;color:var(--lilas)}
.ct-dado{display:inline-block;margin-top:4px;color:var(--creme-texto);border-bottom:1px solid var(--linha-clara);overflow-wrap:anywhere;transition:color .3s,border-color .3s}

/* legenda do mapa: o endereço fica debaixo da volta */
.ct-onde{position:absolute;left:calc(var(--ctX) - 230px);top:calc(var(--ctY) + var(--ctD)*.63 + 20px);width:460px;text-align:center}
.ct-end{font-style:normal;margin-top:6px;color:var(--creme-texto);line-height:1.6;font-size:1rem}
.ct-end span{white-space:nowrap}
.ct-ir{margin-top:12px;display:flex;justify-content:center;align-items:baseline;gap:18px}
.ct-lk{color:var(--creme-texto);transition:color .3s,border-color .3s}
.ct-lk::after{content:"";display:inline-block;width:.5em;height:.5em;margin-left:.5em;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:translateY(-.15em) rotate(45deg)}
.ct-cred{font-size:.74rem;letter-spacing:.06em;color:var(--lilas)}

/* a figura: o mapa no lugar do disco */
.ct-fig{position:absolute;left:calc(var(--ctX) - var(--ctD)/2);top:calc(var(--ctY) - var(--ctD)/2);width:var(--ctD);height:var(--ctD)}
.ct-mapa{--ctK:.86;position:absolute;inset:0;border-radius:50%;overflow:hidden;isolation:isolate;transform:translateZ(0);
  background:repeating-radial-gradient(circle at 50% 50%,transparent 0 calc(var(--ctD)*.085 - 1px),color-mix(in oklab,var(--roxo) 16%,transparent) calc(var(--ctD)*.085 - 1px) calc(var(--ctD)*.085)),radial-gradient(circle at 50% 50%,#f6efdd,#e6dcc4);
  box-shadow:0 0 0 calc(var(--ctD)*.034) var(--roxo-fundo),0 0 0 calc(var(--ctD)*.034 + 1.5px) color-mix(in oklab,var(--folha) 70%,transparent)}
.ct-mapa iframe{position:absolute;left:-110px;top:-110px;width:calc((100% + 220px)/var(--ctK));height:calc((100% + 220px)/var(--ctK));max-width:none;border:0;transform-origin:0 0;transform:scale(var(--ctK));filter:sepia(.32) saturate(.8) hue-rotate(-6deg);pointer-events:none}
.js .ct-mapa iframe{opacity:0;transition:opacity 1s var(--ease)}
.js .ct-mapa iframe.ct-ok{opacity:1}
.ct-espera{position:absolute;inset:50% 0 0;display:grid;align-content:start;justify-items:center;text-align:center;color:var(--tinta);gap:1px;font-size:.9rem;padding-top:calc(var(--ctD)*.035)}
.ct-espera b{font-family:var(--serifa);font-weight:400;font-size:1.15rem}
.ct-espera small{margin-top:8px;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2)}
.ct-pino{position:absolute;left:50%;top:-30px;width:20px;height:30px;margin-left:-10px;background:var(--roxo);-webkit-mask:url(../img/folha.svg) center/contain no-repeat;mask:url(../img/folha.svg) center/contain no-repeat;transform:rotate(180deg) scaleX(-1)}
.ct-abre{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(38,35,68,.22),inset 0 calc(var(--ctD)*-.05) calc(var(--ctD)*.12) calc(var(--ctD)*-.04) rgba(55,52,95,.42);transition:box-shadow .5s var(--ease)}
.ct-abre:hover{box-shadow:inset 0 0 0 4px color-mix(in oklab,var(--folha) 80%,transparent),inset 0 calc(var(--ctD)*-.05) calc(var(--ctD)*.12) calc(var(--ctD)*-.04) rgba(55,52,95,.42)}
.ct-abre:focus-visible{outline-offset:calc(var(--ctD)*.034 + 5px);border-radius:50%}
.ct-aqui{position:absolute;left:50%;bottom:calc(50% + 43px*var(--ctK) + 9px);transform:translateX(-50%);background:var(--roxo);color:var(--papel);font-family:var(--serifa);font-style:italic;font-size:.98rem;line-height:1;padding:10px 16px 11px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 18px -8px rgba(38,35,68,.6)}
.ct-aqui::after{content:"";position:absolute;left:50%;bottom:-5px;width:11px;height:11px;margin-left:-5.5px;background:inherit;transform:rotate(45deg);border-radius:0 0 3px 0}
.ct-chao{position:absolute;left:6%;right:6%;bottom:-12%;height:16%;background:radial-gradient(closest-side,rgba(10,8,30,.6),rgba(10,8,30,0));filter:blur(10px);z-index:-1}
.ct-volta{position:absolute;left:50%;top:50%;width:126%;height:126%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.ct-volta text{font-family:var(--serifa);font-style:italic;font-size:25px;fill:var(--folha);letter-spacing:.02em}
.ct-ela{position:absolute;left:-16%;bottom:2%;width:38%;height:auto;border-radius:50%;box-shadow:0 0 0 3px var(--papel),0 0 0 calc(var(--ctD)*.017) var(--roxo-fundo),0 0 0 calc(var(--ctD)*.017 + 1.5px) color-mix(in oklab,var(--folha) 70%,transparent),0 26px 30px -10px rgba(10,8,30,.85)}

@media (prefers-reduced-motion:no-preference){
  .js .ct-mapa{animation:ct-abre 1.3s var(--ease) both paused}
  .js .ct-volta{animation:ct-gira 1.6s .45s var(--ease) both paused}
  .js .ct-arv{animation:ct-brota 1.3s .35s cubic-bezier(.3,1.25,.5,1) both paused,ct-balanca 11s 2.4s ease-in-out infinite alternate paused}
  .js .ct-ela{animation:ct-abre 1s .8s var(--ease) both paused}
  .js .ct-aqui{animation:ct-pousa .9s 1.5s cubic-bezier(.3,1.4,.5,1) both paused}
  .js .ct-on .ct-mapa,.js .ct-on .ct-volta,.js .ct-on .ct-arv,.js .ct-on .ct-ela,.js .ct-on .ct-aqui{animation-play-state:running}
  @keyframes ct-abre{from{scale:.72;opacity:0}}
  @keyframes ct-gira{from{opacity:0;rotate:38deg}}
  @keyframes ct-brota{from{scale:.55;opacity:0}}
  @keyframes ct-balanca{from{rotate:-.9deg}to{rotate:1.1deg}}
  @keyframes ct-pousa{from{opacity:0;translate:0 -14px}}
}

@media (max-width:900px){
  .ct-sec{--ctR:85vw;--ctD:min(70vw,380px);--ctB:calc(var(--ctD)*.21);--ctX:50%;--ctY:calc(var(--ctB) + var(--ctD)*.67);
    min-height:0;padding-top:calc(var(--ctY) + var(--ctD)*.5 + var(--ctD)*.2 + 26px);padding-bottom:44px}
  .ct-mapa{--ctK:.7}
  .ct-texto{max-width:none}
  .ct-h2{font-size:clamp(1.3rem,5.6vw,1.8rem)}
  .ct-h2 em{font-size:2.5em}
  .ct-bt{padding:19px 28px}
  .ct-aqui{font-size:.86rem;padding:8px 13px 9px}
  .ct-ramo{flex-direction:column;gap:20px}
  .ct-onde{position:relative;left:auto;top:auto;width:auto;text-align:left;margin:20px var(--margem) 0;padding-left:26px}
  .ct-onde::before{content:"";position:absolute;left:0;top:-1px;width:13px;height:20px;background:var(--folha);-webkit-mask:url(../img/folha.svg) center/contain no-repeat;mask:url(../img/folha.svg) center/contain no-repeat;transform:rotate(24deg)}
  .ct-pt,.ct-br{display:none}
  .ct-end{font-size:.94rem}
  .ct-espera{font-size:.8rem}
  .ct-espera b{font-size:1rem}
  .ct-espera span:not(.ct-pino){display:none}
  .ct-espera small{margin-top:4px;font-size:.6rem}
  .ct-pt + span{display:block}
  .ct-ir{justify-content:flex-start}
}


/* ===== rd ===== */
.rd-pe{background:radial-gradient(60% 90% at 85% 110%,#2c2958,transparent 70%),#1d1a39;color:var(--creme-2);padding:clamp(70px,9vw,120px) 0 104px;font-size:.93rem;position:relative;overflow:hidden}
.rd-arco{position:absolute;left:-4%;top:18px;width:108%;height:clamp(40px,6vw,90px);color:color-mix(in oklab,var(--folha) 45%,transparent)}
.rd-copa{position:absolute;right:-9vw;bottom:-22vw;width:clamp(380px,52vw,760px);aspect-ratio:1;background:#2b2856;-webkit-mask:url(../img/arvore.svg) center/contain no-repeat;mask:url(../img/arvore.svg) center/contain no-repeat;opacity:.75;pointer-events:none}
.rd-broto{position:absolute;width:clamp(12px,1.3vw,18px);aspect-ratio:34/52;background:url(../img/folha.svg) center/contain no-repeat;transform-origin:50% 100%;opacity:.9}
.rd-b1{left:24%;top:clamp(20px,2.2vw,36px);rotate:-34deg}.rd-b2{left:50%;top:clamp(2px,.3vw,8px);translate:-50% 0;rotate:4deg}.rd-b3{left:74%;top:clamp(20px,2.2vw,36px);rotate:38deg}
.rd-topo,.rd-grade,.rd-fim{position:relative}
.rd-crise{background:color-mix(in oklab,var(--lilas) 9%,transparent);border-radius:999px;padding:8px 18px;margin-left:-18px}
.rd-selo{padding:8px 0}
.rd-topo{display:flex;justify-content:space-between;align-items:center;gap:26px 40px;flex-wrap:wrap}
.rd-nome{display:flex;align-items:center;gap:20px;font-family:var(--serifa);font-style:italic;font-weight:400;font-size:clamp(2rem,4.4vw,3.6rem);letter-spacing:-.02em;color:var(--creme-texto);line-height:1.05}
.rd-nome img{width:clamp(60px,6vw,84px);height:auto;transition:transform .8s var(--ease)}
.rd-nome:hover img{transform:rotate(-8deg) scale(1.05)}
.rd-nome small{display:block;font-family:var(--sans);font-style:normal;font-weight:600;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--folha);margin-top:10px}
.rd-nav{display:flex;gap:10px 26px;flex-wrap:wrap;font-weight:500}
.rd-nav a{padding:6px 0;border-bottom:1.5px solid transparent;transition:border-color .3s,color .3s}
.rd-nav a:hover{color:var(--folha);border-color:var(--folha)}
.rd-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 48px;margin-top:clamp(40px,5vw,64px);line-height:1.7}
.rd-h{font-family:var(--sans);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--lilas);margin-bottom:10px}
.rd-onde{font-style:normal}
.rd-links{list-style:none;padding:0;display:grid;gap:5px}
.rd-links a,.rd-crise a,.rd-selo a{border-bottom:1px solid color-mix(in oklab,var(--folha) 60%,transparent);color:var(--creme-texto);transition:color .3s}
.rd-links a:hover,.rd-selo a:hover,.rd-crise a:hover{color:var(--folha)}
.rd-fim{margin-top:clamp(36px,4vw,52px);padding-top:22px;border-top:1px solid color-mix(in oklab,var(--lilas) 22%,transparent);display:flex;justify-content:space-between;gap:14px 30px;flex-wrap:wrap;font-size:.86rem}
.rd-flut{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--roxo);color:var(--papel);display:inline-flex;align-items:center;gap:9px;padding:14px 20px;border-radius:999px;font-weight:600;box-shadow:0 14px 30px -10px rgba(29,26,57,.7),0 0 0 1.5px color-mix(in oklab,var(--folha) 55%,transparent);transform:translateY(140%);transition:transform .5s var(--ease)}
.rd-flut svg{width:20px;height:20px;fill:var(--folha)}
.rd-flut.rd-on{transform:none}
@media (max-width:820px){.rd-selo{padding-right:132px}.rd-topo{justify-content:flex-start}.rd-nav{justify-content:flex-start}.rd-crise{border-radius:18px;margin-left:0}.rd-copa{right:-30vw;bottom:-36vw;width:110vw;opacity:.55}.rd-b1{left:14%}.rd-b3{left:84%}.rd-grade{grid-template-columns:1fr;gap:26px}.rd-nav{gap:4px 22px}}
@media (min-width:821px){.rd-flut{right:26px;bottom:26px}}