:root{
  --noite:#100E19; --noite2:#1B1730; --noite3:#241D30;
  --papel:#C4B49A; --tinta:#1A1208; --terra:#8B4A2B;
  --magenta:#FF2D6B; --ciano:#00E5CC; --roxo:#6B2FA0;
  --creme:#F3ECDD; --muted:#7d7692; --linha:#2c2740;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--noite);color:#B9AE9A;font-family:'Lora',serif;line-height:1.7;overflow-x:hidden}
/* scroll-snap nativo removido: ele brigava com a suavização do Lenis (os dois tentam
   controlar a posição do scroll ao mesmo tempo) e isso é o que estava sendo sentido como
   travas nas transições. O scroll agora é 100% conduzido pelo Lenis, sem nenhum "puxão"
   extra do navegador — a marcação do ato ativo no trilho e o flash de glitch entre atos
   (js/main.js) já servem como pista visual de troca de sessão. */
a{color:inherit}
.ph{display:inline-block;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ciano);border:1px solid var(--ciano);padding:2px 7px;margin:0 0 14px}

body::before{
  content:"";position:fixed;inset:0;z-index:9000;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.glitch-flash{position:fixed;inset:0;z-index:9500;pointer-events:none;opacity:0;mix-blend-mode:screen;
  background:linear-gradient(90deg,var(--magenta) 0%,transparent 15%,transparent 85%,var(--ciano) 100%)}

/* ============ marca + trilho ============ */
.mark{position:fixed;top:22px;left:26px;z-index:900;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--creme);text-decoration:none}
.mark span{color:var(--ciano);text-shadow:0 0 8px rgba(0,229,204,.6)}
.rail{position:fixed;left:26px;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:34px}
.rail a{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;opacity:.5;transition:opacity .3s}
.rail a.active,.rail a:hover{opacity:1}
.rail .rn{font-family:'Fraunces',serif;font-style:italic;font-size:15px;color:var(--magenta)}
.rail .rt{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl}
.rail .ln{width:1px;height:26px;background:var(--linha)}
@media(max-width:860px){.rail{display:none}.mark{top:16px;left:18px}}
.blog-link{position:fixed;top:22px;right:26px;z-index:900;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;text-decoration:none;color:var(--muted);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.blog-link:hover{color:var(--creme);border-color:var(--ciano)}
@media(max-width:860px){.blog-link{top:16px;right:18px}}

/* ============ scrim padrão sobre qualquer cena ============ */
.scrim{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(16,14,25,.78) 0%,rgba(16,14,25,.3) 38%,rgba(16,14,25,.62) 100%)}
.scrim.center{background:radial-gradient(ellipse at center,rgba(16,14,25,.35) 0%,rgba(16,14,25,.82) 72%)}
.scrim.forte{background:linear-gradient(180deg,rgba(16,14,25,.88) 0%,rgba(16,14,25,.62) 45%,rgba(16,14,25,.88) 100%)}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform .9s}
.reveal.in{opacity:1;transform:none}

/* zoom-in "aparecer" — card central da Sessão 3 */
.reveal-zoom{opacity:0;transform:scale(.82);transition:opacity .8s,transform .8s}
.reveal-zoom.in{opacity:1;transform:scale(1)}

/* zoom-in espelhado, entra da direita — card "riscar também é compor" da Sessão 3 */
.reveal-zoom-r{opacity:0;transform:translateX(70px) scale(.85);transition:opacity .8s,transform .8s}
.reveal-zoom-r.in{opacity:1;transform:translateX(0) scale(1)}
#despertar .card.reveal-zoom-r{transform:translateX(70px) scale(.85) rotate(-3deg)}
#despertar .card.reveal-zoom-r.in{transform:translateX(0) scale(1) rotate(-3deg)}

/* fotos que esmaecem conforme o scroll (Sessão 2 e Sessão 4) */
.photo-scrub{opacity:0}

/* ============ NOVO — painel de legibilidade ============
   "outdoor desalinhado": vidro translúcido, borda neon, glitch raro na borda,
   cantos levemente arredondados, leve rotação. Resolve Ato III e Comunidade. */
.readable-panel{
  position:relative;z-index:5;
  background:rgba(16,14,25,.66);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  border:1px solid rgba(0,229,204,.55);
  border-radius:6px;
  box-shadow:0 0 0 1px rgba(0,229,204,.1), 0 18px 40px rgba(0,0,0,.4);
  transform:rotate(-.3deg);
}
.readable-panel::after{
  content:"";position:absolute;inset:-1px;border:1px solid var(--magenta);border-radius:6px;
  opacity:0;pointer-events:none;animation:panelGlitch 6.5s infinite;
}
@keyframes panelGlitch{
  0%,91%,100%{opacity:0;transform:translate(0,0)}
  92%{opacity:.55;transform:translate(-2px,1px)}
  94%{opacity:0}
  95%{opacity:.35;transform:translate(2px,-1px)}
  96%{opacity:0}
}

/* ============ elementos flutuantes — vocabulário compartilhado ============ */
.chip{position:absolute;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ciano);border:1px solid var(--ciano);padding:6px 12px;z-index:4;animation:neon 4s infinite;text-shadow:0 0 6px var(--ciano)}
@keyframes neon{0%,19%,21%,23%,54%,56%,100%{opacity:1}20%,22%,55%{opacity:.35}}
.card{position:absolute;background:var(--papel);color:var(--tinta);padding:12px 16px;box-shadow:6px 6px 0 rgba(0,0,0,.5);z-index:4}
.card .k{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.1em;color:var(--terra)}
.card .v{font-family:'Caveat',cursive;font-size:18px;line-height:1.15;margin-top:4px}

/* card "nasce a pergunta" — papel voando UMA VEZ SÓ (sem loop): nasce perto da âncora
   (left:10vw), desliza numa curva rasteira pela base da tela, faz um laço suave perto do
   centro-direita (rotação contínua de 0→360°, sem inverter o giro pra não ter trava
   brusca) e pousa perto da direita (10vw de margem, via calc(80vw - 100%) — o 100% aqui é
   a largura do próprio card, então a borda direita dele encosta a 10vw do fim da tela).
   Termina ali e fica — animation-fill-mode:forwards segura o estado final. */
.card-paper{transform-origin:20% 90%}
@keyframes paperFly{
  0%{transform:translate(-6vw,7vh) rotate(-12deg) scale(.65);opacity:0}
  4%{transform:translate(-6vw,7vh) rotate(-12deg) scale(.65);opacity:1}
  8%{transform:translate(-2vw,5vh) rotate(-8deg) scale(.72)}
  14%{transform:translate(3vw,1vh) rotate(-3deg) scale(.8)}
  22%{transform:translate(8vw,-3vh) rotate(3deg) scale(.88)}
  30%{transform:translate(17vw,0vh) rotate(-2deg) scale(.92)}
  38%{transform:translate(28vw,4vh) rotate(-6deg) scale(.96)}
  44%{transform:translate(37vw,2vh) rotate(-1deg) scale(.98)}
  50%{transform:translate(46vw,0vh) rotate(3deg) scale(1)}
  55%{transform:translate(52vw,-4vh) rotate(25deg) scaleX(1.05) scaleY(.95)}
  60%{transform:translate(58vw,-9vh) rotate(80deg) scaleX(1.1) scaleY(.85)}
  64%{transform:translate(60vw,-14vh) rotate(140deg) scaleX(1.02) scaleY(.9)}
  67%{transform:translate(60vw,-17vh) rotate(180deg) scale(.92)}
  70%{transform:translate(58vw,-15vh) rotate(220deg) scaleX(.9) scaleY(.95)}
  74%{transform:translate(55vw,-8vh) rotate(280deg) scaleX(.92) scaleY(1.05)}
  79%{transform:translate(60vw,-5vh) rotate(320deg) scale(.98)}
  84%{transform:translate(65vw,-3vh) rotate(345deg) scale(1)}
  92%{transform:translate(calc(76vw - 100%),-3vh) rotate(354deg) scale(1)}
  100%{transform:translate(calc(80vw - 100%),-3vh) rotate(360deg) scale(1);opacity:1}
}
.photo-frag{position:absolute;z-index:4;width:150px;padding:8px 8px 26px;background:#f4f0e6;box-shadow:7px 7px 0 rgba(0,0,0,.5)}
.photo-frag img{width:100%;display:block;filter:grayscale(35%) contrast(105%)}
.photo-frag .cap{font-family:'Caveat',cursive;font-size:13px;color:var(--tinta);text-align:center;margin-top:6px}

/* ============ HERÓI ============ */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(20px,9vw,140px);overflow:hidden}
.cena{position:absolute;inset:-6% -4%;background-size:cover;background-position:center;will-change:transform}
/* ============ Sessão 1+2 — fundo único compartilhado ============ */
.s1s2-bg-wrap{position:relative}
.s1s2-bg{position:absolute;inset:0;z-index:0;background-image:url('../img/cenario/01.png');
  background-size:cover;background-repeat:no-repeat;background-position:center 0%;will-change:background-position}
.s1s2-neon{position:absolute;inset:0;z-index:0;background-size:cover;background-repeat:no-repeat;
  background-position:center 0%;opacity:0;transition:opacity .15s linear;pointer-events:none}
.s1s2-neon.is-on{opacity:1}

/* espírito circulante — fixo na tela; começa deslocado (Herói) e o scroll leva ao centro absoluto (fim do Eco) */
.s1s2-spirit{position:fixed;z-index:3;left:50%;top:50%;--spirit-x:18vw;
  transform:translate(calc(-50% + var(--spirit-x)),-50%);
  margin-bottom:30vh;width:clamp(220px,26vw,420px);pointer-events:none;will-change:margin,transform,opacity}
.s1s2-spirit::after{content:"";position:absolute;left:50%;bottom:2%;width:78%;height:22%;
  transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 72%);
  filter:blur(2px);z-index:-1}
.s1s2-spirit-media{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 46px rgba(0,0,0,.5))}

/* drones disco-voadores — só aparecem na Sessão 2: um entra em zig-zag esq→dir no topo,
   outro sai em zig-zag dir→esq ao fim da sessão, e um terceiro fica ambientando a borda
   direita, entrando/saindo da área visível com zoom suavizado o tempo todo */
.s1s2-drone{position:fixed;inset:0;z-index:3;pointer-events:none}
.s1s2-drone-move{position:absolute;left:0%;top:20%;width:clamp(70px,9vw,140px);opacity:0}
.s1s2-drone-move img{display:block;width:100%;height:auto}
#droneEdgeMove.active{animation:droneEdgeLoop 14s ease-in-out infinite}
@keyframes droneEdgeLoop{
  0%{left:82%;top:12%;transform:translate(-50%,-50%) scale(.7) rotate(-4deg)}
  18%{left:96%;top:22%;transform:translate(-50%,-50%) scale(1) rotate(3deg)}
  34%{left:109%;top:33%;transform:translate(-50%,-50%) scale(.6) rotate(-2deg)}
  50%{left:88%;top:44%;transform:translate(-50%,-50%) scale(.9) rotate(4deg)}
  66%{left:100%;top:56%;transform:translate(-50%,-50%) scale(.65) rotate(-3deg)}
  82%{left:84%;top:66%;transform:translate(-50%,-50%) scale(1) rotate(2deg)}
  100%{left:82%;top:12%;transform:translate(-50%,-50%) scale(.7) rotate(-4deg)}
}
.kicker{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;position:relative;z-index:5}
.kicker::before{content:"";width:36px;height:1px;background:var(--ciano)}
.kicker b{color:var(--ciano);font-weight:400}
h1.title{position:relative;z-index:5;font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:clamp(48px,10vw,120px);line-height:.94;color:var(--creme);max-width:14ch;margin-bottom:26px}
.glitch{position:relative;display:inline-block;font-weight:600;color:var(--magenta)}
.glitch::before,.glitch::after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.glitch::before{color:var(--ciano);clip-path:inset(0 0 60% 0);animation:g1 4.2s infinite steps(2)}
.glitch::after{color:var(--roxo);clip-path:inset(60% 0 0 0);animation:g2 3.4s infinite steps(2)}
@keyframes g1{0%,92%,100%{opacity:0;transform:translate(0,0)}93%{opacity:.85;transform:translate(-4px,-2px)}96%{transform:translate(3px,1px)}}
@keyframes g2{0%,90%,100%{opacity:0;transform:translate(0,0)}91%{opacity:.85;transform:translate(4px,2px)}97%{transform:translate(-3px,-1px)}}
.hero-lead{position:relative;z-index:5;font-family:'Lora',serif;font-style:italic;font-size:clamp(16px,1.8vw,20px);color:#cfc6b3;max-width:38ch;margin-bottom:30px}
.btn{position:relative;z-index:5;font-family:'Space Grotesk',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:13px;
  text-decoration:none;padding:14px 26px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ciano);color:var(--ciano);
  transition:background .2s,color .2s;text-shadow:0 0 8px rgba(0,229,204,.5);width:fit-content}
.btn:hover{background:var(--ciano);color:var(--noite);text-shadow:none}
.scroll-cue{position:absolute;bottom:26px;left:clamp(20px,9vw,140px);z-index:6;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}
.scroll-cue .line{width:30px;height:1px;background:var(--muted);position:relative;overflow:hidden}
.scroll-cue .line::after{content:"";position:absolute;left:-30px;top:0;width:30px;height:1px;background:var(--ciano);animation:cue 2s ease-in-out infinite}
@keyframes cue{0%{left:-30px}100%{left:30px}}

/* ============ blocos de ato ============ */
.beat{position:relative;min-height:100vh;display:flex;align-items:center;padding:clamp(70px,10vh,140px) clamp(20px,9vw,140px);overflow:hidden}
.beat .cena{background-attachment:fixed}
.beat-inner{position:relative;z-index:5;max-width:640px}
.beat-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ciano);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.beat-label::before{content:"";width:28px;height:1px;background:var(--ciano)}
.beat h2{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(34px,6vw,64px);line-height:1;color:var(--creme);margin-bottom:22px}
.beat h2 em{font-style:italic;color:var(--magenta);font-weight:500}
.beat p.lead{font-family:'Lora',serif;font-size:16px;max-width:52ch;margin-bottom:16px}

/* eco — lista fantasma */
.eco-list{margin-top:20px;max-width:520px}
.eco-item{display:flex;align-items:baseline;gap:clamp(16px,3vw,32px);padding:16px 0;border-bottom:1px solid rgba(243,236,221,.12);position:relative}
.eco-item .idx{font-family:'Fraunces',serif;font-style:italic;font-weight:600;font-size:clamp(28px,4vw,46px);color:rgba(243,236,221,.15);line-height:1;width:54px;flex-shrink:0;transition:color .3s}
.eco-item:hover .idx{color:var(--magenta)}
.eco-item .t{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(14px,1.6vw,17px);text-transform:uppercase;letter-spacing:.02em;color:var(--creme)}

/* ============ DESPERTAR — Sessão 3: 1 imagem só (03_BG.jpeg) ============ */
.despertar-pin{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pin-img{position:absolute;inset:-6% -4%;background-size:cover;background-position:center;opacity:0;will-change:opacity}
#pinImgSession3{background-image:url('../assets/sessions/03_BG.jpeg');opacity:1}
.despertar-track{position:relative;height:110vh}
.despertar-pin .beat-inner{text-align:center;max-width:620px}
.despertar-pin .beat-label{justify-content:center}
.despertar-pin .readable-panel{padding:clamp(28px,4vw,48px) clamp(24px,4vw,44px)}

/* apoie — declaração cheia, agora num painel legível */
.statement{position:relative;padding:clamp(90px,16vh,200px) clamp(20px,9vw,140px);text-align:center}
.statement .beat-label{justify-content:center}
.statement .readable-panel{max-width:720px;margin:0 auto;padding:clamp(32px,5vw,56px) clamp(28px,5vw,48px)}
.statement h2{position:relative;z-index:5;font-family:'Fraunces',serif;font-style:italic;font-weight:500;font-size:clamp(30px,5.4vw,54px);line-height:1.08;color:var(--creme);max-width:16ch;margin:0 auto 22px}
.statement p{position:relative;z-index:5;font-family:'Lora',serif;font-size:15.5px;color:#cfc6b3;max-width:50ch;margin:0 auto 28px}
.stat-row{position:relative;z-index:5;display:flex;justify-content:center;gap:clamp(20px,4vw,48px);flex-wrap:wrap;margin-bottom:30px}
.stat b{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:24px;color:var(--creme);display:block}
.stat span{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* Sessão 4 — homem entra da esquerda e para em 30%; drone militar carrega e solta o card */
.apoie-homem{position:absolute;left:-30%;bottom:0;z-index:3;width:clamp(160px,22vw,300px);opacity:0;pointer-events:none}
.apoie-homem img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}
.apoie-drone{position:absolute;left:50%;top:4%;z-index:6;width:clamp(90px,10vw,170px);
  transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.apoie-drone img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 24px rgba(0,0,0,.55))}

/* ============ fecho — comunidade + arquivo — CORRIGIDO: painel legível + fontes maiores ============ */
.closing{position:relative;padding:clamp(80px,12vh,150px) clamp(20px,9vw,140px)}
.closing-inner{position:relative;z-index:5}
.closing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,48px);align-items:start}
@media(max-width:900px){.closing-grid{grid-template-columns:1fr}}
.closing-grid .readable-panel{padding:clamp(26px,4vw,40px)}
.canal-list{margin-top:20px;border-top:1px solid rgba(243,236,221,.14)}
.canal-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid rgba(243,236,221,.14);text-decoration:none;color:inherit;transition:padding-left .25s}
.canal-row:hover{padding-left:10px}
.canal-row .nm{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.02em;color:var(--creme)}
.canal-row .at{font-family:'Space Mono',monospace;font-size:12px;color:#a89bc4}
.canal-row .ar{font-family:'Space Mono',monospace;font-size:14px;color:var(--ciano);opacity:0;transition:opacity .25s}
.canal-row:hover .ar{opacity:1}
.arquivo-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;gap:12px;margin-top:20px}
.arq{background:rgba(255,255,255,.04);border:1px solid rgba(0,229,204,.25);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:140px;border-radius:4px}
.arq.big{grid-row:span 2}
.arq .lbl{font-family:'Space Mono',monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#a89bc4}
.arq .tt{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;color:var(--creme);text-transform:uppercase}
@media(max-width:600px){.arquivo-grid{grid-template-columns:1fr}.arq.big{grid-row:auto}}

/* ============ blog — lista editorial ============ */
.blog-list{margin-top:8px;border-top:1px solid var(--linha)}
.blog-row{display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--linha);text-decoration:none;color:inherit}
.blog-row .bn{font-family:'Fraunces',serif;font-style:italic;font-size:15px;color:var(--muted)}
.blog-row .cat{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ciano);display:block;margin-bottom:6px}
.blog-row h3{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(17px,2vw,22px);color:var(--creme);margin-bottom:6px}
.blog-row p{font-size:13.5px;color:#8a7f6e;max-width:56ch}
.blog-row .soon{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.1em;color:var(--roxo);border:1px solid var(--roxo);padding:3px 8px;text-transform:uppercase;white-space:nowrap;align-self:start}
.blog-row .read{font-family:'Space Mono',monospace;font-size:11px;color:var(--muted);align-self:start;white-space:nowrap}
@media(max-width:640px){.blog-row{grid-template-columns:40px 1fr}.blog-row .soon,.blog-row .read{grid-column:2}}

/* ============ footer — CORRIGIDO: centralizado, ocupa a área toda ============ */
footer{background:#0A090F;border-top:1px solid var(--linha);padding:clamp(48px,7vw,72px) clamp(20px,6vw,64px) 36px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;max-width:1180px;margin:0 auto}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr}}
footer p{font-size:13.5px;color:#726a5c;max-width:44ch}
.foot-col h4{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ciano);margin-bottom:14px}
.foot-col a{display:block;color:#726a5c;text-decoration:none;font-size:13.5px;padding:4px 0}
.foot-col a:hover{color:var(--creme)}
.tm{margin:32px auto 0;border-top:1px solid var(--linha);padding-top:20px;font-family:'Space Mono',monospace;font-size:10.5px;line-height:1.9;color:#544d40;max-width:1180px}
.tm b{color:var(--ciano)}