@font-face{font-family:"Archivo Alem Fable";font-style:normal;font-weight:500 900;font-stretch:100% 125%;font-display:swap;src:url(/assets/fonts/archivo-fable-latin.woff2) format("woff2")}
/* Além índice final: only this route. Preview source: ALEM_DO_ROUND_HANDOFF_HOME_20261007. */
#ddr-base:has([data-fable-alem-index]){max-width:none}
#ddr-base .fai{--carvao:#181818;--carvao-2:#1F1D1B;--offwhite:#F6F4EF;--offwhite-2:#E9E5DC;--laranja:#FF6A24;--laranja-fundo:#C2461A;--cinza:#8F8A82;--cinza-2:#5B5752;--bg:var(--carvao);--fg:var(--offwhite);--display:"Bricolage Grotesque",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif;--wide:"Archivo Alem Fable","Bricolage Grotesque",Arial,sans-serif;--gutter:clamp(20px,5vw,96px);position:relative;isolation:isolate;background:var(--bg);color:var(--fg);font:17px/1.55 var(--body);-webkit-font-smoothing:antialiased}
#ddr-base .fai *,#ddr-base .fai *::before,#ddr-base .fai *::after{box-sizing:border-box}
#ddr-base .fai :where(h1,h2,p,figure){margin:0}
#ddr-base .fai a{color:inherit}
#ddr-base .fai :where(img,svg,canvas){max-width:100%;display:block}
#ddr-base .fai :focus-visible{outline:2px solid var(--laranja);outline-offset:4px}
#ddr-base .fai ::selection{background:var(--laranja);color:var(--carvao)}
/* ---------- camadas de fundo ---------- */
#ddr-base .fai #fai-materia{
  position:fixed; inset:0; z-index:1; pointer-events:none;
  width:100%; height:100%;
  filter:url(#fai-goo);
  opacity:0; transition:opacity .9s ease;
}

#ddr-base .fai #fai-materia.visivel{opacity:1}

#ddr-base .fai #fai-marcadagua{
  position:fixed; right:-12vw; bottom:-18vh; width:60vw; z-index:0; pointer-events:none;
  opacity:0; transition:opacity 1.2s ease;
}

#ddr-base .fai #fai-marcadagua.visivel{opacity:.045}

#ddr-base .fai #fai-marcadagua path{fill:var(--offwhite)}

#ddr-base .fai .conteudo{position:relative; z-index:2}
/* ---------- abertura ---------- */
#ddr-base .fai .abertura{
  position:relative; height:100svh; min-height:560px;
  display:grid; place-items:center; overflow:hidden;
}

#ddr-base .fai .abertura .palco{
  width:min(52vw, 62svh); aspect-ratio:1057/858; position:relative;
}

#ddr-base .fai .abertura svg.forma{width:100%; height:100%; overflow:visible}

#ddr-base .fai .abertura .gota{
  position:absolute; left:50%; top:-14%;
  width:5.2%; aspect-ratio:1; border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
  background:var(--laranja); transform:translate(-50%,0);
  opacity:0;
}

#ddr-base .fai .abertura .selo{
  position:absolute; left:50%; top:100%; transform:translate(-50%,0);
  margin-top:clamp(18px,3.4vh,40px);
  font-family:var(--wide); font-variation-settings:"wdth" 125; font-weight:700;
  font-size:clamp(13px,1.35vw,19px); letter-spacing:.18em; white-space:nowrap;
  color:var(--offwhite); opacity:0; transition:opacity 1.1s ease .1s, transform 1.1s ease .1s;
  transform:translate(-50%,10px);
}

#ddr-base .fai .abertura.pronta .selo{opacity:1; transform:translate(-50%,0)}

#ddr-base .fai .abertura .desca{
  position:absolute; left:50%; bottom:calc(28px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%);
  width:12px; height:56px; opacity:0; transition:opacity 1s ease 1.2s;
}

#ddr-base .fai .abertura.pronta .desca{opacity:.9}

#ddr-base .fai .abertura .desca::before{
  content:""; position:absolute; left:50%; top:0; width:1px; height:36px; background:var(--cinza-2); transform:translateX(-50%);
}

#ddr-base .fai .abertura .desca::after{
  content:""; position:absolute; left:50%; top:30px; width:7px; height:9px; margin-left:-3.5px;
  border-radius:50% 50% 50% 50%/40% 40% 60% 60%; background:var(--laranja);
  animation:fai-pinga 2.6s ease-in infinite;
}

@keyframes fai-pinga{
  0%{transform:translateY(0) scale(.6); opacity:0}
  20%{opacity:1; transform:translateY(0) scale(1)}
  80%{transform:translateY(22px) scale(1,1.25); opacity:1}
  100%{transform:translateY(30px) scale(.5); opacity:0}
}
/* ---------- frase ---------- */
#ddr-base .fai .frase{
  min-height:92svh; display:flex; flex-direction:column; justify-content:center;
  padding:12vh var(--gutter);
}

#ddr-base .fai .frase h1{
  font-family:var(--display); font-variation-settings:"opsz" 96;
  font-weight:700; letter-spacing:-.035em; line-height:.98;
  font-size:clamp(44px, 9.4vw, 152px); margin:0; max-width:11ch;
}

#ddr-base .fai .frase h1 .l{display:block; opacity:1; transform:none; transition:opacity .9s ease, transform 1s cubic-bezier(.2,.7,.2,1)}

#ddr-base .fai .frase h1 .l:nth-child(2){transition-delay:.12s}

#ddr-base .fai .frase h1 .l:nth-child(3){transition-delay:.24s}

#ddr-base .fai .frase.entra h1 .l{opacity:1; transform:none}

#ddr-base .fai .frase h1 .servidor{position:relative; display:inline-block}

#ddr-base .fai .frase h1 .servidor::after{
  content:""; position:absolute; left:-.02em; right:-.02em; top:54%; height:.07em;
  background:var(--laranja); transform:scaleX(1); transform-origin:left center;
  transition:transform 1.1s cubic-bezier(.7,0,.2,1) 1.1s;
}

#ddr-base .fai .frase.entra h1 .servidor::after{transform:scaleX(1)}

#ddr-base .fai .frase p{
  margin:40px 0 0; max-width:44ch; font-size:clamp(17px,1.4vw,21px); color:var(--cinza);
  opacity:1; transition:opacity 1.2s ease 1.3s;
}

#ddr-base .fai .frase.entra p{opacity:1}
/* ---------- pessoa / recorte ---------- */
#ddr-base .fai .pessoa{
  position:relative; padding:10vh var(--gutter) 14vh;
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr); gap:clamp(24px,5vw,80px);
  align-items:end;
}

#ddr-base .fai .pessoa .num{
  grid-column:1 / -1; font-family:var(--display); font-weight:500; color:var(--cinza); font-size:15px;
  display:flex; gap:18px; align-items:baseline;
}

#ddr-base .fai .pessoa .num b{color:var(--laranja); font-weight:600}

#ddr-base .fai .pessoa .titulo{
  font-family:var(--display); font-variation-settings:"opsz" 96; font-weight:800;
  letter-spacing:-.04em; line-height:.9; margin:4vh 0 0;
}

#ddr-base .fai .pessoa .titulo span{display:block}

#ddr-base .fai .pessoa .titulo .t1{font-size:clamp(28px,3.6vw,56px); font-weight:500; letter-spacing:-.02em; color:var(--offwhite-2); margin-bottom:.3em}

#ddr-base .fai .pessoa .titulo .t2{font-size:clamp(68px,13.5vw,220px); margin-left:-.04em}

#ddr-base .fai .pessoa .titulo .t3{font-size:clamp(34px,5.4vw,84px); font-weight:600; margin-top:.12em; margin-left:.22em}

#ddr-base .fai .pessoa .quem{
  margin:5vh 0 0; max-width:46ch; color:var(--offwhite-2); font-size:clamp(16px,1.25vw,19px);
}

#ddr-base .fai .pessoa .quem strong{font-weight:500; color:var(--fg)}

#ddr-base .fai .pessoa .entrar{
  display:inline-flex; align-items:center; gap:14px; margin-top:36px;
  font-family:var(--display); font-weight:600; font-size:18px; text-decoration:none;
}

#ddr-base .fai .pessoa .entrar .bolha{
  width:14px; height:14px; border-radius:50%; background:var(--laranja);
  transition:transform .6s cubic-bezier(.2,.8,.2,1);
}

#ddr-base .fai .pessoa .entrar:hover .bolha{transform:scale(2.4)}

#ddr-base .fai .pessoa .entrar:hover u{text-decoration-color:var(--laranja)}

#ddr-base .fai .pessoa .entrar u{text-underline-offset:7px; text-decoration-thickness:1px; transition:text-decoration-color .4s}

#ddr-base .fai .janela{
  position:relative; aspect-ratio:4/5; width:100%; max-width:520px; justify-self:end;
  background:var(--carvao-2); overflow:hidden;
  border-radius:2px;
}

#ddr-base .fai .janela::before{ /* grão */
  content:""; position:absolute; inset:0; opacity:.55; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

#ddr-base .fai .janela .luz{
  position:absolute; inset:-30%; background:
    radial-gradient(45% 55% at 62% 38%, rgba(255,106,36,.55), transparent 60%),
    radial-gradient(60% 50% at 30% 80%, rgba(194,70,26,.35), transparent 60%);
  filter:blur(30px); transform:translate3d(0,0,0);
  transition:transform 1.2s ease;
}

#ddr-base .fai .janela .vulto{
  position:absolute; left:14%; right:14%; bottom:-6%; height:70%;
  border-radius:48% 52% 10% 10%/70% 70% 10% 10%;
  background:linear-gradient(180deg, #2b2724, #181818 70%);
  box-shadow:0 -40px 90px rgba(0,0,0,.6);
}

#ddr-base .fai .janela .legenda{
  position:absolute; left:18px; bottom:16px; right:18px;
  font-size:12.5px; color:var(--cinza); display:flex; justify-content:space-between; gap:12px;
}

#ddr-base .fai .janela .legenda i{font-style:normal; color:var(--laranja)}
/* ---------- território / próximos ---------- */
#ddr-base .fai .territorio{
  position:relative; min-height:100svh; overflow:hidden;
  padding:18vh var(--gutter); display:flex; flex-direction:column; justify-content:space-between; gap:12vh;
  background:var(--carvao);
}

#ddr-base .fai .territorio .campo{
  position:absolute; inset:0; pointer-events:none;
  --mx:50%; --my:50%;
  -webkit-mask-image:radial-gradient(46vmin 46vmin at var(--mx) var(--my), #000 0%, rgba(0,0,0,.75) 35%, rgba(0,0,0,.09) 70%, rgba(0,0,0,.09) 100%);
          mask-image:radial-gradient(46vmin 46vmin at var(--mx) var(--my), #000 0%, rgba(0,0,0,.75) 35%, rgba(0,0,0,.09) 70%, rgba(0,0,0,.09) 100%);
}

#ddr-base .fai .territorio .campo span{
  position:absolute; font-family:var(--display); font-variation-settings:"opsz" 96; font-weight:800;
  letter-spacing:-.04em; color:var(--offwhite); white-space:nowrap; line-height:1;
}

#ddr-base .fai .territorio .campo span.l{color:var(--laranja)}

#ddr-base .fai .territorio .frente{position:relative; z-index:2; max-width:36ch}

#ddr-base .fai .territorio h2{
  font-family:var(--display); font-variation-settings:"opsz" 96; font-weight:700;
  font-size:clamp(34px,5.2vw,78px); letter-spacing:-.035em; line-height:1; margin:0; max-width:24ch; text-wrap:balance;
}

#ddr-base .fai .territorio p{color:var(--cinza); margin:24px 0 0; font-size:clamp(16px,1.3vw,19px); max-width:40ch}

#ddr-base .fai .territorio .chamada{position:relative; z-index:2; display:flex; flex-wrap:wrap; align-items:center; gap:32px 48px; justify-content:space-between}

#ddr-base .fai .territorio .chamada p{margin:0; color:var(--offwhite-2); max-width:38ch}

#ddr-base .fai .territorio .chamada p b{display:block; font-family:var(--display); font-weight:700; font-size:clamp(22px,2.2vw,32px); letter-spacing:-.02em; color:var(--fg); margin-bottom:8px}

#ddr-base .fai .botao{
  display:inline-flex; align-items:center; gap:12px; text-decoration:none;
  background:var(--laranja); color:var(--carvao); font-family:var(--display); font-weight:600; font-size:16px;
  padding:16px 26px; border-radius:999px; position:relative; overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}

#ddr-base .fai .botao:hover{transform:translateY(-1px) scale(1.02)}

#ddr-base .fai .botao:active{transform:scale(.98)}
/* ---------- índice de recortes (hub) ---------- */
#ddr-base .fai .indice{padding:4vh var(--gutter) 16vh}

#ddr-base .fai .indice h2{font-family:var(--display); font-weight:500; font-size:15px; color:var(--cinza); margin:0 0 18px; letter-spacing:0}

#ddr-base .fai .indice ol{list-style:none; margin:0; padding:0; border-top:1px solid rgba(246,244,239,.12)}

#ddr-base .fai .indice li a{
  display:grid; grid-template-columns:72px 1fr auto; gap:24px; align-items:baseline;
  padding:28px 0; border-bottom:1px solid rgba(246,244,239,.12); text-decoration:none;
}

#ddr-base .fai .indice li a:hover .t{color:var(--laranja)}

#ddr-base .fai .indice .n{font-family:var(--display); font-weight:600; color:var(--laranja); font-size:15px}

#ddr-base .fai .indice .t{font-family:var(--display); font-variation-settings:"opsz" 96; font-weight:600; font-size:clamp(22px,2.6vw,40px); letter-spacing:-.025em; line-height:1.05; transition:color .4s}

#ddr-base .fai .indice .q{font-size:14px; color:var(--cinza); white-space:nowrap}

@media (max-width:860px){
#ddr-base .fai .indice li a{grid-template-columns:48px 1fr}

#ddr-base .fai .indice .q{grid-column:2}
 }

#ddr-base .fai .territorio .frente{max-width:none}


/* Progressive enhancement: no JS, Motion OFF and reduced motion expose the final state. */
#ddr-base .fai .abertura:not(.animando) .selo{opacity:1;transform:translate(-50%,0)}
#ddr-base .fai .abertura:not(.animando) .desca{opacity:.9}
#ddr-base .fai.m .frase:not(.entra) h1 .l{opacity:0;transform:translateY(.35em)}
#ddr-base .fai.m .frase:not(.entra) p{opacity:0}
#ddr-base .fai.m .frase:not(.entra) h1 .servidor::after{transform:scaleX(0)}
#ddr-base .fai:not(.m) .desca::after{animation:none}
#ddr-base .fai .janela img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#ddr-base .fai .janela:has(img)::before{z-index:1;opacity:.14;pointer-events:none}
#ddr-base .fai .janela .legenda{z-index:2;background:linear-gradient(transparent,rgba(24,24,24,.8));padding-top:24px}
#ddr-base .fai .pessoa .texto{min-width:0}
#ddr-base .fai .pessoa .titulo{overflow-wrap:anywhere}
#ddr-base .fai .pessoa .titulo--livre .t2{font-size:clamp(48px,7vw,112px);line-height:.98}
#ddr-base .fai .filtros{display:flex;gap:12px 24px;flex-wrap:wrap;margin-bottom:24px;font-size:14px}
#ddr-base .fai .filtros a{padding:8px 0;text-underline-offset:6px}
#ddr-base .fai .filtros a[aria-current]{color:var(--laranja)}
#ddr-base .fai .vazio{padding:4vh 0;color:var(--offwhite-2)}
#ddr-base .fai .indice .t{overflow-wrap:anywhere;min-width:0}
#ddr-base .fai .entrar:focus-visible .bolha{transform:scale(2.4)}
@media(max-width:860px){
 #ddr-base .fai .pessoa{grid-template-columns:1fr;align-items:start}
 #ddr-base .fai .janela{max-width:none;aspect-ratio:4/5;justify-self:stretch;order:-1;max-height:52svh}
 #ddr-base .fai .pessoa .num{order:-2}
 #ddr-base .fai .frase h1{max-width:9ch}
 #ddr-base .fai #fai-materia{display:none}
 #ddr-base .fai .abertura .palco{width:min(78vw,62svh)}
 #ddr-base .fai .pessoa .titulo .t2{font-size:clamp(68px,16vw,138px)}
 #ddr-base .fai .pessoa .titulo--livre .t2{font-size:clamp(44px,9vw,84px)}
}
@media(prefers-reduced-motion:reduce){
 #ddr-base .fai *,#ddr-base .fai *::before,#ddr-base .fai *::after{animation:none!important;transition:none!important}
 #ddr-base .fai .frase h1 .l,#ddr-base .fai .frase p{opacity:1!important;transform:none!important}
 #ddr-base .fai .frase h1 .servidor::after{transform:scaleX(1)!important}
 #ddr-base .fai .abertura .selo,#ddr-base .fai .abertura .desca{opacity:1!important;transform:translate(-50%,0)!important}
 #ddr-base .fai #fai-materia{display:none}
}