/* Tëimur · Home: Öryon e seus companheiros sob a árvore dourada.
   A cena sangra pela direita, a borda é de folhagem e Kazyr e Mirëlah saem do recorte em direção ao texto. */
.new-character-scene{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:2vw;overflow-x:clip;overflow-y:visible;padding-right:0!important}
.home-companions{position:relative;margin-right:-1px;min-height:520px}
.home-companions .hc-scene{display:block;width:calc(100% + 1vw);max-width:none;height:auto!important;object-fit:fill!important;margin-left:6vw;
  opacity:0;transform:translateY(26px) scale(.985);transition:opacity 1.4s ease,transform 1.8s cubic-bezier(.2,.7,.2,1)}
.home-companions.is-in .hc-scene{opacity:1;transform:none}
.home-companions:hover .hc-scene{filter:brightness(1.04) saturate(1.05);transition:filter .8s,opacity 1.4s,transform 1.8s}
.home-companions .org-fx{position:absolute;inset:0;pointer-events:none}
.home-companions .org-fx i{position:absolute;top:-4%;width:13px;height:8px;border-radius:0 80% 0 80%;background:linear-gradient(135deg,#f0c35a,#a8701e);opacity:0;animation:hc-fall 12s linear infinite}
.home-companions .org-fx i:nth-child(1){left:14%}.home-companions .org-fx i:nth-child(2){left:28%;animation-delay:1.6s}.home-companions .org-fx i:nth-child(3){left:41%;animation-delay:3.1s}
.home-companions .org-fx i:nth-child(4){left:55%;animation-delay:4.4s}.home-companions .org-fx i:nth-child(5){left:67%;animation-delay:6s}.home-companions .org-fx i:nth-child(6){left:79%;animation-delay:7.3s}
.home-companions .org-fx i:nth-child(7){left:35%;animation-delay:8.8s}.home-companions .org-fx i:nth-child(8){left:61%;animation-delay:10.1s}.home-companions .org-fx i:nth-child(9){left:88%;animation-delay:11.2s}
@keyframes hc-fall{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.95}100%{opacity:0;transform:translate(-70px,560px) rotate(340deg)}}
@media(prefers-reduced-motion:reduce){.home-companions .org-fx i{animation:none}.home-companions .hc-scene{opacity:1;transform:none;transition:none}}
@media(max-width:900px){
  .new-character-scene{display:block!important;padding-right:7%!important}
  .home-companions{min-height:0;margin-top:30px}
  .home-companions .hc-scene{width:118vw;margin-left:-9vw}
}

/* Sobre o autor: só o retrato, em pincelada de tinta, com as brasas das velas subindo */
.author-collage{height:640px!important;isolation:isolate}
.ac-portrait{position:absolute;display:block;height:auto;max-width:none;width:118%;left:-10%;top:8%;z-index:1;opacity:0;transform:translateY(30px);
  transition:transform 1.4s cubic-bezier(.2,.7,.2,1),opacity 1.2s,filter .9s}
.author-collage.is-in .ac-portrait{opacity:1;transform:none}
.author-collage:hover .ac-portrait{transform:scale(1.02);filter:brightness(1.05)}
.ac-fx{position:absolute;inset:0;z-index:3;pointer-events:none}
.ac-fx i{position:absolute;bottom:30%;width:4px;height:4px;border-radius:50%;background:#ffd78f;box-shadow:0 0 8px 2px rgba(255,170,60,.7);opacity:0;animation:ac-ember 6s ease-in infinite}
.ac-fx i:nth-child(1){left:10%}.ac-fx i:nth-child(2){left:20%;animation-delay:1.6s}.ac-fx i:nth-child(3){left:42%;animation-delay:3s}
.ac-fx i:nth-child(4){left:64%;animation-delay:.8s}.ac-fx i:nth-child(5){left:84%;animation-delay:2.4s}.ac-fx i:nth-child(6){left:94%;animation-delay:4.2s}
@keyframes ac-ember{0%{opacity:0;transform:translate(0,0)}15%{opacity:.9}100%{opacity:0;transform:translate(14px,-300px)}}
/* Assinatura: ao passar o mouse, a tinta vira ouro */
.author-sign{position:relative;display:inline-block;margin:24px 0 0 8px;transform:rotate(-5deg);transition:transform .7s}
.author-sign .author-signature{margin:0!important;transform:none!important;transition:opacity .8s!important}
.author-signature-gold{position:absolute;inset:0;width:100%;height:auto;opacity:0;pointer-events:none;transition:opacity .8s,filter .8s}
.author-sign:hover{transform:rotate(-2deg) scale(1.04)}
.author-sign:hover .author-signature{opacity:0}
.author-sign:hover .author-signature-gold{opacity:1;filter:drop-shadow(0 0 6px rgba(226,190,110,.55))}
@media(prefers-reduced-motion:reduce){.ac-fx i{animation:none}.ac-portrait{opacity:1!important;transition:none}}
@media(max-width:700px){.author-collage{height:min(80vw,380px)!important}.ac-portrait{width:124%;left:-12%;top:4%}}
