:root{
  /* cor: tirada da foto (mesa, parede, jaleco) e das artes dele */
  --a-pagina:#e4e3df;
  --a-mesa-branco:#e9e8e4;
  --a-jaleco:#f4f5f6;
  --a-nevoa:#d3d3cf;
  --a-concreto:#b9b7b2;
  --a-concreto-fundo:#8d8c88;
  --a-petroleo:#1f5f73;
  --a-petroleo-claro:#2c7a8c;
  --a-marinho:#14294f;
  --a-tinta:#17233b;
  --a-tinta-suave:#414b5c;
  --a-ambar:#e2a53a;
  /* tipografia */
  --a-serifa:"Spectral", "Iowan Old Style", Georgia, serif;
  --a-sans:"Inter Tight", "Helvetica Neue", Arial, sans-serif;
  /* espaçamento */
  --a-margem:clamp(28px, 5vw, 76px);
  --a-nav-h:84px;
  /* geometria da foto (3:4) e altura do tampo da mesa dentro dela */
  --a-fw:clamp(75svh, 55vw, 98svh);
  --a-fh:calc(var(--a-fw) * 4 / 3);
  --a-ftop:calc((100svh - var(--a-fh)) * .35);
  --a-tampo:calc(var(--a-ftop) + var(--a-fh) * .672);
  --a-suave:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--a-pagina);color:var(--a-tinta);font-family:var(--a-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--a-petroleo);outline-offset:3px;border-radius:2px}
.s-pula{position:absolute;left:-999px;top:8px;background:var(--a-tinta);color:var(--a-jaleco);padding:10px 16px;border-radius:4px;z-index:100}
.s-pula:focus{left:8px}
/* granulado único da página */
.s-grao{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
/* utilitários das seções */
.s-wrap{width:100%;max-width:calc(1280px + 2 * var(--a-margem));margin-inline:auto;padding-inline:var(--a-margem)}
.s-sec{position:relative;padding-block:clamp(84px,13vh,168px)}
.s-olho{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a-petroleo)}
.s-h2{font-family:var(--a-serifa);font-weight:300;font-size:clamp(34px,4.2vw,64px);line-height:1.05;letter-spacing:-.02em;color:var(--a-tinta);text-wrap:balance}
.s-h2 em{font-style:italic;color:var(--a-petroleo);letter-spacing:-.015em}
.s-texto{font-size:clamp(16.5px,1.22vw,18.5px);line-height:1.55;color:var(--a-tinta-suave);max-width:34em}
.s-fala{font-family:var(--a-serifa);font-style:italic;font-weight:300}
/* o fio da história: --p (0 a 1) é onde o ponto está */
.s-fio{position:relative;height:1px;width:100%;--p:0}
.s-fio::before{content:"";position:absolute;inset:0;transform-origin:left;background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 58%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 44%, transparent) 60%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%)}
.s-fio::after{content:"";position:absolute;left:calc(var(--p) * 100% - 3.5px);top:-3px;width:7px;height:7px;border-radius:50%;background:var(--a-ambar);box-shadow:0 0 0 4px color-mix(in oklab, var(--a-ambar) 20%, transparent)}
.s-fio.s-rev::before{transform:scaleX(0);transition:transform 1.5s var(--a-suave)}
.s-fio.s-rev::after{opacity:0;transform:scale(.2);transition:opacity .8s .5s var(--a-suave),transform .8s .5s var(--a-suave)}
.s-fio.s-rev.is-in::before{transform:none}
.s-fio.s-rev.is-in::after{opacity:1;transform:none}
.s-escuro .s-fio::before{background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-jaleco) 60%, transparent) 0%, color-mix(in oklab, var(--a-jaleco) 40%, transparent) 60%, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 100%)}
/* revelação por rolagem */
.s-rev:not(.s-fio){opacity:0;transform:translateY(18px);transition:opacity 1s var(--a-suave) var(--d,0s),transform 1.1s var(--a-suave) var(--d,0s)}
.s-rev:not(.s-fio).is-in{opacity:1;transform:none}
.sem-js .s-rev{opacity:1 !important;transform:none !important}
/* botões */
.s-botao{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--a-jaleco);background:var(--a-tinta);padding:16px 26px 16px 22px;border-radius:999px;box-shadow:0 14px 30px -16px rgba(20,41,79,.55);transition:background .35s,transform .35s var(--a-suave),box-shadow .35s}
.s-botao svg{width:19px;height:19px;flex:none}
.s-botao:hover{background:var(--a-petroleo);transform:translateY(-2px)}
.s-link{font-weight:500;color:var(--a-tinta);padding:6px 0;border-bottom:1px solid color-mix(in oklab, var(--a-tinta) 38%, transparent);transition:border-color .3s,color .3s}
.s-link:hover{color:var(--a-petroleo);border-color:var(--a-petroleo)}
/* botão que acompanha a rolagem no celular */
.s-zap{position:fixed;z-index:50;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));display:none;justify-content:center;transform:translateY(140%);transition:transform .6s var(--a-suave)}
.s-zap.is-on{transform:none}
@media (max-width:860px){.s-zap{display:flex}.s-sec{padding-block:clamp(68px,10vh,104px)}}

/* ===== hero ===== */
/* hero A · À mesa (aprovado) */.a-hero{position:relative;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:var(--a-pagina)}

/* ---------- gradiente em malha ---------- */
.a-malha{position:absolute;inset:-12%;z-index:-3;pointer-events:none}
.a-malha i{position:absolute;border-radius:50%;will-change:transform}
.a-malha .a-m1{left:2%;top:0;width:62%;height:70%;
  background:radial-gradient(closest-side in oklab, var(--a-jaleco) 0%, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 100%);
  animation:a-deriva1 34s ease-in-out infinite alternate}
.a-malha .a-m2{left:30%;top:-6%;width:46%;height:74%;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-concreto) 62%, transparent) 0%, color-mix(in oklab, var(--a-concreto) 0%, transparent) 100%);
  animation:a-deriva2 38s ease-in-out infinite alternate}
.a-malha .a-m3{left:-8%;top:52%;width:52%;height:56%;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo-claro) 15%, transparent) 0%, color-mix(in oklab, var(--a-petroleo-claro) 0%, transparent) 100%);
  animation:a-deriva3 30s ease-in-out infinite alternate}
.a-malha .a-m4{left:36%;top:58%;width:60%;height:50%;
  background:radial-gradient(closest-side in oklab, var(--a-mesa-branco) 0%, color-mix(in oklab, var(--a-mesa-branco) 0%, transparent) 100%);
  animation:a-deriva1 40s ease-in-out infinite alternate-reverse}
.a-malha .a-m5{left:8%;top:30%;width:34%;height:44%;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-nevoa) 70%, transparent) 0%, color-mix(in oklab, var(--a-nevoa) 0%, transparent) 100%);
  animation:a-deriva2 26s ease-in-out infinite alternate-reverse}
@keyframes a-deriva1{to{transform:translate3d(4%,3%,0) scale(1.08)}}
@keyframes a-deriva2{to{transform:translate3d(-5%,4%,0) scale(1.06)}}
@keyframes a-deriva3{to{transform:translate3d(6%,-5%,0) scale(1.1)}}


/* ---------- foto ---------- */
.a-foto{position:absolute;z-index:-1;right:0;top:0;height:100%;width:var(--a-fw);overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.28) 9%, rgba(0,0,0,.78) 20%, #000 30%),linear-gradient(to bottom, #000 0%, #000 80%, transparent 99%);
  mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.28) 9%, rgba(0,0,0,.78) 20%, #000 30%),linear-gradient(to bottom, #000 0%, #000 80%, transparent 99%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.a-foto img{position:absolute;left:0;top:var(--a-ftop);width:100%;height:auto;aspect-ratio:3/4;display:block;
  transform-origin:55% 35%;animation:a-foto-entra 2s var(--a-suave) both}
@keyframes a-foto-entra{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}

/* ---------- navegação ---------- */
.a-nav{position:absolute;z-index:5;left:0;right:0;top:0;height:var(--a-nav-h);padding:0 var(--a-margem);
  display:flex;align-items:center;gap:clamp(24px,3.4vw,56px);animation:a-some 1s .1s var(--a-suave) both}
.a-marca{display:flex;flex-direction:column;gap:3px;line-height:1.1}
.a-marca b{font-family:var(--a-serifa);font-weight:400;font-size:20px;letter-spacing:-.005em;color:var(--a-tinta)}
.a-marca span{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--a-tinta-suave)}
.a-links{display:flex;gap:clamp(18px,2.2vw,34px);list-style:none}
.a-links a{font-size:14px;font-weight:500;color:var(--a-tinta-suave);padding:8px 0;position:relative;transition:color .3s}
.a-links a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--a-suave)}
.a-links a:hover{color:var(--a-tinta)}
.a-links a:hover::after{transform:scaleX(1)}
.a-nav-botao{margin-left:auto;font-size:14px;font-weight:600;letter-spacing:.005em;color:var(--a-jaleco);background:var(--a-tinta);
  padding:12px 20px;border-radius:999px;transition:background .3s, transform .3s var(--a-suave)}
.a-nav-botao:hover{background:var(--a-petroleo);transform:translateY(-1px)}

/* ---------- texto ---------- */
.a-texto{position:absolute;z-index:2;left:var(--a-margem);top:0;width:min(47vw, 660px)}
.a-acima{height:var(--a-tampo);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(20px,3.2svh,34px)}
.a-olho{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a-petroleo);margin-bottom:clamp(14px,2.4svh,24px);
  animation:a-sobe 1s .25s var(--a-suave) both}
.a-titulo{font-family:var(--a-serifa);font-weight:300;font-size:clamp(46px, min(5.5vw, 9.4svh), 92px);line-height:1.02;letter-spacing:-.022em;color:var(--a-tinta);text-wrap:balance}
.a-titulo span{display:block;animation:a-sobe 1.1s var(--a-suave) both}
.a-titulo span:nth-child(1){animation-delay:.3s}
.a-titulo span:nth-child(2){animation-delay:.42s}
.a-titulo span:nth-child(3){animation-delay:.54s}
.a-titulo em{font-style:italic;font-weight:300;color:var(--a-petroleo);letter-spacing:-.015em}

.a-abaixo{padding-top:clamp(18px,3svh,30px)}
.a-apoio{font-size:clamp(16px,1.22vw,18.5px);line-height:1.5;color:var(--a-tinta-suave);max-width:30em;animation:a-sobe 1s 1.05s var(--a-suave) both}
.a-apoio strong{font-weight:600;color:var(--a-tinta)}
.a-acoes{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;margin-top:clamp(16px,2.6svh,26px);animation:a-sobe 1s 1.2s var(--a-suave) both}
.a-botao{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--a-jaleco);background:var(--a-tinta);
  padding:16px 26px 16px 22px;border-radius:999px;box-shadow:0 14px 30px -16px rgba(20,41,79,.55);transition:background .35s, transform .35s var(--a-suave), box-shadow .35s}
.a-botao svg{width:19px;height:19px;flex:none}
.a-botao:hover{background:var(--a-petroleo);transform:translateY(-2px);box-shadow:0 20px 34px -16px rgba(20,41,79,.6)}
.a-segundo{font-size:15px;font-weight:500;color:var(--a-tinta);padding:6px 0;border-bottom:1px solid color-mix(in oklab, var(--a-tinta) 38%, transparent);transition:border-color .3s,color .3s}
.a-segundo:hover{color:var(--a-petroleo);border-color:var(--a-petroleo)}
.a-prova{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:clamp(16px,2.8svh,28px);font-size:13.5px;font-weight:500;color:var(--a-tinta-suave);font-variant-numeric:tabular-nums;
  animation:a-sobe 1s 1.35s var(--a-suave) both}
.a-prova b{font-weight:600;color:var(--a-tinta)}
.a-prova i{width:1px;height:13px;background:color-mix(in oklab, var(--a-tinta) 30%, transparent)}

/* ---------- o fio: o tampo continuando ---------- */
.a-fio{position:absolute;z-index:1;left:var(--a-margem);top:var(--a-tampo);right:calc(var(--a-fw) * .9);height:1px;pointer-events:none}
.a-fio::before{content:"";position:absolute;inset:0;transform-origin:left;
  background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 62%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 46%, transparent) 55%, color-mix(in oklab, var(--a-concreto-fundo) 0%, transparent) 100%);
  animation:a-risca 1.5s .7s var(--a-suave) both}
.a-fio::after{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--a-ambar);
  box-shadow:0 0 0 4px color-mix(in oklab, var(--a-ambar) 20%, transparent);animation:a-ponto 1s .6s var(--a-suave) both}
@keyframes a-risca{from{transform:scaleX(0)}to{transform:none}}
@keyframes a-ponto{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
@keyframes a-sobe{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes a-some{from{opacity:0}to{opacity:1}}

/* ---------- telas baixas no desktop ---------- */
@media (min-width:861px) and (max-height:760px){
  :root{--a-nav-h:68px}
  .a-olho{display:none}
  .a-abaixo{padding-top:14px}
  .a-apoio{font-size:15.5px;line-height:1.45}
  .a-acoes{margin-top:12px}
  .a-botao{padding:12px 22px 12px 18px;font-size:15px}
  .a-prova{margin-top:11px;font-size:13px}
}

/* ---------- celular: foto em cima, texto embaixo ---------- */
@media (max-width:860px){
  :root{--a-nav-h:58px;--a-margem:22px}
  .a-hero{height:auto;min-height:100svh;display:flex;flex-direction:column}
  .a-nav{position:relative;flex:none}
  .a-links{display:none}
  .a-marca b{font-size:17.5px}
  .a-marca span{font-size:9px;letter-spacing:.12em}
  .a-nav-botao{padding:10px 16px;font-size:13.5px}
  .a-foto{position:relative;flex:none;width:100%;height:min(49svh, 112vw);
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 9%, #000 66%, rgba(0,0,0,.5) 84%, transparent 100%);
    mask-image:linear-gradient(to bottom, transparent 0%, #000 9%, #000 66%, rgba(0,0,0,.5) 84%, transparent 100%);
    -webkit-mask-composite:source-over;mask-composite:add}
  .a-foto img{top:0}
  .a-texto{position:relative;left:auto;width:auto;flex:1;margin:-2.5svh var(--a-margem) 0;padding-bottom:26px;display:flex;flex-direction:column}
  .a-acima{height:auto;display:block;padding-bottom:16px}
  .a-olho{display:none}
  .a-titulo{font-size:clamp(35px, 10.4vw, 52px);line-height:1.03}
  .a-fio{display:none}
  .a-abaixo{position:relative;padding-top:18px}
  .a-abaixo::before{content:"";position:absolute;left:0;top:0;width:72%;height:1px;transform-origin:left;
    background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 62%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 46%, transparent) 55%, color-mix(in oklab, var(--a-concreto-fundo) 0%, transparent) 100%);
    animation:a-risca 1.5s .7s var(--a-suave) both}
  .a-abaixo::after{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--a-ambar);
    box-shadow:0 0 0 4px color-mix(in oklab, var(--a-ambar) 20%, transparent);animation:a-ponto 1s .6s var(--a-suave) both}
  .a-apoio{font-size:15.5px;line-height:1.45}
  .a-acoes{margin-top:18px;gap:12px 22px}
  .a-botao{flex:1 1 100%;justify-content:center;padding:16px 22px}
  .a-segundo{font-size:14.5px}
  .a-prova{margin-top:16px;font-size:13px;gap:6px 12px}
}
@media (max-width:860px) and (max-height:760px){
  .a-foto{height:min(43svh, 112vw)}
  .a-titulo{font-size:34px}
  .a-texto{padding-bottom:16px}
  .a-acoes{margin-top:14px;gap:10px 22px}
  .a-prova{margin-top:12px}
}
.a-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;z-index:-2;pointer-events:none;background:linear-gradient(to bottom in oklab, color-mix(in oklab, var(--a-pagina) 0%, transparent), var(--a-pagina))}

/* ---------- fundo animado do título: luz que respira e linhas que se leem ---------- */
.a-fundo{position:absolute;z-index:-1;left:calc(-1 * var(--a-margem));right:-14%;top:calc(var(--a-tampo) - clamp(320px, 50svh, 470px));height:clamp(400px, 62svh, 600px);pointer-events:none;
  -webkit-mask-image:linear-gradient(to right, #000 0%, #000 60%, transparent 100%);mask-image:linear-gradient(to right, #000 0%, #000 60%, transparent 100%);
  animation:a-some 2.4s .2s var(--a-suave) both}
.a-luz{position:absolute;border-radius:50%;will-change:transform}
.a-luz1{left:0;top:10%;width:74%;height:80%;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo-claro) 30%, transparent) 0%, color-mix(in oklab, var(--a-petroleo-claro) 0%, transparent) 100%);
  animation:a-respira1 17s ease-in-out infinite alternate}
.a-luz2{left:26%;top:24%;width:58%;height:66%;
  background:radial-gradient(closest-side in oklab, var(--a-jaleco) 0%, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 100%);
  animation:a-respira2 23s ease-in-out infinite alternate}
.a-luz3{left:12%;top:46%;width:34%;height:36%;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-ambar) 16%, transparent) 0%, color-mix(in oklab, var(--a-ambar) 0%, transparent) 100%);
  animation:a-respira3 29s ease-in-out infinite alternate}
@keyframes a-respira1{0%{transform:translate3d(-6%,4%,0) scale(.92);opacity:.7}100%{transform:translate3d(12%,-7%,0) scale(1.12);opacity:1}}
@keyframes a-respira2{0%{transform:translate3d(8%,5%,0) scale(1.06)}100%{transform:translate3d(-14%,-5%,0) scale(.88)}}
@keyframes a-respira3{0%{transform:translate3d(0,8%,0) scale(.9);opacity:.5}100%{transform:translate3d(60%,-14%,0) scale(1.15);opacity:1}}
/* linhas sob cada linha do título, com uma luz que as percorre como quem lê */
.a-titulo span{position:relative;width:fit-content}
.a-titulo span::before,.a-titulo span::after{content:"";position:absolute;left:0;bottom:-.02em;height:1px;pointer-events:none;z-index:-1}
.a-titulo span::before{right:-.6em;background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 15%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 8%, transparent) 70%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%);
  transform-origin:left;animation:a-risca 1.6s .9s var(--a-suave) both}
.a-titulo span::after{width:28%;transform:translateX(0);opacity:0;
  background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-petroleo) 0%, transparent), color-mix(in oklab, var(--a-petroleo) 60%, transparent) 72%, color-mix(in oklab, var(--a-ambar) 90%, transparent) 100%);
  animation:a-le 13s 2.6s cubic-bezier(.45,.05,.35,1) infinite}
.a-titulo span:nth-child(2)::after{animation-delay:4.4s}
.a-titulo span:nth-child(3)::after{animation-delay:6.2s}
@keyframes a-le{0%{transform:translateX(0);opacity:0}4%{opacity:1}22%{opacity:1}26%{transform:translateX(270%);opacity:0}100%{transform:translateX(270%);opacity:0}}
@media (max-width:860px){
  .a-fundo{left:calc(-1 * var(--a-margem));right:calc(-1 * var(--a-margem));top:-20px;height:clamp(190px, 52vw, 250px);
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, #000 22%, #000 78%, transparent 100%)}
  .a-luz1{left:-12%;width:96%}
}
@media (prefers-reduced-motion:reduce){.a-titulo span::after{display:none}}

/* ===== me ===== */
/* II · Como ele atende: fala → palavra → história. As palavras soltas assentam numa linha sobre o fio; a frase dele vem logo abaixo, na mesma grade */
.me-sec{overflow-x:clip;--me-g:clamp(16px,2.2vw,32px);--me-sangra:max(var(--a-margem), calc((100vw - 1280px) / 2));
  background:linear-gradient(to bottom in oklab, var(--a-pagina) 0%, var(--a-pagina) 44%, var(--a-jaleco) 86%, var(--a-jaleco) 100%)}
.me-cab{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:clamp(32px,8vw,120px);align-items:end}
.me-cab .s-olho{margin-bottom:clamp(16px,2.4vh,26px)}
.me-intro{padding-bottom:.5em}

/* o campo: --k vai de 0 (soltas) a 1 (em linha), pela rolagem */
.me-campo{--k:0;--me-h:clamp(100px,10.4vw,152px);padding-top:var(--me-h);margin-top:clamp(26px,5vh,56px)}
.me-ditos,.me-linha,.me-frase p{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--me-g)}
.me-linha{align-items:baseline;padding-bottom:clamp(10px,1.1vw,16px);font-family:var(--a-serifa);font-weight:300;font-size:clamp(20px,2.65vw,39px);line-height:1;letter-spacing:-.022em;color:var(--a-tinta)}
.me-w,.me-dito{display:block;white-space:nowrap;transform-origin:left bottom;
  transform:translate3d(calc(var(--dx,0px) * (1 - var(--k))), calc(var(--me-h) * var(--dy) * (1 - var(--k))), 0) scale(calc(1 + var(--ds,0) * (1 - var(--k))));
  transition:transform .7s var(--a-suave),opacity .7s var(--a-suave)}
.me-w{opacity:calc(var(--o) + (1 - var(--o)) * var(--k))}
.me-w b{display:block;font-weight:inherit;animation:me-paira var(--t) ease-in-out infinite alternate}
@keyframes me-paira{from{transform:translate3d(0,calc(-5px * (1 - var(--k))),0)}to{transform:translate3d(0,calc(6px * (1 - var(--k))),0)}}
.me-w1{--dy:-.26;--ds:.34;--o:.8;--t:13s}
.me-w2{--dy:-.82;--ds:-.14;--o:.6;--t:17s;--dx:1.5vw}
.me-w3{--dy:-.12;--ds:.08;--o:.68;--t:19s}
.me-w4{--dy:-.66;--ds:.5;--o:.82;--t:14s;--dx:-3vw}
.me-w5{--dy:-.3;--ds:-.1;--o:.6;--t:16s;--dx:2vw}
.me-ditos{align-items:baseline;margin-bottom:clamp(12px,1.3vw,18px)}
.me-dito{font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(15px,1.45vw,21px);line-height:1;color:var(--a-tinta-suave)}
.me-d1{grid-column:1;--dy:-.86;--dx:1vw}
.me-d2{grid-column:3;--dy:-.74;--dx:3vw}
.me-d3{grid-column:4 / 6;--dy:-1.14;--dx:9vw}

/* a frase, pousada sob o fio, nas mesmas cinco colunas */
.me-frase p{padding-top:clamp(18px,2.8vh,28px);font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(19px,1.8vw,27px);line-height:1.22;letter-spacing:-.012em;color:var(--a-tinta)}
.me-frase p span{display:block;text-wrap:balance}
.me-frase p i{font-style:inherit;color:var(--a-tinta-suave)}
.me-frase p span:first-child i{color:var(--a-petroleo)}
.me-frase figcaption{margin-top:clamp(22px,3.4vh,34px);font-size:13.5px;font-weight:500;color:var(--a-tinta-suave)}

/* a mesa: a citação do lado de quem chega, as mãos dele do outro; o tampo faz a passagem para o fundo claro */
.me-baixo{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end;margin-top:clamp(40px,7vh,88px)}
.me-lado{position:relative;z-index:1;padding-bottom:clamp(40px,7.5vw,112px);margin-right:-4vw}
.me-maos{margin-right:calc(var(--me-sangra) * -1);margin-left:-3vw;
  -webkit-mask-image:linear-gradient(to right, transparent 2%, #000 34%),linear-gradient(to bottom, transparent 3%, #000 30%, #000 60%, transparent 97%);
  mask-image:linear-gradient(to right, transparent 2%, #000 34%),linear-gradient(to bottom, transparent 3%, #000 30%, #000 60%, transparent 97%);
  -webkit-mask-composite:source-in;mask-composite:intersect}
.me-maos img{width:100%}
.me-cita p{font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(25px,2.75vw,41px);line-height:1.14;letter-spacing:-.018em;color:var(--a-tinta);text-wrap:balance;text-indent:-.42em}
.me-conselho{margin-top:clamp(18px,2.8vh,30px);font-family:var(--a-serifa);font-style:italic;font-size:clamp(17px,1.35vw,20px);line-height:1.4;color:var(--a-petroleo);max-width:22em}

/* linha de assinatura */
.me-assina{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px 40px;padding-top:20px;border-top:1px solid color-mix(in oklab, var(--a-tinta) 20%, transparent)}
.me-quem{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;font-weight:500;color:var(--a-tinta-suave);font-variant-numeric:tabular-nums}
.me-quem b{font-weight:600;color:var(--a-tinta)}
.me-quem i{width:1px;height:13px;background:color-mix(in oklab, var(--a-tinta) 30%, transparent)}
.me-lema{font-family:var(--a-serifa);font-style:italic;font-size:clamp(16.5px,1.3vw,19px);color:var(--a-tinta)}

@media (max-width:860px){
  .me-cab{display:block}
  .me-intro{margin-top:20px;padding-bottom:0}
  .me-campo{--me-h:74px;margin-top:30px}
  .me-ditos{display:block;margin-bottom:22px}
  .me-dito{font-size:16.5px;line-height:1.5}
  .me-d1{--dy:-.9;--dx:0px}
  .me-d2{--dy:-1;--dx:0px;margin-left:36%}
  .me-d3{--dy:-.94;--dx:0px;margin-left:11%}
  .me-linha{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:10px;font-size:clamp(20px,6vw,24px);padding-bottom:13px}
  .me-w1{order:1;--dy:-.78;--ds:.3;--dx:0px}
  .me-w4{order:2;--dy:-.2;--ds:.34;--dx:-10px}
  .me-w5{order:3;--dy:-.56;--ds:-.06;--dx:0px}
  .me-w2{order:4;--dy:-.1;--ds:0;--dx:0px}
  .me-w3{order:5;--dy:-.02;--ds:.08;--dx:-14px}
  .me-frase p{display:block;font-size:24px;line-height:1.24;padding-top:22px}
  .me-frase p span{margin-top:.34em}
  .me-frase p span:first-child{font-size:17px;margin-top:0;margin-bottom:.7em}
  .me-frase p span:nth-child(3){padding-left:18px}
  .me-frase p span:nth-child(4){padding-left:36px}
  .me-frase p span:nth-child(5){padding-left:54px}
  .me-baixo{display:flex;flex-direction:column-reverse;align-items:stretch;margin-top:40px}
  .me-maos{margin-inline:calc(var(--a-margem) * -1);
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 30%, #000 58%, transparent 98%);mask-image:linear-gradient(to bottom, transparent 0%, #000 30%, #000 58%, transparent 98%);-webkit-mask-composite:source-over;mask-composite:add}
  .me-maos img{width:124%;max-width:none;margin-left:-14%}
  .me-lado{margin:-40px 0 0;padding-bottom:40px}
  .me-cita p{font-size:26px;text-wrap:pretty;text-indent:0}
  .me-assina{display:block}
  .me-quem i:last-of-type{display:none}
  .me-quem span:last-child{flex-basis:100%}
  .me-lema{margin-top:14px}
}
@media (prefers-reduced-motion:reduce){.me-campo{--k:1 !important}}

/* ===== si ===== */
/* III · Antes do limite: o fio é o tempo até o limite; a pergunta dele cresce ao longo do fio; o ponto anda e para no primeiro trecho */
.si-sec{overflow-x:clip;--si-sangra:max(var(--a-margem), calc((100vw - 1280px) / 2));--si-a:24%;--si-b:44%;--si-c:65%;
  background:radial-gradient(ellipse 46% 30% at 100% 50% in oklab, color-mix(in oklab, var(--a-nevoa) 66%, transparent) 0%, color-mix(in oklab, var(--a-nevoa) 0%, transparent) 100%),
    linear-gradient(to bottom in oklab, var(--a-jaleco) 0%, var(--a-jaleco) 60%, var(--a-pagina) 100%)}
.si-cab{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,6vw,96px);align-items:end}
.si-cab .s-olho{margin-bottom:clamp(16px,2.4vh,26px)}
.si-analogia p{font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(18px,1.5vw,21.5px);line-height:1.42;color:var(--a-tinta);text-indent:-.42em}
.si-analogia figcaption{margin-top:14px;font-size:13.5px;font-weight:500;color:var(--a-tinta-suave)}

/* a régua */
.si-regua{margin-top:clamp(60px,11vh,128px)}
.si-rotulos{position:relative;height:28px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.si-agora{position:absolute;left:var(--si-a);top:0;color:var(--a-petroleo)}
.si-limite{position:absolute;right:0;top:0;color:var(--a-tinta-suave)}
.si-fio{position:relative;height:1px}
.si-fio::before{content:"";position:absolute;left:0;top:0;bottom:0;right:calc(var(--si-sangra) * -1);transform-origin:left;transform:scaleX(0);transition:transform 2.2s var(--a-suave);
  background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 58%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 50%, transparent) 62%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%)}
.si-fio::after{content:"";position:absolute;left:-3.5px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--a-ambar);box-shadow:0 0 0 4px color-mix(in oklab, var(--a-ambar) 20%, transparent);opacity:0;
  transition:opacity .6s .15s var(--a-suave),left 1.9s .2s var(--a-suave)}
.si-fio.is-in::before,.sem-js .si-fio::before{transform:none}
.si-fio.is-in::after,.sem-js .si-fio::after{opacity:1;left:calc(var(--si-a) - 3.5px)}
.si-fio i{position:absolute;top:0;width:1px;height:9px;background:color-mix(in oklab, var(--a-tinta) 46%, transparent)}
.si-fio i:nth-child(1){left:var(--si-b)}
.si-fio i:nth-child(2){left:var(--si-c)}
.si-sob{display:grid;grid-template-columns:minmax(0,24fr) minmax(0,76fr);padding-top:clamp(20px,3vh,30px)}
.si-sinais{padding-right:24px}
.si-sinais p{font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(16.5px,1.36vw,19.5px);line-height:1.36;color:var(--a-tinta-suave);text-indent:-.42em}
.si-sinais span{display:block}
.si-sinais span+span,.si-sinais em{text-indent:0}
.si-sinais em{display:block;margin-top:.55em;color:var(--a-petroleo);max-width:12em}
.si-dir{position:relative}
.si-pergunta p{display:grid;grid-template-columns:minmax(0,20fr) minmax(0,21fr) minmax(0,35fr);align-items:start;font-family:var(--a-serifa);font-style:italic;font-weight:300;color:var(--a-tinta);letter-spacing:-.02em;line-height:1.06}
.si-pergunta span{display:block;padding-right:.6em;text-wrap:balance}
.si-t1{font-size:clamp(20px,2.1vw,30px);text-indent:-.42em}
.si-t2{font-size:clamp(25px,2.9vw,42px)}
.si-t3{font-size:clamp(30px,3.9vw,56px);line-height:1.02}
.si-pergunta .si-t3{padding-right:0}
.si-t4{grid-column:3;margin-top:clamp(26px,4vh,44px);font-size:clamp(19px,1.6vw,23px);letter-spacing:-.005em;line-height:1.3}
.si-t4 a{color:var(--a-petroleo);padding-bottom:4px;border-bottom:1px solid color-mix(in oklab, var(--a-petroleo) 46%, transparent);transition:border-color .3s,color .3s}
.si-t4 a:hover{color:var(--a-tinta);border-color:var(--a-tinta)}
.si-rot{display:none}
.si-aceitar{position:absolute;left:0;bottom:0;width:calc(41 / 76 * 100% - 40px);max-width:21em;font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(17px,1.5vw,21.5px);line-height:1.34;color:var(--a-tinta);text-indent:-.42em;text-wrap:balance}

@media (max-width:860px){
  .si-sec{background:linear-gradient(to bottom in oklab, var(--a-jaleco) 0%, var(--a-jaleco) 60%, var(--a-pagina) 100%)}
  .si-cab{display:block}
  .si-analogia{margin-top:26px}
  .si-analogia p,.si-sinais p,.si-t1,.si-aceitar{text-indent:0}
  .si-regua{margin-top:44px}
  .si-rotulos,.si-fio{display:none}
  .si-sob{display:block;padding-top:0}
  .si-sinais{padding-right:0}
  .si-sinais p{font-size:19px;line-height:1.34}
  .si-sinais span,.si-sinais em{display:inline}
  .si-pergunta{margin-top:44px}
  .si-pergunta p{display:block}
  .si-pergunta span{position:relative;padding:20px 0 0;margin-top:22px}
  .si-pergunta span::before{content:"";position:absolute;left:0;top:0;height:1px;width:var(--w);background:color-mix(in oklab, var(--a-tinta) 52%, transparent)}
  .si-t1{--w:25%;font-size:23px}
  .si-t1::after{content:"";position:absolute;left:calc(25% - 3.5px);top:-3px;width:7px;height:7px;border-radius:50%;background:var(--a-ambar);box-shadow:0 0 0 4px color-mix(in oklab, var(--a-ambar) 20%, transparent)}
  .si-t2{--w:50%;font-size:30px}
  .si-t3{--w:75%;font-size:clamp(34px,10vw,40px)}
  .si-pergunta .si-t4{--w:calc(100% + var(--a-margem));font-size:20px;padding-top:44px;margin-top:26px}
  .si-pergunta .si-t4::before{background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 52%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 46%, transparent) 60%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%)}
  .si-rot{display:block;position:absolute;right:0;top:12px;font-family:var(--a-sans);font-style:normal;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a-tinta-suave)}
  .si-aceitar{position:static;width:auto;max-width:none;margin-top:44px;font-size:19px}
}

/* ===== te ===== */
/* IV · temas · lista editorial: cada tema é uma linha do fio; a linha ativa abre a fala */
.te-sec{--te-col:40%;--te-nc:clamp(44px,4.6vw,66px);--te-fio:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 60%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 46%, transparent) 62%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%);
  background:var(--a-pagina)}

.te-topo{display:grid;grid-template-columns:var(--te-col) minmax(0,1fr);align-items:end;margin-bottom:clamp(44px,7.5vh,88px)}
.te-h2{margin-top:clamp(16px,2.4vh,24px)}
.te-intro{max-width:27em;padding-bottom:.35em}

/* ---------- a lista ---------- */
.te-quadro{position:relative;isolation:isolate}
.te-quadro::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:color-mix(in oklab, var(--a-tinta) 16%, transparent)}
.te-lista{list-style:none}
.te-item{position:relative;display:grid;grid-template-columns:var(--te-col) minmax(0,1fr);border-top:1px solid color-mix(in oklab, var(--a-tinta) 16%, transparent);cursor:pointer}
.te-item.is-ativo{cursor:auto}
.te-item::before,.te-item::after{content:"";position:absolute;pointer-events:none}
/* a luz: uma claridade de folha que pousa na linha aberta (sem borda, some nas quatro pontas) */
.te-item::before{z-index:-1;left:calc(var(--a-margem) * -1);right:calc(var(--a-margem) * -1);top:0;bottom:0;opacity:0;transition:opacity .6s;
  background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 0%, color-mix(in oklab, var(--a-jaleco) 78%, transparent) 46%, color-mix(in oklab, var(--a-jaleco) 62%, transparent) 70%, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 100%);
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 1px, #000 55%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 1px, #000 55%, transparent 100%)}
.te-item.is-ativo::before{opacity:1;transition:opacity 1.1s .1s}
.te-item::after{left:0;right:0;top:-1px;height:1px;background:var(--te-fio);transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .9s var(--a-suave),opacity .45s}
.te-item.is-ativo::after{transform:none;opacity:1;transition:transform 1.3s var(--a-suave),opacity .3s}

.te-nome{font:inherit;grid-column:1/-1;grid-row:1}
.te-botao{appearance:none;-webkit-appearance:none;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;
  display:grid;grid-template-columns:var(--te-nc) calc(var(--te-col) - var(--te-nc)) minmax(0,1fr);align-items:baseline;padding:clamp(18px,2.9vh,26px) 0;-webkit-tap-highlight-color:transparent}
.te-num{font-size:12px;font-weight:600;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--a-tinta-suave);transition:color .4s}
.te-rotulo{font-family:var(--a-serifa);font-weight:300;font-size:clamp(27px,3.05vw,44px);line-height:1.1;letter-spacing:-.018em;color:var(--a-tinta-suave);transition:color .45s,transform .7s var(--a-suave);transform-origin:left center}
.te-item:not(.is-ativo) .te-botao:hover .te-rotulo{color:var(--a-tinta)}
.te-item.is-ativo .te-rotulo{color:var(--a-petroleo);font-style:italic;letter-spacing:-.012em}
.te-item.is-ativo .te-num{color:var(--a-petroleo)}
.te-mais{display:none}
/* o começo da fala, baixinho, em cada linha fechada */
.te-previa{font-family:var(--a-serifa);font-style:italic;font-weight:400;font-size:clamp(16px,1.3vw,18.5px);line-height:1.2;color:var(--a-tinta-suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .5s .25s,transform .8s .25s var(--a-suave),color .4s}
.te-previa-ass{font-family:var(--a-sans);font-style:normal;font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.te-item:not(.is-ativo):hover .te-previa{color:var(--a-tinta)}
.te-item.is-ativo .te-previa{opacity:0;transform:translateX(14px);transition:opacity .25s,transform .4s var(--a-suave)}

.te-painel{grid-column:2;grid-row:1;display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .8s var(--a-suave),visibility 0s .8s}
.te-item.is-ativo .te-painel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .8s var(--a-suave),visibility 0s}
.te-dentro{overflow:hidden;min-height:0;margin-left:-18px;padding-left:18px}
.te-conteudo{--te-pb:clamp(40px,6vh,56px);padding:clamp(20px,3.1vh,28px) 0 var(--te-pb);cursor:auto}
.te-conteudo>*{opacity:0;transform:translateY(12px);transition:opacity .3s,transform .5s var(--a-suave)}
.te-item.is-ativo .te-conteudo>*{opacity:1;transform:none;transition:opacity .7s .2s,transform .9s .2s var(--a-suave)}
.te-item.is-ativo .te-conteudo>*:nth-child(2){transition-delay:.3s}
.te-item.is-ativo .te-conteudo>*:nth-child(3){transition-delay:.4s}
.te-fala-versos span{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .5s var(--a-suave)}
.te-item.is-ativo .te-fala-versos span{opacity:1;transform:none;transition:opacity .7s var(--dv,.25s),transform .9s var(--dv,.25s) var(--a-suave)}
.te-item.is-ativo .te-fala-versos span:nth-child(2){--dv:.4s}
.te-item.is-ativo .te-fala-versos span:nth-child(3){--dv:.55s}
.sem-js .te-fala-versos span{opacity:1;transform:none}

.te-fala{font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(23px,2.5vw,36px);line-height:1.22;letter-spacing:-.012em;color:var(--a-tinta);max-width:20em;text-wrap:pretty;text-indent:-.4em}
.te-fala-versos{text-indent:0;font-size:clamp(22px,2.2vw,31.5px);line-height:1.2}
.te-fala-versos span{display:block}
.te-fala-versos span:first-child{text-indent:-.4em}
.te-fala-curta{font-size:clamp(30px,3.7vw,54px);line-height:1.08;letter-spacing:-.02em;max-width:13em;text-wrap:balance}
.te-fala2{position:relative;font-family:var(--a-serifa);font-style:italic;font-weight:400;font-size:clamp(16.5px,1.25vw,18px);line-height:1.5;color:var(--a-tinta-suave);max-width:37em;margin-top:22px;padding-top:18px;text-indent:-.42em}
.te-fala2::before{content:"";position:absolute;left:0;top:0;width:34px;height:1px;background:color-mix(in oklab, var(--a-tinta) 34%, transparent)}
.te-credito{position:absolute;left:var(--te-nc);bottom:var(--te-pb);font-size:13px;font-weight:500;color:var(--a-tinta-suave);display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.te-credito span{display:inline-flex;align-items:center;gap:12px;font-weight:400;font-variant-numeric:tabular-nums}
.te-credito span::before{content:"";width:1px;height:12px;background:color-mix(in oklab, var(--a-tinta) 30%, transparent)}
.te-nota{font-size:clamp(17px,1.35vw,19.5px);line-height:1.5;color:var(--a-tinta-suave);max-width:27em}
.te-assina{margin-top:22px;display:flex;flex-direction:column;gap:6px;line-height:1.1}
.te-assina b{font-family:var(--a-serifa);font-weight:300;font-size:clamp(28px,3.1vw,44px);letter-spacing:-.016em;color:var(--a-tinta)}
.te-assina span{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--a-tinta-suave)}

/* ---------- o ponto: vai para a linha ativa, em --p .4 (onde a fala começa) ---------- */
.te-ponto{position:absolute;left:calc(var(--te-col) - 3.5px);top:-3px;width:7px;height:7px;pointer-events:none;z-index:2;will-change:transform}
.te-ponto i{display:block;width:7px;height:7px;border-radius:50%;background:var(--a-ambar);box-shadow:0 0 0 4px color-mix(in oklab, var(--a-ambar) 20%, transparent);opacity:0;transform:scale(.2);transition:opacity .8s .6s var(--a-suave),transform .8s .6s var(--a-suave)}
.te-quadro:has(.te-item.is-in) .te-ponto i,.sem-js .te-ponto i{opacity:1;transform:none}

/* ---------- fecho ---------- */
.te-fecho{margin-left:var(--te-col);margin-top:clamp(30px,5vh,48px);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:16px 40px}
.te-fecho-texto{font-size:clamp(16px,1.18vw,17.5px);line-height:1.5;color:var(--a-tinta-suave);max-width:25em}
.te-fecho-link{font-size:15px;white-space:nowrap}

/* desktop com JS: alturas fixas (fechada --te-f, aberta --te-a); a soma não muda e a lista fica parada sob o mouse */
@media (min-width:861px){
  .te-fixo .te-item{grid-template-rows:minmax(0,1fr);height:var(--te-f);transition:height .8s var(--a-suave)}
  .te-fixo .te-item.is-ativo{height:var(--te-a)}
  .te-fixo .te-nome{align-self:start}
  .te-fixo .te-painel,.te-fixo .te-item.is-ativo .te-painel{grid-template-rows:minmax(0,1fr);transition:visibility 0s .8s}
  .te-fixo .te-item.is-ativo .te-painel{transition:visibility 0s}
}
/* sem JS: tudo aberto */
.sem-js .te-painel{grid-template-rows:1fr;visibility:visible}
.sem-js .te-conteudo{opacity:1;transform:none}

/* ---------- celular ---------- */
@media (max-width:860px){
  .te-topo{display:block;margin-bottom:34px}
  .te-intro{margin-top:18px;padding-bottom:0}
  .te-item{grid-template-columns:minmax(0,1fr)}
  .te-painel{grid-column:1;grid-row:2}
  .te-previa{display:none}
  .te-botao{grid-template-columns:36px minmax(0,1fr) 22px;padding:16px 0;transition:padding .6s var(--a-suave)}
  .te-item.is-ativo .te-botao{padding:22px 0 14px}
  .te-num{font-size:11px}
  .te-rotulo{font-size:clamp(22.5px,6.2vw,25px);transition:color .45s,font-size .6s var(--a-suave)}
  .te-item.is-ativo .te-rotulo{font-size:clamp(27px,7.7vw,31px)}
  .te-mais{display:block;position:relative;width:13px;height:13px;align-self:center;justify-self:end;color:var(--a-tinta-suave)}
  .te-mais::before,.te-mais::after{content:"";position:absolute;left:0;top:6px;width:13px;height:1px;background:currentColor;transition:transform .5s var(--a-suave),opacity .4s}
  .te-mais::after{transform:rotate(90deg)}
  .te-item.is-ativo .te-mais{color:var(--a-petroleo)}
  .te-item.is-ativo .te-mais::after{transform:rotate(0deg);opacity:0}
  .te-conteudo{--te-pb:30px;padding:2px 0 var(--te-pb)}
  .te-fala{font-size:clamp(20.5px,5.7vw,23px);line-height:1.3}
  .te-fala-versos{font-size:clamp(20.5px,5.7vw,23px);line-height:1.3}
  .te-fala-curta{font-size:clamp(27px,7.6vw,32px);line-height:1.14}
  .te-fala2{font-size:16px;margin-top:18px;padding-top:16px}
  .te-credito{position:static;margin-top:18px;font-size:12.5px}
  .te-nota{font-size:16.5px}
  .te-assina b{font-size:28px}
  .te-assina span{font-size:10px;letter-spacing:.12em}
  .te-fecho{margin-left:0;margin-top:26px;display:block}
  .te-fecho-link{display:inline-block;margin-top:14px}
}

/* ===== li ===== */
/* V · liberdade · a única escura: o fio passa atrás dele e chega ao ponto, onde as palavras começam */
.li-sec{--li-t:clamp(150px,24vh,240px);--li-b:clamp(150px,24vh,240px);--li-h:clamp(540px,56vw,800px);--li-fy:calc(var(--li-h) * .46);--li-col:55%;
  --li-apoio:color-mix(in oklab, var(--a-jaleco) 72%, transparent);--li-azul:color-mix(in oklab, var(--a-petroleo-claro) 40%, var(--a-jaleco));
  color:var(--a-jaleco);overflow:hidden;isolation:isolate;
  padding-block:calc(var(--li-t) + clamp(0px,2vh,30px)) calc(var(--li-b) + clamp(20px,5vh,60px));
  background:linear-gradient(to bottom in oklab,
    var(--a-pagina) 0,
    color-mix(in oklab, var(--a-petroleo-claro) 9%, var(--a-pagina)) calc(var(--li-t) * .16),
    color-mix(in oklab, var(--a-petroleo-claro) 30%, var(--a-pagina)) calc(var(--li-t) * .36),
    color-mix(in oklab, var(--a-petroleo) 50%, var(--a-pagina)) calc(var(--li-t) * .5),
    color-mix(in oklab, var(--a-petroleo) 74%, var(--a-pagina)) calc(var(--li-t) * .62),
    color-mix(in oklab, var(--a-petroleo) 46%, var(--a-marinho)) calc(var(--li-t) * .78),
    color-mix(in oklab, var(--a-petroleo) 15%, var(--a-marinho)) calc(var(--li-t) * .94),
    var(--a-marinho) calc(var(--li-t) * 1.14),
    var(--a-tinta) calc(100% - var(--li-b) * 1.12),
    color-mix(in oklab, var(--a-petroleo) 14%, var(--a-tinta)) calc(100% - var(--li-b) * .93),
    color-mix(in oklab, var(--a-petroleo) 44%, var(--a-tinta)) calc(100% - var(--li-b) * .78),
    color-mix(in oklab, var(--a-petroleo) 74%, var(--a-jaleco)) calc(100% - var(--li-b) * .64),
    color-mix(in oklab, var(--a-petroleo) 50%, var(--a-jaleco)) calc(100% - var(--li-b) * .52),
    color-mix(in oklab, var(--a-petroleo-claro) 30%, var(--a-jaleco)) calc(100% - var(--li-b) * .36),
    color-mix(in oklab, var(--a-petroleo-claro) 11%, var(--a-jaleco)) calc(100% - var(--li-b) * .18),
    var(--a-jaleco) 100%)}

/* ---------- malha com petróleo (só na parte escura) ---------- */
.li-malha{position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--li-t) * .7), #000 calc(var(--li-t) * 1.5), #000 calc(100% - var(--li-b) * 1.6), transparent calc(100% - var(--li-b) * .8));
  mask-image:linear-gradient(to bottom, transparent calc(var(--li-t) * .7), #000 calc(var(--li-t) * 1.5), #000 calc(100% - var(--li-b) * 1.6), transparent calc(100% - var(--li-b) * .8))}
.li-malha i{position:absolute;border-radius:50%;will-change:transform}
.li-m1{left:-16%;top:6%;width:74%;height:78%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo) 70%, transparent) 0%, color-mix(in oklab, var(--a-petroleo) 34%, transparent) 46%, color-mix(in oklab, var(--a-petroleo) 0%, transparent) 100%);animation:li-deriva1 34s ease-in-out infinite alternate}
.li-m2{left:52%;top:46%;width:60%;height:56%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo-claro) 24%, transparent) 0%, color-mix(in oklab, var(--a-petroleo-claro) 0%, transparent) 100%);animation:li-deriva2 40s ease-in-out infinite alternate}
.li-m3{left:46%;top:0%;width:66%;height:54%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-marinho) 92%, transparent) 0%, color-mix(in oklab, var(--a-marinho) 0%, transparent) 100%);animation:li-deriva1 28s ease-in-out infinite alternate-reverse}
.li-m4{left:-4%;top:14%;width:50%;height:60%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo-claro) 34%, transparent) 0%, color-mix(in oklab, var(--a-petroleo-claro) 12%, transparent) 52%, color-mix(in oklab, var(--a-petroleo-claro) 0%, transparent) 100%);animation:li-deriva2 30s ease-in-out infinite alternate-reverse}
@keyframes li-deriva1{to{transform:translate3d(5%,4%,0) scale(1.08)}}
@keyframes li-deriva2{to{transform:translate3d(-6%,-4%,0) scale(1.1)}}

/* ---------- palco ---------- */
.li-palco{position:relative;display:grid;grid-template-columns:var(--li-col) minmax(0,1fr);grid-template-rows:var(--li-fy) auto auto auto;
  grid-template-areas:"foto acima" "foto abaixo" "foto notas" "foto acao"}
.li-acima{grid-area:acima;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(22px,3.4vh,36px)}
.li-olho{color:var(--li-azul)}
.li-h2{color:var(--a-jaleco);margin-top:clamp(14px,2.2vh,22px);font-size:clamp(40px,5.15vw,76px);line-height:1.02;letter-spacing:-.024em}
.li-h2 span{display:block}
.li-h2 em{color:var(--li-azul)}

/* retrato: sombra no invólucro, máscara na imagem */
.li-foto{grid-area:foto;z-index:1;align-self:start;justify-self:start;height:var(--li-h);width:calc(var(--li-h) * .75);margin-left:clamp(-40px,-1.5vw,0px);
  filter:drop-shadow(0 26px 44px color-mix(in oklab, var(--a-tinta) 70%, transparent))}
.li-foto img{width:100%;height:100%;object-fit:cover;
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 62%, rgba(0,0,0,.55) 82%, transparent 98%);mask-image:linear-gradient(to bottom, #000 0%, #000 62%, rgba(0,0,0,.55) 82%, transparent 98%)}

/* o fio: atravessa o palco por trás dele; o ponto em .55 é a borda da coluna do texto */
.li-fio{position:static;grid-column:1/-1;grid-row:2;align-self:start;z-index:0}
.li-sec .li-fio::before{background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 0%, color-mix(in oklab, var(--a-jaleco) 46%, transparent) 9%, color-mix(in oklab, var(--a-jaleco) 60%, transparent) 55%, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 100%)}
.li-fio{position:relative}

.li-abaixo{grid-area:abaixo;z-index:2;padding-top:clamp(24px,3.6vh,36px)}
.li-fala{font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(19.5px,1.75vw,25.5px);line-height:1.34;letter-spacing:-.004em;color:var(--li-apoio);max-width:22em;text-wrap:pretty}
.li-fala span{text-indent:-.4em}
.li-fala span{display:block;color:var(--a-jaleco);font-size:1.26em;line-height:1.14;letter-spacing:-.014em;margin-bottom:.4em;text-wrap:balance}
.li-credito{margin-top:16px;font-size:13px;font-weight:500;color:var(--li-apoio)}

.li-notas{grid-area:notas;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);margin-top:clamp(30px,5vh,48px);padding-top:clamp(20px,3vh,28px);border-top:1px solid color-mix(in oklab, var(--a-jaleco) 20%, transparent)}
.li-rotulo{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--li-azul)}
.li-dito{margin-top:10px;font-family:var(--a-serifa);font-style:italic;font-weight:400;font-size:clamp(16.5px,1.28vw,18.5px);line-height:1.45;color:color-mix(in oklab, var(--a-jaleco) 86%, transparent);text-indent:-.42em}

.li-acao{grid-area:acao;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:clamp(28px,4.6vh,44px)}
.li-botao{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--a-tinta);background:var(--a-jaleco);padding:16px 26px 16px 22px;border-radius:999px;transition:background .35s,transform .35s var(--a-suave)}
.li-botao svg{width:19px;height:19px;flex:none}
.li-botao:hover{background:var(--li-azul);transform:translateY(-2px)}
.li-segundo{font-size:15px;font-weight:500;color:var(--a-jaleco);padding:6px 0;border-bottom:1px solid color-mix(in oklab, var(--a-jaleco) 42%, transparent);transition:border-color .3s,color .3s}
.li-segundo:hover{color:var(--li-azul);border-color:var(--li-azul)}
.li-sec :focus-visible{outline-color:var(--a-jaleco)}

/* ---------- celular: título em cima; ele sangra à esquerda, o fio sai de trás dele e a frase curta fica sob o ponto ---------- */
@media (max-width:860px){
  .li-sec{--li-t:120px;--li-b:130px;--li-h:min(100vw,600px);padding-block:calc(var(--li-t) + 4px) calc(var(--li-b) + 26px)}
  .li-palco{grid-template-rows:auto auto auto auto auto;grid-template-areas:"acima acima" "foto lateral" "abaixo abaixo" "nota nota" "acao acao"}
  .li-acima{padding-bottom:10px}
  .li-h2{font-size:clamp(36px,10.4vw,50px);line-height:1.04}
  .li-h2 span{display:inline}
  .li-foto{margin-left:calc(var(--a-margem) * -1 - 13vw)}
  .li-m1{left:-50%;top:16%;width:150%;height:50%}
  .li-m4{left:-30%;top:18%;width:110%;height:40%}
  .li-fio{grid-row:2;margin-top:var(--li-fy)}
  .li-notas{display:contents}
  .li-lateral{grid-area:lateral;z-index:2;align-self:start;margin-top:calc(var(--li-fy) + 20px)}
  .li-lateral .li-dito{font-size:clamp(16px,4.5vw,18px);line-height:1.38;text-indent:0}
  .li-abaixo{padding-top:8px}
  .li-fala{font-size:clamp(18.5px,5vw,21px);line-height:1.36}
  .li-fala span{font-size:1.3em;line-height:1.16}
  .li-nota:not(.li-lateral){grid-area:nota;z-index:2;margin-top:28px;padding-top:20px;border-top:1px solid color-mix(in oklab, var(--a-jaleco) 20%, transparent)}
  .li-acao{margin-top:30px}
  .li-botao{flex:1 1 100%;justify-content:center}
}

/* ===== av ===== */
/* VI · avaliações: as falas pousam no fio (pauta) */
.av-sec{background:linear-gradient(to bottom in oklab, var(--a-jaleco) 0%, var(--a-jaleco) 58%, var(--a-pagina) 100%);overflow:hidden;isolation:isolate}
.av-malha{position:absolute;inset:0;z-index:-1;pointer-events:none}
.av-malha i{position:absolute;border-radius:50%}
.av-m1{left:-10%;top:14%;width:58%;height:58%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo-claro) 11%, transparent) 0%, color-mix(in oklab, var(--a-petroleo-claro) 0%, transparent) 100%);animation:av-deriva 34s ease-in-out infinite alternate}
.av-m2{right:-8%;top:34%;width:52%;height:48%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-nevoa) 60%, transparent) 0%, color-mix(in oklab, var(--a-nevoa) 0%, transparent) 100%);animation:av-deriva 40s ease-in-out infinite alternate-reverse}
@keyframes av-deriva{to{transform:translate3d(4%,-3%,0) scale(1.07)}}

.av-palco{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;grid-template-rows:auto auto 1px auto}
.av-cab{grid-column:1 / 8;grid-row:1}
.av-cab .s-h2{margin-top:22px}

/* a nota e a fala maior pousam no fio principal; as legendas ficam abaixo dele */
.av-nota,.av-f1{display:grid;grid-template-rows:subgrid;grid-row:2 / 5}
.av-nota{grid-column:1 / 6}
.av-f1{grid-column:6 / 13}
.av-fio{grid-column:1 / -1;grid-row:3}
.av-num{grid-row:1;align-self:end;display:flex;align-items:flex-start;gap:.07em;font-family:var(--a-serifa);font-weight:300;font-size:clamp(170px,20vw,290px);line-height:.74;color:var(--a-tinta);padding:clamp(44px,7vh,88px) 0 .118em;margin-left:-.045em}
.av-dig{letter-spacing:-.05em;font-variant-numeric:lining-nums tabular-nums}
.av-onde{font-family:var(--a-sans);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1;color:var(--a-petroleo);white-space:nowrap;padding-top:.5em;margin-top:.04em}
.av-conta{grid-row:3;padding-top:22px;font-size:15px;font-weight:500;color:var(--a-tinta);font-variant-numeric:tabular-nums}

.av-q{font-family:var(--a-serifa);font-weight:300;color:var(--a-tinta)}
.av-q p{text-indent:-.44em;text-wrap:balance}
.av-quem{font-size:13.5px;color:var(--a-tinta-suave);display:flex;align-items:baseline;gap:10px}
.av-quem b{font-weight:600;color:var(--a-tinta)}
.av-quem span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}

/* pousar: a fala desce até a linha */
.av-q.s-rev{transform:translateY(-14px)}
.av-q.s-rev.is-in{transform:none}

.av-f1 .av-q{grid-row:1;align-self:end;font-size:clamp(28px,3.1vw,46px);line-height:1.12;letter-spacing:-.015em;padding-bottom:30px}
.av-f1 .av-quem{grid-row:3;padding-top:22px}

/* a pauta: cada fala numa linha que atravessa a largura; forte só sob a fala */
.av-l{grid-column:1 / -1;--xn:0;--wn:.36;padding-left:calc(var(--xn) * 100%)}
.av-l .av-q{padding-bottom:18px}
.av-l .av-quem{position:relative;padding-top:15px}
.av-l .av-quem::before,.av-l .av-quem::after{content:"";position:absolute;top:0;height:1px;transform-origin:left;transition:transform 1.5s var(--a-suave),width 1.1s var(--a-suave)}
.av-l .av-quem::before{left:calc(var(--xn) * -100% / (1 - var(--xn)));width:200vw;background:color-mix(in oklab, var(--a-tinta) 15%, transparent)}
.av-l .av-quem::after{left:0;width:calc(var(--wn) * 100% / (1 - var(--xn)) + 40px);background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 54%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 40%, transparent) 60%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%)}
@media (hover:hover){.av-l:hover .av-quem::after{width:100vw}}
.av-l .av-quem.s-rev{opacity:1;transform:none}
.av-l .av-quem.s-rev > *{opacity:0;transition:opacity 1s .7s var(--a-suave)}
.av-l .av-quem.s-rev.is-in > *{opacity:1}
.av-l .av-quem.s-rev::before,.av-l .av-quem.s-rev::after{transform:scaleX(0)}
.av-l .av-quem.s-rev.is-in::before,.av-l .av-quem.s-rev.is-in::after{transform:none}
.sem-js .av-l .av-quem > *{opacity:1 !important}
.sem-js .av-l .av-quem::before,.sem-js .av-l .av-quem::after{transform:none !important}

.av-f2{grid-row:1;align-self:end;grid-column:9 / 13;--xn:0;--wn:1}
.av-f2 .av-quem::before{left:0}
.av-f2 .av-q{font-size:clamp(19px,1.5vw,22px);line-height:1.3}
.av-f3{grid-row:5;--xn:.085;--wn:.34;margin-top:76px}
.av-f3 .av-q{max-width:37.5%;font-size:clamp(22px,2vw,29px);line-height:1.2;letter-spacing:-.008em}
.av-f4{grid-row:6;--xn:.62;--wn:.3;margin-top:26px}
.av-f4 .av-q{font-size:clamp(19px,1.5vw,22px);line-height:1.3}
.av-f5{grid-row:7;--xn:.34;--wn:.36;margin-top:30px}
.av-f5 .av-q{max-width:60%;font-size:clamp(20px,1.72vw,25px);line-height:1.26}

/* a última linha da pauta leva ao resto */
.av-fim{grid-column:1 / -1;grid-row:8;position:relative;margin-top:72px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px 32px}
.av-fim::before{content:"";position:absolute;left:0;top:0;width:200vw;height:1px;background:color-mix(in oklab, var(--a-tinta) 15%, transparent)}
.av-pe{font-size:13px;color:var(--a-tinta-suave)}
.av-todas{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:500;color:var(--a-tinta);transition:color .3s}
.av-todas span{padding:5px 0;border-bottom:1px solid color-mix(in oklab, var(--a-tinta) 38%, transparent);transition:border-color .3s}
.av-todas svg{width:20px;height:20px;flex:none;transition:transform .45s var(--a-suave)}
.av-todas:hover{color:var(--a-petroleo)}
.av-todas:hover span{border-color:var(--a-petroleo)}
.av-todas:hover svg{transform:translate(2px,-2px)}

@media (max-width:860px){
  .av-m1{display:none}
  .av-m2{left:-40%;right:auto;width:180%;top:26%;height:34%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-nevoa) 46%, transparent) 0%, color-mix(in oklab, var(--a-nevoa) 0%, transparent) 100%)}
  .av-palco{display:flex;flex-direction:column}
  .av-palco > *{order:5}
  .av-cab{order:1}
  .av-nota{display:contents}
  .av-num{order:2;align-self:flex-start}
  .av-fio{order:3}
  .av-conta{order:4}
  .av-f1{display:block}
  .av-cab .s-h2{margin-top:16px}
  .av-num{font-size:clamp(160px,50vw,210px);padding:44px 0 .118em}
  .av-onde{font-size:11px}
  .av-fio{width:auto;margin-inline:calc(-1 * var(--a-margem))}
  .av-conta{padding-top:16px}
  .av-f1{margin-top:58px}
  .av-f1 .av-q{font-size:29px;line-height:1.14;padding-bottom:20px}
  .av-f1 .av-quem{position:relative;padding-top:15px}
  .av-f1 .av-quem::before{content:"";position:absolute;top:0;left:calc(-1 * var(--a-margem));right:calc(-1 * var(--a-margem));height:1px;background:color-mix(in oklab, var(--a-tinta) 34%, transparent)}
  .av-l{padding-left:0;--i:0px;margin-left:var(--i)}
  .av-l .av-q,.av-f3 .av-q,.av-f5 .av-q{max-width:none}
  .av-l .av-quem::before,.av-f2 .av-quem::before{left:calc(-1 * var(--a-margem) - var(--i));width:100vw}
  .av-l .av-quem::after{left:0;width:72%}
  .av-f2,.av-f3,.av-f4,.av-f5{margin-top:48px}
  .av-f2,.av-f4{--i:56px}
  .av-f3,.av-f5{margin-right:44px}
  .av-f2 .av-q,.av-f4 .av-q{font-size:20px}
  .av-f3 .av-q{font-size:24px}
  .av-f5 .av-q{font-size:21px}
  .av-fim{margin-top:56px;padding-top:10px;flex-direction:column-reverse;align-items:flex-start;gap:6px}
  .av-fim::before{left:calc(-1 * var(--a-margem));width:100vw}
  .av-todas{min-height:48px;font-size:17px}
}

/* ===== on ===== */
/* VII · onde e como */
.on-sec{overflow:hidden;background:var(--a-pagina)}
.on-cabeca{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end}
.on-cabeca .s-olho{grid-column:1 / -1;margin-bottom:clamp(16px,2.4vh,24px)}
.on-apoio{padding-bottom:.45em;max-width:27em}

/* o fio com as três paradas */
.on-linha{margin-top:clamp(44px,6.5vh,76px)}
.on-paradas{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr)}
.on-parada{position:relative;appearance:none;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;padding:10px 0 clamp(18px,2.6vh,28px);-webkit-tap-highlight-color:transparent}
.on-parada-tipo{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a-tinta-suave);transition:color .5s}
.on-parada-nome{font-family:var(--a-serifa);font-weight:300;font-size:clamp(44px,6vw,88px);line-height:1;letter-spacing:-.025em;color:color-mix(in oklab, var(--a-tinta) 52%, var(--a-pagina));transition:color .6s var(--a-suave)}
.on-parada:hover .on-parada-nome{color:var(--a-petroleo)}
.on-parada[aria-selected="true"] .on-parada-nome{color:var(--a-tinta)}
.on-parada[aria-selected="true"] .on-parada-tipo{color:var(--a-petroleo)}
.on-parada:focus-visible{outline-offset:6px}
/* cada parada marca o fio com um aro; o ponto âmbar ocupa o da escolhida */
.on-parada::after{content:"";position:absolute;left:-4px;bottom:-4px;z-index:1;width:7px;height:7px;border-radius:50%;background:var(--a-pagina);border:1px solid color-mix(in oklab, var(--a-tinta) 62%, var(--a-pagina));transition:opacity .5s .3s,transform .5s var(--a-suave)}
.on-parada[aria-selected="true"]::after{opacity:0;transition-delay:0s}
.on-parada:hover::after{transform:scale(1.35)}
.on-fio{position:relative;height:1px;--on-x:0px;--on-r:0;background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 30%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 30%, transparent) 78%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%)}
.on-fio::before{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--on-r));background:color-mix(in oklab, var(--a-tinta) 70%, transparent);transition:transform 1s var(--a-suave)}
.on-ponto{position:absolute;z-index:2;left:-3.5px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--a-ambar);box-shadow:0 0 0 4px color-mix(in oklab, var(--a-ambar) 20%, transparent);transform:translateX(var(--on-x));transition:transform 1s var(--a-suave)}

/* o palco: dados à esquerda, figura à direita */
.on-palco{--on-sangra:calc(var(--a-margem) + max(0px, (100vw - 1280px - 2 * var(--a-margem)) / 2));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"dados figura" "acao figura" "notas figura";grid-template-rows:auto auto 1fr;margin-top:clamp(40px,6vh,72px)}
.on-dados{grid-area:dados;display:grid;padding-right:clamp(28px,5vw,84px)}
.on-acao{grid-area:acao;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:clamp(26px,3.6vh,38px);align-self:start}
.on-notas{grid-area:notas;display:grid;align-content:end;margin-top:clamp(36px,5vh,56px);padding-right:clamp(28px,5vw,84px)}
.on-figura{grid-area:figura;display:grid;min-height:clamp(440px,60vh,600px)}
.on-dados > .on-bloco,.on-notas > .on-bloco,.on-figura > .on-bloco{grid-area:1 / 1;min-width:0}
.on-notas > .on-bloco{align-self:end}
.on-bloco{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s var(--a-suave),transform .6s var(--a-suave),visibility 0s .45s}
.on-sec[data-on="goiania"] .on-bloco[data-on="goiania"],
.on-sec[data-on="rio"] .on-bloco[data-on="rio"],
.on-sec[data-on="online"] .on-bloco[data-on="online"]{opacity:1;visibility:visible;transform:none;transition:opacity .8s .12s var(--a-suave),transform .9s .12s var(--a-suave),visibility 0s}

.on-grande{font-family:var(--a-serifa);font-weight:300;font-size:clamp(32px,3.4vw,50px);line-height:1.06;letter-spacing:-.02em;color:var(--a-tinta);font-variant-numeric:lining-nums tabular-nums}
.on-grande span{display:block;font-style:italic;color:var(--a-petroleo)}
.on-fino{font-style:normal;font-size:16px;line-height:1.5;color:var(--a-tinta-suave);margin-top:16px}
.on-rol{border-top:1px solid color-mix(in oklab, var(--a-tinta) 22%, transparent)}
.on-rol > div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;padding:13px 0;border-bottom:1px solid color-mix(in oklab, var(--a-tinta) 22%, transparent)}
.on-rol dt{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a-tinta-suave);padding-top:3px}
.on-rol dd{font-size:15.5px;line-height:1.45;color:var(--a-tinta)}
.on-num{font-weight:600;font-variant-numeric:tabular-nums;border-bottom:1px solid color-mix(in oklab, var(--a-tinta) 38%, transparent);transition:color .3s,border-color .3s}
.on-num:hover{color:var(--a-petroleo);border-color:var(--a-petroleo)}
.on-acao-nota{font-size:14px;font-weight:500;color:var(--a-tinta-suave)}

/* mapa (só Goiânia): sangra até a borda direita da tela, na cor da página */
.on-mapa{display:flex;flex-direction:column}
.on-mapa-quadro{position:relative;flex:1;min-height:320px;width:calc(100% + var(--on-sangra));background:var(--a-pagina);overflow:hidden;border-top:1px solid color-mix(in oklab, var(--a-tinta) 30%, transparent);border-bottom:1px solid color-mix(in oklab, var(--a-tinta) 30%, transparent)}
.on-mapa-quadro iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.06);mix-blend-mode:multiply}
.on-mapa-pe{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--a-tinta-suave)}
.on-mapa-link{font-size:14.5px}

/* as outras duas: a frase em três tempos, em degraus; cada verso pousa num filete que segue até a borda da tela */
.on-frase{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:36px}
.on-verso{position:relative;padding-top:clamp(14px,2.2vh,22px);width:calc(100% + var(--on-sangra))}
.on-verso::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;transform-origin:left;background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 46%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 16%, transparent) 100%)}
.on-verso:nth-child(2){margin-left:8%}
.on-verso:nth-child(3){margin-left:16%}
.on-verso span{display:block;font-family:var(--a-serifa);font-weight:300;font-size:clamp(40px,5.4vw,80px);line-height:1.02;letter-spacing:-.024em;color:var(--a-tinta);white-space:nowrap}
.on-verso em{font-style:italic;color:var(--a-petroleo)}
.on-sec[data-on="rio"] .on-bloco[data-on="rio"] .on-verso span,
.on-sec[data-on="online"] .on-bloco[data-on="online"] .on-verso span{animation:on-entra 1s var(--a-suave) both}
.on-sec[data-on="rio"] .on-bloco[data-on="rio"] .on-verso::before,
.on-sec[data-on="online"] .on-bloco[data-on="online"] .on-verso::before{animation:on-risca 1.3s var(--a-suave) both}
.on-sec .on-verso:nth-child(1) span{animation-delay:.12s}
.on-sec .on-verso:nth-child(2) span,.on-sec .on-verso:nth-child(2)::before{animation-delay:.26s}
.on-sec .on-verso:nth-child(3) span,.on-sec .on-verso:nth-child(3)::before{animation-delay:.4s}

.sem-js .on-bloco{opacity:1;visibility:visible;transform:none}
.sem-js .on-palco{display:block}
.sem-js .on-palco .on-bloco{margin-bottom:40px}

@media (max-width:860px){
  .on-cabeca{display:block}
  .on-apoio{margin-top:18px}
  .on-linha{margin-top:44px}
  .on-paradas{display:flex;justify-content:space-between;gap:10px}
  .on-parada{padding:10px 0 18px;min-height:56px;gap:6px}
  .on-parada-tipo{font-size:10px;letter-spacing:.13em}
  .on-parada-nome{font-size:clamp(23px,6.6vw,30px);letter-spacing:-.015em;color:color-mix(in oklab, var(--a-tinta) 64%, var(--a-pagina))}
  .on-palco{display:flex;flex-direction:column;margin-top:34px;--on-sangra:var(--a-margem)}
  .on-dados{padding-right:0;order:1;display:block}
  .on-acao{order:2;margin-top:26px}
  .on-figura{order:3;display:block;min-height:0;margin-top:40px}
  .on-notas{order:4;display:block;padding-right:0;margin-top:30px}
  .on-sec .on-bloco{display:none}
  .on-sec[data-on="goiania"] .on-bloco[data-on="goiania"],
  .on-sec[data-on="rio"] .on-bloco[data-on="rio"],
  .on-sec[data-on="online"] .on-bloco[data-on="online"]{display:block;animation:on-entra .8s var(--a-suave) both}
  .on-grande{font-size:clamp(33px,9.4vw,42px)}
  .on-rol > div{grid-template-columns:104px minmax(0,1fr);gap:12px}
  .on-botao{flex:1 1 100%;justify-content:center}
  .on-acao-nota{display:none}
  .on-mapa-quadro{height:min(96vw,400px);min-height:0;width:auto;margin-inline:calc(var(--a-margem) * -1)}
  .on-mapa-pe{display:block}
  .on-mapa-pe span{display:block;margin-top:14px}
  .on-frase{padding-bottom:0}
  .on-sec .on-frase .on-verso{display:block;padding:14px 0 24px}
  .on-verso:nth-child(2){margin-left:7%}
  .on-verso:nth-child(3){margin-left:14%}
  .on-verso span{font-size:clamp(30px,8.6vw,40px);line-height:1.05}
}
@keyframes on-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes on-risca{from{transform:scaleX(0)}to{transform:none}}

/* ===== fa ===== */
/* VIII · perguntas: o fio separa as linhas */
.fa-sec{background:linear-gradient(to bottom in oklab, var(--a-pagina) 0%, var(--a-jaleco) 20%, var(--a-jaleco) 76%, var(--a-pagina) 100%)}
.fa-sec{isolation:isolate}
.fa-malha{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.fa-malha i{position:absolute;border-radius:50%}
.fa-m1{left:-12%;top:18%;width:60%;height:62%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, #fff 70%, transparent) 0%, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 100%);animation:fa-deriva 36s ease-in-out infinite alternate}
.fa-m2{left:14%;top:40%;width:46%;height:46%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo-claro) 9%, transparent) 0%, color-mix(in oklab, var(--a-petroleo-claro) 0%, transparent) 100%);animation:fa-deriva 30s ease-in-out infinite alternate-reverse}
@keyframes fa-deriva{to{transform:translate3d(5%,-4%,0) scale(1.08)}}
.fa-grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.fa-cab{grid-column:1 / 6;position:sticky;top:clamp(72px,12vh,128px)}
.fa-cab .s-h2{margin-top:22px}
.fa-apoio{margin-top:26px;max-width:24em}
.fa-sos{position:relative;margin-top:clamp(40px,6vh,64px);padding-top:20px;max-width:25em}
.fa-sos::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 40%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%)}
.fa-sos-rot{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--a-tinta-suave)}
.fa-sos-nums{list-style:none;display:flex;gap:clamp(28px,4vw,56px);margin-top:14px}
.fa-cred::before{content:"";width:28px;height:1px;background:color-mix(in oklab, var(--a-tinta) 46%, transparent)}
.fa-sos-nums a{display:flex;flex-direction:column;gap:6px;min-height:56px;padding:4px 0;color:var(--a-tinta);transition:color .3s}
.fa-sos-nums b{font-family:var(--a-serifa);font-weight:300;font-size:clamp(46px,4.4vw,64px);line-height:.9;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums}
.fa-sos-nums span{font-size:12.5px;font-weight:500;letter-spacing:.02em;line-height:1.35;color:var(--a-tinta-suave);max-width:13em}
.fa-sos-nums span i{display:block;font-style:normal;font-weight:600;letter-spacing:.14em;font-size:11.5px;color:var(--a-tinta)}
.fa-sos-nums a:hover{color:var(--a-petroleo)}
.fa-sos-mais{display:inline-block;margin-top:14px;font-size:14.5px;font-weight:500;color:var(--a-tinta);padding:5px 0;border-bottom:1px solid color-mix(in oklab, var(--a-tinta) 38%, transparent);transition:color .3s,border-color .3s}
.fa-sos-mais:hover{color:var(--a-petroleo);border-color:var(--a-petroleo)}

.fa-lista{grid-column:6 / 13}
.fa-item{position:relative}
.fa-item + .fa-item::before,.fa-item:last-child::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 40%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 22%, transparent) 70%, color-mix(in oklab, var(--a-tinta) 0%, transparent) 100%)}
.fa-item:last-child::after{top:auto;bottom:0}
.fa-item + .fa-item::before{transition:opacity .4s}
.fa-item + .fa-item > .fa-q::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:color-mix(in oklab, var(--a-tinta) 62%, transparent);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--a-suave)}
.fa-item + .fa-item > .fa-q:hover::before,.fa-item + .fa-item > .fa-q:focus-within::before{transform:none}
.fa-item.s-rev{transform:translateY(12px)}
.fa-item.s-rev.is-in{transform:none}
.fa-botao{appearance:none;background:none;border:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;cursor:pointer;padding:26px 0;min-height:64px;font-family:var(--a-serifa);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.18;letter-spacing:-.01em;color:var(--a-tinta);transition:color .3s}
.fa-botao:hover{color:var(--a-petroleo)}
.fa-botao span{text-wrap:balance}
.fa-mais{position:relative;flex:none;width:17px;height:17px}
.fa-mais::before,.fa-mais::after{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:currentColor;transition:transform .6s var(--a-suave)}
.fa-mais::after{transform:rotate(90deg)}
.fa-item.is-open .fa-mais::after{transform:rotate(0deg)}

.fa-resp{display:grid;grid-template-rows:1fr}
.fa-dentro{min-height:0;overflow:hidden;padding-left:calc((100% - 6 * 24px) / 7 + 24px)}
.fa-lista.is-viva .fa-dentro > *{transition:opacity .6s .1s var(--a-suave),transform .7s .1s var(--a-suave)}
.fa-item:not(.is-open) .fa-dentro > *{opacity:0;transform:translateY(-10px)}
.fa-item:not(.is-open) .fa-resp{grid-template-rows:0fr;visibility:hidden}
.fa-lista.is-viva .fa-resp{transition:grid-template-rows .65s var(--a-suave),visibility 0s 0s}
.fa-lista.is-viva .fa-item:not(.is-open) .fa-resp{transition:grid-template-rows .65s var(--a-suave),visibility 0s .65s}
.fa-dentro > :last-child{padding-bottom:34px}
.fa-fala{font-family:var(--a-serifa);font-style:italic;font-weight:300;font-size:clamp(20px,1.8vw,26px);line-height:1.3;color:var(--a-tinta);max-width:24em}
.fa-fala p{text-indent:-.42em}
.fa-cred{display:flex;align-items:center;gap:12px;font-family:var(--a-sans);font-style:normal;font-weight:500;font-size:12.5px;letter-spacing:.02em;color:var(--a-tinta-suave);margin-top:10px}
.fa-texto{font-size:clamp(16.5px,1.22vw,18px);line-height:1.55;color:var(--a-tinta-suave);max-width:33em}
.fa-fala + .fa-texto{margin-top:18px}
.fa-num{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--a-tinta);font-weight:500}
.fa-acao{margin-top:16px;font-size:15.5px}
.fa-fixo{color:var(--a-tinta)}
.fa-fixo a{font-weight:600;font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in oklab, var(--a-tinta) 45%, transparent)}

.fa-paradas{display:flex;align-items:center;gap:14px;max-width:26em;margin-bottom:16px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a-tinta)}
.fa-paradas span{white-space:nowrap}
.fa-paradas span + span::before{content:"";display:inline-block;vertical-align:middle;width:clamp(28px,5vw,72px);height:1px;margin-right:14px;background:color-mix(in oklab, var(--a-tinta) 40%, transparent)}

@media (max-width:860px){
  .fa-sos{margin-top:30px;max-width:none}
  .fa-item + .fa-item > .fa-q::before{left:calc(-1 * var(--a-margem));right:calc(-1 * var(--a-margem))}
  .fa-sos-mais,.fa-acao a{display:inline-flex;align-items:center;min-height:44px}
  .fa-acao{margin-top:8px}
  .fa-fixo a{padding-block:12px}
  .fa-sos-nums span{text-wrap:balance}
  .fa-sos-nums{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
  .fa-fala p{text-indent:0}
  .fa-m2{display:none}
  .fa-m1{left:-40%;width:180%;top:8%;height:40%}
  .fa-sos-nums b{font-size:52px}
  .fa-dentro{padding-left:0}
  .fa-item + .fa-item::before,.fa-item:last-child::after{left:calc(-1 * var(--a-margem));right:calc(-1 * var(--a-margem));background:color-mix(in oklab, var(--a-tinta) 26%, transparent)}
  .fa-fio{width:auto;margin-inline:calc(-1 * var(--a-margem))}
  .fa-sec{padding-bottom:calc(clamp(68px,10vh,104px) + 24px)}
  .fa-paradas span + span::before{width:22px;margin-right:10px}
  .fa-paradas{gap:10px;font-size:11.5px}
  .fa-grade{display:block}
  .fa-cab{position:static}
  .fa-cab .s-h2{margin-top:16px}
  .fa-apoio{margin-top:18px}
  .fa-lista{margin-top:44px}
  .fa-botao{font-size:21px;padding:21px 0;gap:18px}
  .fa-dentro > :last-child{padding-bottom:28px}
  .fa-fala{font-size:21px}
}

/* ===== fe ===== */
.fe-sec{background:var(--a-pagina);padding-bottom:clamp(72px,11vh,132px);overflow:hidden;isolation:isolate}
.fe-malha{position:absolute;inset:0;z-index:-1;pointer-events:none}
.fe-malha i{position:absolute;border-radius:50%}
.fe-malha i:nth-child(1){left:-6%;top:8%;width:58%;height:78%;background:radial-gradient(closest-side in oklab, var(--a-jaleco) 0%, color-mix(in oklab, var(--a-jaleco) 0%, transparent) 100%);animation:a-deriva1 34s ease-in-out infinite alternate}
.fe-malha i:nth-child(2){right:-10%;top:18%;width:54%;height:86%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo-claro) 17%, transparent) 0%, color-mix(in oklab, var(--a-petroleo-claro) 0%, transparent) 100%);animation:a-deriva2 38s ease-in-out infinite alternate}
.fe-titulo{margin-top:clamp(16px,2.4vh,24px);font-size:clamp(44px,7.6vw,118px);line-height:.98}
.fe-linha{position:relative;margin-top:clamp(22px,3.6vh,40px);padding-left:var(--a-margem);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;--fe-bh:62px}
.fe-trilho{padding-top:calc(var(--fe-bh) / 2)}
.fe-fio::before{background:linear-gradient(to right in oklab, color-mix(in oklab, var(--a-tinta) 58%, transparent) 0%, color-mix(in oklab, var(--a-tinta) 46%, transparent) 100%)}
.fe-passos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:fe}
.fe-passos li{position:relative;padding:18px 18px 0 0;counter-increment:fe}
.fe-passos li::before{content:"";position:absolute;left:0;top:-5px;width:1px;height:11px;background:color-mix(in oklab, var(--a-tinta) 55%, transparent)}
.fe-passos b{display:block;font-family:var(--a-serifa);font-weight:400;font-size:clamp(19px,1.7vw,24px);line-height:1.2;color:var(--a-tinta)}
.fe-passos span{display:block;margin-top:5px;font-size:14px;line-height:1.4;color:var(--a-tinta-suave)}
.fe-acao{padding-right:var(--a-margem)}
.fe-botao{height:var(--fe-bh);padding:0 30px 0 24px}
.fe-botao span{display:flex;flex-direction:column;line-height:1.2}
.fe-botao small{font-size:13px;font-weight:500;opacity:.72;font-variant-numeric:tabular-nums}
.fe-outro{margin-top:18px;font-size:14.5px;font-variant-numeric:tabular-nums}
.fe-lema{margin-top:clamp(56px,10vh,112px);max-width:22em}
.fe-lema p{font-size:clamp(24px,2.7vw,40px);line-height:1.22;color:var(--a-tinta);text-wrap:balance}
.fe-lema cite{display:block;margin-top:16px;font-style:normal;font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--a-tinta-suave)}
@media (max-width:860px){
  .fe-titulo{font-size:clamp(46px,13.5vw,64px)}
  .fe-linha{grid-template-columns:minmax(0,1fr);padding-left:0;gap:0}
  .fe-trilho{padding:0 var(--a-margem)}
  .fe-passos{grid-template-columns:minmax(0,1fr);gap:0}
  .fe-passos li{padding:13px 0 13px 18px;border-bottom:1px solid color-mix(in oklab, var(--a-tinta) 14%, transparent)}
  .fe-passos li::before{top:0;height:100%;background:color-mix(in oklab, var(--a-tinta) 22%, transparent)}
  .fe-passos li:first-child::before{top:0}
  .fe-passos span{margin-top:2px}
  .fe-acao{padding:26px var(--a-margem) 0}
  .fe-botao{display:flex;justify-content:center}
  .fe-lema{margin-top:48px}
}

/* ===== ro ===== */
.ro-pe{position:relative;isolation:isolate;overflow:hidden;background:var(--a-tinta);color:color-mix(in oklab, var(--a-jaleco) 74%, transparent);font-size:14.5px;line-height:1.6;padding-block:clamp(64px,10vh,112px) clamp(28px,4vh,40px)}
.ro-pe::before{content:"";position:absolute;z-index:-1;right:-12%;top:-30%;width:62%;height:120%;border-radius:50%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--a-petroleo) 46%, transparent) 0%, color-mix(in oklab, var(--a-petroleo) 0%, transparent) 100%)}
.ro-pe a{color:var(--a-jaleco);border-bottom:1px solid color-mix(in oklab, var(--a-jaleco) 30%, transparent);transition:border-color .3s}
.ro-pe a:hover{border-color:var(--a-jaleco)}
.ro-pe :focus-visible{outline-color:var(--a-jaleco)}
.ro-nome{font-family:var(--a-serifa);font-weight:300;font-size:clamp(40px,7vw,108px);line-height:1;letter-spacing:-.022em;color:var(--a-jaleco)}
.ro-sub{margin-top:clamp(12px,1.6vh,18px);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.ro-fio{margin-top:clamp(26px,4vh,44px);padding-left:var(--a-margem)}
.ro-fio-linha::after{display:none}
.ro-sub b{font-weight:500}.ro-sub i{font-style:normal}
.ro-rotulo{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--a-jaleco) 56%, transparent);margin-bottom:12px}
.ro-lugar p+p{margin-top:10px}
.ro-nq{white-space:nowrap;font-variant-numeric:tabular-nums}
.ro-pe ul{list-style:none}
.ro-base{margin-top:clamp(40px,7vh,72px);padding-top:22px;border-top:1px solid color-mix(in oklab, var(--a-jaleco) 16%, transparent);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:13px}
.ro-selo{white-space:nowrap}
.ro-grade{margin-top:clamp(22px,3.4vh,34px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(20px,3vw,48px);row-gap:clamp(34px,6vh,60px)}
.ro-nav{grid-column:1/-1}
.ro-nav ul{display:flex;flex-wrap:wrap;gap:10px clamp(20px,2.6vw,40px);font-size:15px}
.ro-nav a{border-bottom-color:transparent}
.ro-lugar{grid-column:span 4}
.ro-urg{grid-column:span 4}
.ro-tel{display:grid;gap:14px}
.ro-tel a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:14px;border-bottom:0}
.ro-tel b{font-family:var(--a-serifa);font-weight:300;font-size:clamp(34px,3vw,46px);line-height:1;color:var(--a-jaleco);font-variant-numeric:tabular-nums;border-bottom:1px solid color-mix(in oklab, var(--a-jaleco) 30%, transparent)}
.ro-tel a:hover b{border-color:var(--a-jaleco)}
.ro-tel span{font-size:13.5px;color:color-mix(in oklab, var(--a-jaleco) 74%, transparent)}
.ro-selo a{border-bottom-color:color-mix(in oklab, var(--a-jaleco) 55%, transparent)}
@media (max-width:860px){
  .ro-nome{font-size:clamp(30px,9.3vw,56px);white-space:nowrap}
  .ro-sub i{display:none}.ro-sub b{display:block}.ro-sub b+i+b{margin-top:4px}
  .ro-fio{padding-right:0}
  .ro-nav ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px}
  .ro-lugar,.ro-urg{grid-column:1/-1}
  .ro-base{flex-direction:column}
  .ro-pe{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}

/* regras gerais: sempre por último */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .s-rev,.s-fio.s-rev::before,.s-fio.s-rev::after{opacity:1 !important;transform:none !important}
}