/* Tëimur · Anariel: inserção orgânica.
   A travessia se abre entre nuvens, os alunos olham a ilha do convés com a névoa em volta,
   a Árvore Branca solta luz de Essência e cada mestre sai do seu pedaço da Academia. */

/* Zölnierë: o vídeo some em nuvens (camada da cor do papel por cima, sem máscara) */
.academy-page .arrival-film,.arrival-film{-webkit-mask-image:none!important;mask-image:none!important;aspect-ratio:4/3;height:auto!important;overflow:hidden}
.arrival-film video{width:100%;height:100%;object-fit:cover}
.arrival-film::after{content:'';position:absolute;inset:-1px;z-index:1;pointer-events:none;
  background:url(assets/academy/organico/zolniere-moldura.png) center/100% 100% no-repeat}
.arrival-film span{z-index:2}

/* Chegada: os alunos no convés, a ilha ao fundo, tudo desfeito em névoa */
.students-section{position:relative;padding:20px 0 70px;overflow-x:clip}
.students-section .students-scene{position:relative;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:3vw;align-items:center;padding:0 7% 0 0!important;margin:0!important}
.students-section .students-portrait{margin:0 0 0 -4vw;position:relative}
.students-section .students-portrait img{width:100%!important;height:auto!important;max-height:none!important;object-fit:fill!important;border-radius:0!important;aspect-ratio:auto!important;
  -webkit-mask-image:none!important;mask-image:none!important;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.students-section .students-scene:hover img{scale:1;transform:translateY(-4px)}
.students-section .students-ornament{display:none}
.students-section .students-scene p{font:19px/1.85 Story,Georgia,serif!important;max-width:400px!important;color:#536c68}
.an-fx{position:absolute;inset:0;pointer-events:none;z-index:2}
.an-fx i{position:absolute;display:block;opacity:0}
.an-fx-clouds{right:auto;width:62%}
.an-fx-clouds i{top:30%;width:140px;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,253,248,.85),rgba(255,253,248,0));filter:blur(4px);animation:an-cloud 16s linear infinite}
.an-fx-clouds i:nth-child(2){top:58%;animation-delay:3s;width:200px}.an-fx-clouds i:nth-child(3){top:18%;animation-delay:6s}
.an-fx-clouds i:nth-child(4){top:70%;animation-delay:9s;width:170px}.an-fx-clouds i:nth-child(5){top:42%;animation-delay:11.5s}.an-fx-clouds i:nth-child(6){top:8%;animation-delay:13.5s;width:110px}
@keyframes an-cloud{0%{opacity:0;transform:translateX(-10%)}15%{opacity:.9}85%{opacity:.8}100%{opacity:0;transform:translateX(560%)}}

/* Árvore Branca: luz de Essência subindo devagar */
.onul-tree{position:relative}
.an-fx-essence i{bottom:22%;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff,#e6f1ff 45%,transparent 70%);box-shadow:0 0 10px 3px rgba(210,230,255,.75);animation:an-rise 7s ease-in infinite}
.an-fx-essence i:nth-child(1){left:30%}.an-fx-essence i:nth-child(2){left:38%;animation-delay:1.1s}.an-fx-essence i:nth-child(3){left:46%;animation-delay:2.3s}.an-fx-essence i:nth-child(4){left:54%;animation-delay:3.2s}
.an-fx-essence i:nth-child(5){left:62%;animation-delay:.5s}.an-fx-essence i:nth-child(6){left:70%;animation-delay:4.1s}.an-fx-essence i:nth-child(7){left:42%;animation-delay:5s}.an-fx-essence i:nth-child(8){left:58%;animation-delay:5.8s}
@keyframes an-rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}100%{opacity:0;transform:translate(12px,-360px)}}

/* Corpo docente: sem arco; cada mestre sai do seu pedaço da Academia, com um recorte próprio */
.teacher-picture,.master-gallery .teacher-picture,.general-gallery .teacher-picture,.director-gallery .teacher-picture{height:auto!important;border-radius:0!important;background:none!important;overflow:visible!important;margin-bottom:10px!important}
.teacher-picture::after{display:none!important}
.teacher-picture img{height:auto!important;object-fit:fill!important;-webkit-mask-image:none!important;mask-image:none!important;filter:none!important;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .7s!important;transform-origin:50% 90%}
.teacher:hover .teacher-picture img,.teacher:focus-visible .teacher-picture img{scale:1!important;transform:translateY(-8px) scale(1.03);filter:drop-shadow(0 10px 18px rgba(80,66,30,.22)) brightness(1.04)!important}
.teacher-mark{z-index:2}
.director-gallery .teacher:nth-child(2) .teacher-picture{margin-top:40px}
.master-gallery .teacher:nth-child(even) .teacher-picture,.general-gallery .teacher:nth-child(even) .teacher-picture{margin-top:34px}

@media(prefers-reduced-motion:reduce){.an-fx i{animation:none!important}}
@media(max-width:900px){
  .students-section .students-scene{grid-template-columns:1fr;padding:0 6%!important;gap:20px}
  .students-section .students-portrait{margin:0 -6vw}
  .an-fx-clouds{display:none}
  .master-gallery .teacher:nth-child(even) .teacher-picture,.general-gallery .teacher:nth-child(even) .teacher-picture,.director-gallery .teacher:nth-child(2) .teacher-picture{margin-top:0}
}
.students-section .students-portrait{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;clip-path:none!important;border-radius:0!important}
.students-section .students-portrait::before,.students-section .students-portrait::after{display:none!important}
.students-section .students-scene .students-portrait img{clip-path:none!important;aspect-ratio:auto!important;object-fit:fill!important;height:auto!important;filter:none!important}

/* Mestres: cada um surge do seu lugar da Academia; o Círculo Interno divide a praça da Árvore Branca */
.director-stage{position:relative;margin:30px -6vw 0;height:min(44vw,640px);pointer-events:none}
.ds-scene{position:absolute;left:0;bottom:0;width:100%;height:auto}
.ds-fig{position:absolute;bottom:4%;height:92%;width:auto;translate:-50% 0;filter:drop-shadow(0 16px 20px rgba(60,48,20,.25));opacity:0;transform:translateY(30px);transition:opacity 1.2s ease,transform 1.5s cubic-bezier(.2,.7,.2,1)}
.ds-trohr{left:22%;height:78%}.ds-amelia{left:50%;transition-delay:.15s}.ds-silmesin{left:78%;transition-delay:.3s}
.director-stage.is-in .ds-fig{opacity:1;transform:none}
.ds-fx{inset:10% 10% 20%}
.director-gallery .teacher-picture{display:none!important}
.director-gallery{margin-top:-10px}
.teacher-picture{position:relative!important;aspect-ratio:5/6;isolation:isolate;margin-left:-8%!important;margin-right:-8%!important}
.teacher-picture .tp-scene{position:absolute!important;inset:auto 0 0 0;width:100%!important;height:auto!important;z-index:0}
.teacher-picture .tp-figure{position:absolute!important;left:50%;bottom:7%;width:auto!important;height:84%!important;max-width:none!important;translate:-50% 0;z-index:1;
  filter:drop-shadow(0 12px 16px rgba(60,48,20,.25))!important;transform-origin:50% 100%}
.tp-aura,.tp-hurin{height:66%!important}.tp-gim{height:64%!important}.tp-zaka{height:56%!important}
.tp-alulil{height:70%!important;bottom:16%!important}.tp-arbel{height:68%!important;bottom:14%!important}
.teacher:hover .teacher-picture .tp-figure{transform:translateY(-8px) scale(1.03)}
.teacher:hover .teacher-picture .tp-scene{transform:none;filter:brightness(1.04)!important}
.master-gallery .teacher:nth-child(even) .teacher-picture,.general-gallery .teacher:nth-child(even) .teacher-picture{margin-top:34px}
@media(max-width:900px){.director-stage{height:62vw;margin:20px -6vw 0}}

/* Últimos três Mestres Gerais centralizados, com Celilia no meio da página */
@media(min-width:901px){
  .general-gallery{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  .general-gallery .teacher{grid-column:span 2}
  .general-gallery .teacher:nth-child(5){grid-column:2/4}
}

/* Árvore Branca: recorte orgânico; o brilho acende quando o mouse chega à pedra do coração */
.onul-tree img{width:100%;height:auto;filter:none!important}
.onul-tree:is(:hover,:focus-visible) img{filter:none!important}
.onul-tree .tree-heart{top:29%!important;width:16%!important;height:14%!important;opacity:1!important;scale:1!important;filter:none!important;background:none!important;
  pointer-events:auto!important;cursor:pointer;border-radius:50%;mix-blend-mode:normal!important;z-index:3}
.tree-heart::before{content:'';position:absolute;inset:-60%;border-radius:50%;opacity:0;pointer-events:none;
  background:radial-gradient(circle,rgba(255,252,235,.95),rgba(255,226,150,.55) 30%,rgba(255,210,120,0) 68%);mix-blend-mode:screen;filter:blur(4px);transition:opacity .6s,scale .8s;scale:.7}
.tree-rays{position:absolute;left:50%;top:50%;width:420%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;opacity:0;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(255,240,200,.55) 0deg 3deg,rgba(255,240,200,0) 3deg 22deg);
  -webkit-mask-image:radial-gradient(circle,#000 8%,transparent 62%);mask-image:radial-gradient(circle,#000 8%,transparent 62%);mix-blend-mode:screen;transition:opacity .7s}
.tree-heart:is(:hover,:focus-visible)::before{opacity:1;scale:1.15}
.tree-heart:is(:hover,:focus-visible) .tree-rays{opacity:1;animation:tree-rays 14s linear infinite}
@keyframes tree-rays{to{rotate:360deg}}
.onul-tree:has(.tree-heart:hover) .an-fx-essence i{animation-duration:3.5s}
@media(prefers-reduced-motion:reduce){.tree-heart .tree-rays{animation:none!important}}