/* Tëimur · Livro: inserção orgânica.
   Abertura em folhagem, a casa de Öryon em névoa de lareira e capim, o mapa do livro em papel rasgado
   e a noite de lua cheia antes do prólogo. */

/* Abertura: Öryon e Bakri saem da folhagem */
.book-cover .book-bakri{background:none!important;-webkit-mask-image:none!important;mask-image:none!important;transform:none!important;
  right:-8%!important;bottom:60px!important;width:62%!important;height:auto!important;aspect-ratio:16/9}
.book-cover .book-bakri img{display:block!important;width:100%!important;height:auto!important;opacity:1!important;object-fit:fill!important;
  filter:drop-shadow(0 18px 24px rgba(20,34,38,.18));transition:translate 1.4s cubic-bezier(.2,.7,.2,1)}
.book-cover:hover .book-bakri{translate:0 0!important}
.book-cover:hover .book-bakri img{translate:-6px -6px}

/* A casa: a borda é a fumaça da lareira em cima e o capim embaixo */
.house-film .film-contour{display:none}
.house-film .film-composition{padding:0;margin-right:-5vw}
.house-film .film-window{height:auto!important;aspect-ratio:16/9;transform:none!important;border-radius:0!important;overflow:hidden;
  -webkit-mask-image:none!important;mask-image:none!important}
/* A borda vem de uma camada da cor do papel por cima do vídeo: funciona em qualquer navegador */
.house-film .film-window::after{content:'';position:absolute;inset:-1px;z-index:1;pointer-events:none;
  background:url(assets/book/organico/casa-moldura.png) center/100% 100% no-repeat}
.house-film .film-composition:hover .film-window{transform:scale(1.015)!important}
.book-fx{position:absolute;inset:0;pointer-events:none;z-index:2}
.book-fx i{position:absolute;display:block;opacity:0}
.book-fx-smoke i{left:36.5%;top:9%;width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle,rgba(236,236,232,.55),rgba(236,236,232,0) 68%);filter:blur(2px);animation:bfx-smoke 7s ease-out infinite}
.book-fx-smoke i:nth-child(2){animation-delay:1.8s}.book-fx-smoke i:nth-child(3){animation-delay:3.6s}.book-fx-smoke i:nth-child(4){animation-delay:5.2s}
.book-fx-smoke i:nth-child(n+5){display:none}
@keyframes bfx-smoke{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:.8}100%{opacity:0;transform:translate(34px,-150px) scale(2.4)}}
.book-fx-fireflies i{width:4px;height:4px;border-radius:50%;background:#fff1b0;box-shadow:0 0 8px 3px rgba(255,220,120,.7);animation:bfx-fly 6s ease-in-out infinite}
.book-fx-fireflies i:nth-child(1){left:14%;top:70%}.book-fx-fireflies i:nth-child(2){left:28%;top:78%;animation-delay:1.3s}.book-fx-fireflies i:nth-child(3){left:57%;top:74%;animation-delay:2.6s}
.book-fx-fireflies i:nth-child(4){left:70%;top:66%;animation-delay:3.4s}.book-fx-fireflies i:nth-child(5){left:84%;top:58%;animation-delay:.7s}.book-fx-fireflies i:nth-child(6){left:44%;top:84%;animation-delay:4.2s}
.book-fx-fireflies i:nth-child(n+7){display:none}
@keyframes bfx-fly{0%,100%{opacity:0;transform:translate(0,0)}40%{opacity:1}60%{opacity:.7;transform:translate(14px,-18px)}}

/* O mapa do livro, em papel rasgado */
.book-map{position:relative;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:4vw;align-items:center;padding:40px 0 60px 8%;overflow-x:clip}
.book-map .map-copy{max-width:360px;position:relative;z-index:2}
.book-map h2{font:52px/1.05 Story,serif;margin:22px 0 26px}
.book-map p{font-size:14px;line-height:1.95}
.book-map .link{display:inline-block;margin-top:14px}
.map-sheet{position:relative;margin:0 -6vw 0 0;transform:rotate(-2.2deg);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);
  filter:drop-shadow(0 22px 26px rgba(70,52,20,.22))}
.map-sheet img{display:block;width:100%;height:auto}
.map-sheet:hover{transform:rotate(-.6deg) scale(1.02)}

/* Prólogo: a cabana na neve, com a luz da porta; a nevasca se desfaz no papel */
.prologue-scene{position:relative;width:min(1180px,96vw);left:50%;translate:-50% 0;margin:-30px 0 -70px;pointer-events:none;z-index:0}
.prologue-scene img{display:block;width:100%;height:auto;opacity:0;transform:translateY(20px);transition:opacity 1.6s ease,transform 2s cubic-bezier(.2,.7,.2,1)}
.prologue-scene.is-in img{opacity:1;transform:none}
.prologue-scene .book-fx i{top:4%;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px rgba(255,255,255,.9);animation:bfx-snow 9s linear infinite}
.prologue-scene .book-fx i:nth-child(1){left:14%}.prologue-scene .book-fx i:nth-child(2){left:26%;animation-delay:1.4s}.prologue-scene .book-fx i:nth-child(3){left:38%;animation-delay:3s;width:3px;height:3px}
.prologue-scene .book-fx i:nth-child(4){left:52%;animation-delay:.7s}.prologue-scene .book-fx i:nth-child(5){left:66%;animation-delay:2.2s;width:4px;height:4px}.prologue-scene .book-fx i:nth-child(6){left:78%;animation-delay:4.1s}
.prologue-scene .book-fx i:nth-child(7){left:88%;animation-delay:5.3s;width:3px;height:3px}
.prologue-scene .book-fx b{position:absolute;left:58%;top:42%;width:12%;height:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,190,90,.55),rgba(255,170,60,0));mix-blend-mode:screen;animation:bfx-glow 4.5s ease-in-out infinite}
@keyframes bfx-snow{0%{opacity:0;transform:translate(0,0)}10%{opacity:.95}100%{opacity:0;transform:translate(-40px,520px)}}
@keyframes bfx-glow{0%,100%{opacity:.55}50%{opacity:1}}
.prologue-frame>.eyebrow,.prologue-frame>h2{position:relative;z-index:1}

/* Sinopse: respiro entre os parágrafos */
.synopsis-copy p,.house-film .film-copy p{margin:0 0 1.15em!important}
.synopsis-copy h2{margin-bottom:.6em}

@media(prefers-reduced-motion:reduce){.book-fx i{animation:none!important}.prologue-scene img{opacity:1;transform:none;transition:none}}
@media(max-width:900px){
  .book-cover .book-bakri{width:120%!important;right:-12%!important;bottom:50px!important}
  .house-film .film-composition{margin:0 -6vw}
  .book-map{grid-template-columns:1fr;padding:30px 7% 50px;gap:24px}
  .book-map h2{font-size:42px}
  .map-sheet{margin:0 -8vw}
  .prologue-scene{width:120vw;margin:-10px 0 -40px}
}