/* Tëimur · Personagens: inserção orgânica.
   Cada personagem fica de pé no seu lugar; o cenário se desfaz no papel com um material próprio
   (estrelas, névoa, poeira, rocha, pincelada, folhagem, papel rasgado) e a figura sai por cima da borda. */

.character-scene img{mask-image:none!important;-webkit-mask-image:none!important}

.character-chapter{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;gap:4vw!important;min-height:900px!important;padding:70px 7vw!important;overflow-x:clip!important;overflow-y:visible!important}
.character-chapter.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important}
.character-chapter + .character-chapter{margin-top:-40px}

.org-art{position:relative;height:780px!important;overflow:visible!important;isolation:isolate}
.org-scene{position:absolute;display:block;height:auto;max-width:none;z-index:0;pointer-events:none;
  opacity:0;transform:translateY(24px) scale(.985);transition:opacity 1.4s ease,transform 1.8s cubic-bezier(.2,.7,.2,1)}
.org-figure{position:absolute;display:block;width:auto;max-width:none;z-index:2;pointer-events:none;
  filter:drop-shadow(0 18px 22px rgba(20,34,38,.28));
  opacity:0;transform:translateY(40px);transition:opacity 1.2s ease .25s,transform 1.6s cubic-bezier(.2,.7,.2,1) .25s}
.character-chapter.visible .org-scene,.no-js .org-scene{opacity:1;transform:none}
.character-chapter.visible .org-figure,.no-js .org-figure{opacity:1;transform:none}
.org-art:hover .org-figure{filter:drop-shadow(0 18px 22px rgba(20,34,38,.28)) drop-shadow(0 0 18px rgba(214,186,120,.35))}
.character-copy{position:relative;z-index:3}

/* Öryon: a noite do Festival, céu de estrelas que se desfaz; ele avança em direção ao texto */
#oryon .org-scene{left:-11vw;top:-2%;width:calc(100% + 13vw)}
#oryon .org-figure{height:94%;right:-4%;bottom:-2%}
/* Mirëlah: Templo Prateado em névoa; vertical, como as colunas */
#mirelah .org-scene{right:-10vw;top:0;width:calc(86% + 10vw)}
#mirelah .org-figure{height:91%;left:-2%;bottom:0}
/* Delian: poeira do pátio do Exército, recorte em diagonal */
#delian .org-scene{left:-11vw;top:6%;width:calc(108% + 11vw)}
#delian .org-figure{height:90%;left:38%;bottom:-1%}
/* Glen: rocha lascada de Okëoder com brasas */
#glen .org-scene{right:-10vw;top:3%;width:calc(98% + 10vw)}
#glen .org-figure{height:86%;left:-3%;bottom:0}
/* Kilian: a praça do Festival, corte em golpe diagonal */
#kilian .org-scene{left:-11vw;top:12%;width:calc(98% + 11vw)}
#kilian .org-figure{height:92%;left:46%;bottom:-2%}
/* Aurel: Ponta Lascada, borda limpa e elegante */
#aurel .org-scene{right:-10vw;top:1%;width:calc(90% + 10vw)}
#aurel .org-figure{height:93%;left:0;bottom:-1%}
/* Tahar: a Torre, recorte alto e estreito, luar no topo */
#tahar .org-scene{left:10%;top:-3%;width:58%}
#tahar .org-figure{height:95%;left:44%;bottom:-2%}
/* Nahi: sombra; ela esconde a própria Essência, que aparece quando o leitor se aproxima */
#nahi .org-scene{right:-6vw;top:2%;width:calc(88% + 6vw);transition:opacity 1.4s ease,transform 1.8s cubic-bezier(.2,.7,.2,1),filter 1.2s}
#nahi .org-figure{height:93%;left:14%;bottom:-1%}
#nahi .org-art:hover .org-scene{filter:saturate(1.35) brightness(1.15)}
#nahi .org-art:hover .org-figure{filter:drop-shadow(0 18px 22px rgba(20,34,38,.28)) drop-shadow(0 0 26px rgba(196,58,58,.55))}
/* Kazyr: o campo onde treina Öryon, pinceladas pesadas; figura grande, quase invadindo o título */
#kazyr .org-scene{left:-11vw;top:14%;width:calc(108% + 11vw)}
#kazyr .org-figure{height:97%;right:-5%;bottom:-3%}
/* Tuga: a cabana no pé da árvore, borda de folhagem; o gnomo pequeno, na soleira */
#tuga .org-scene{right:-10vw;top:4%;width:calc(100% + 10vw)}
#tuga .org-figure{height:64%;left:-4%;bottom:2%}
/* Bakri: Einmaröt em papel rasgado; pegadas atravessam até o texto */
#bakri .org-scene{left:-11vw;top:8%;width:calc(104% + 11vw)}
#bakri .org-figure{width:72%;height:auto;right:-6%;bottom:0}

/* Efeitos de cada lugar */
.org-fx{position:absolute;inset:0;z-index:1;pointer-events:none}
.org-fx i{position:absolute;display:block}
.org-fx-stars i{width:3px;height:3px;border-radius:50%;background:#fff6d8;box-shadow:0 0 8px 2px rgba(255,236,180,.85);animation:org-twinkle 3.6s ease-in-out infinite}
.org-fx-stars i:nth-child(1){left:8%;top:6%}.org-fx-stars i:nth-child(2){left:22%;top:14%;animation-delay:.6s}.org-fx-stars i:nth-child(3){left:36%;top:3%;animation-delay:1.2s}
.org-fx-stars i:nth-child(4){left:54%;top:10%;animation-delay:1.8s}.org-fx-stars i:nth-child(5){left:70%;top:2%;animation-delay:2.4s}.org-fx-stars i:nth-child(6){left:84%;top:12%;animation-delay:.3s}
.org-fx-stars i:nth-child(7){left:92%;top:24%;animation-delay:.9s}.org-fx-stars i:nth-child(8){left:46%;top:20%;animation-delay:1.5s}.org-fx-stars i:nth-child(9){left:62%;top:28%;animation-delay:2.1s}
@keyframes org-twinkle{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
.org-fx-motes i{width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff,#d9e2ea 45%,transparent 70%);animation:org-rise 9s linear infinite;opacity:0}
.org-fx-embers i{width:4px;height:4px;border-radius:50%;background:#ffcf7a;box-shadow:0 0 8px 2px rgba(255,140,40,.8);animation:org-rise 5.5s ease-in infinite;opacity:0}
.org-fx-motes i:nth-child(n),.org-fx-embers i:nth-child(n){bottom:12%}
.org-fx-motes i:nth-child(1),.org-fx-embers i:nth-child(1){left:12%}.org-fx-motes i:nth-child(2),.org-fx-embers i:nth-child(2){left:24%;animation-delay:1s}
.org-fx-motes i:nth-child(3),.org-fx-embers i:nth-child(3){left:38%;animation-delay:2.2s}.org-fx-motes i:nth-child(4),.org-fx-embers i:nth-child(4){left:52%;animation-delay:3.1s}
.org-fx-motes i:nth-child(5),.org-fx-embers i:nth-child(5){left:66%;animation-delay:.5s}.org-fx-motes i:nth-child(6),.org-fx-embers i:nth-child(6){left:78%;animation-delay:1.7s}
.org-fx-motes i:nth-child(7),.org-fx-embers i:nth-child(7){left:88%;animation-delay:2.7s}.org-fx-motes i:nth-child(8),.org-fx-embers i:nth-child(8){left:30%;animation-delay:3.8s}.org-fx-motes i:nth-child(9),.org-fx-embers i:nth-child(9){left:60%;animation-delay:4.4s}
@keyframes org-rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}100%{opacity:0;transform:translate(18px,-420px)}}
.org-fx-leaves i{width:14px;height:9px;border-radius:0 80% 0 80%;background:linear-gradient(135deg,#8aa04c,#4f6b2c);top:-4%;opacity:0;animation:org-fall 11s linear infinite}
.org-fx-leaves i:nth-child(1){left:20%}.org-fx-leaves i:nth-child(2){left:42%;animation-delay:2s;background:linear-gradient(135deg,#c79b3c,#7c5a1f)}.org-fx-leaves i:nth-child(3){left:66%;animation-delay:4s}
.org-fx-leaves i:nth-child(4){left:84%;animation-delay:6s}.org-fx-leaves i:nth-child(5){left:30%;animation-delay:7.5s;background:linear-gradient(135deg,#c79b3c,#7c5a1f)}.org-fx-leaves i:nth-child(6){left:56%;animation-delay:9s}
.org-fx-leaves i:nth-child(n+7){display:none}
@keyframes org-fall{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.9}100%{opacity:0;transform:translate(-60px,820px) rotate(320deg)}}
.org-fx-paws i{width:18px;height:18px;opacity:0;background:radial-gradient(circle at 50% 70%,#8a5a34 34%,transparent 36%),radial-gradient(circle at 18% 30%,#8a5a34 13%,transparent 15%),radial-gradient(circle at 40% 14%,#8a5a34 13%,transparent 15%),radial-gradient(circle at 62% 14%,#8a5a34 13%,transparent 15%),radial-gradient(circle at 84% 30%,#8a5a34 13%,transparent 15%);rotate:90deg}
.character-chapter.visible .org-fx-paws i{animation:org-paw 1s ease forwards}
.org-fx-paws i:nth-child(1){left:96%;top:84%;animation-delay:1.6s!important}.org-fx-paws i:nth-child(2){left:102%;top:80%;animation-delay:1.9s!important}
.org-fx-paws i:nth-child(3){left:108%;top:85%;animation-delay:2.2s!important}.org-fx-paws i:nth-child(4){left:114%;top:81%;animation-delay:2.5s!important}
.org-fx-paws i:nth-child(5){left:120%;top:86%;animation-delay:2.8s!important}.org-fx-paws i:nth-child(n+6){display:none}
@keyframes org-paw{to{opacity:.45}}
.org-fx-essence i{display:none}

@media(prefers-reduced-motion:reduce){.org-fx i{animation:none!important;opacity:.5}.org-scene,.org-figure{transition:none;opacity:1;transform:none}}

@media(max-width:900px){
  .character-chapter,.character-chapter.reverse{display:flex!important;flex-direction:column;gap:10px!important;padding:50px 6vw!important;min-height:0!important}
  .character-chapter + .character-chapter{margin-top:0}
  .org-art{order:1;height:min(118vw,600px)!important;width:100%}
  .org-scene{left:-8vw!important;right:auto!important;top:4%!important;width:116vw!important}
  #tahar .org-scene{left:14%!important;width:62vw!important}
  .org-figure{height:90%!important;left:auto!important;right:auto!important;left:50%!important;translate:-50% 0;bottom:0!important}
  #tuga .org-figure{height:66%!important}
  #bakri .org-figure{width:86%!important;height:auto!important}
  .org-fx-paws{display:none}
}
/* Glen e Aurel viram para o texto, para que nem todos olhem para o mesmo lado */
#glen .org-figure,#aurel .org-figure{scale:-1 1}