.voador{position:absolute;width:120px;aspect-ratio:496/531;pointer-events:none;z-index:6}
.voador .v{position:absolute;inset:0;animation:corpoV .26s ease-in-out infinite alternate}
.voador img{position:absolute;inset:0;width:100%;height:100%}
.voador .e{transform-origin:30% 40%;animation:asaEV .26s ease-in-out infinite alternate}
.voador .d{transform-origin:56% 51%;animation:asaDV .26s ease-in-out infinite alternate}
@keyframes asaEV{from{transform:rotate(10deg)}to{transform:rotate(-55deg) scaleY(.7)}}
@keyframes asaDV{from{transform:rotate(-10deg)}to{transform:rotate(55deg) scaleY(.7)}}
@keyframes corpoV{from{transform:translateY(-4%)}to{transform:translateY(4%)}}

#livro{position:relative;min-height:100svh;overflow:hidden;background:#141D12;color:#fff}
#livro .rotulo{display:none}
.janela{position:absolute;inset:0;z-index:0}
.janela img,.janela video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 55%}
.janela video{opacity:0;transition:opacity .6s}.janela.toca video{opacity:1}
.janela .veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,12,.8) 0%,rgba(14,20,12,.45) 42%,rgba(14,20,12,.05) 70%),linear-gradient(0deg,rgba(14,20,12,.75) 0%,rgba(14,20,12,0) 45%)}
.livro{position:absolute;right:clamp(24px,10vw,200px);top:50%;margin-top:calc(clamp(150px,17vw,250px) * -.73);width:clamp(150px,17vw,250px);aspect-ratio:451/654;perspective:1600px;z-index:2;transform:rotate(-7deg)}
.miolo{position:absolute;inset:0;border-radius:3px 10px 10px 3px;overflow:hidden;background:#F6EFDF;padding:7%;box-shadow:0 40px 70px -20px rgba(0,0,0,.65),inset 14px 0 18px -10px rgba(60,40,20,.35)}
.miolo img{width:100%;height:100%;object-fit:cover;border-radius:2px;filter:sepia(.25) saturate(.9)}
.folha{position:absolute;inset:0;transform-style:preserve-3d}
.tira{position:absolute;top:0;height:100%;transform-style:preserve-3d;transform-origin:left center}
.tira>.f,.tira>.v{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.tira>.f{background-repeat:no-repeat}
.tira>.v{transform:rotateY(180deg);background-image:linear-gradient(90deg,#F8F2E4 0%,#F1E8D4 80%,#E6D9BE 100%)}
.tira .sh{position:absolute;top:0;bottom:0;left:0;right:1.4px;background:#000;opacity:0;pointer-events:none}
.tira>.f .lz{position:absolute;top:0;bottom:0;left:0;right:1.4px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,248,230,.55),rgba(255,255,255,0));opacity:0;pointer-events:none}
.verso-plano{position:absolute;top:0;right:100%;width:100%;height:100%;background:#F6EFDF;color:#3E3021;display:flex;flex-direction:column;justify-content:center;padding:12%;font-family:var(--serif);font-style:italic;font-size:clamp(12px,1.25vw,17px);line-height:1.5;border-radius:10px 3px 3px 10px;opacity:0;box-shadow:inset -14px 0 18px -10px rgba(60,40,20,.35)}
.verso-plano small{display:block;margin-top:14px;font-style:normal;font-family:var(--sans);font-size:.75em;letter-spacing:.12em;text-transform:uppercase;color:var(--terra)}
.sombra{position:absolute;left:0;right:0;bottom:-26px;height:30px;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.55),transparent);filter:blur(6px);z-index:-1}
.texto-v{position:absolute;left:clamp(20px,7vw,110px);right:20px;bottom:clamp(40px,9vh,90px);z-index:4;max-width:620px}
.texto-v .tag{font-size:14px;font-weight:600;color:var(--poente)}
.texto-v h2{font-size:clamp(44px,6vw,86px);font-style:italic;font-weight:400;margin:8px 0 12px}
.texto-v p{font-size:17px;max-width:480px;opacity:.92}
.texto-v .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
#livro .voador{left:0;top:0;width:110px;opacity:0}
/* céu do Fá */
#ceu{position:relative;height:100svh;overflow-x:clip;overflow-y:visible;z-index:3;background:#FBFAF6;color:#1C2A3A}
.cena-fa{position:absolute;left:0;right:0;bottom:0;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%);mask-image:linear-gradient(180deg,transparent 0,#000 12%)}
.cena-fa img{width:100%;height:100%;object-fit:cover;object-position:62% 70%;transform-origin:70% 60%}
.fa-txt{position:absolute;left:clamp(20px,7vw,110px);top:clamp(92px,15vh,160px);z-index:3;max-width:520px}
.fa-txt .fa{display:block;height:clamp(110px,13vw,200px);width:auto;filter:drop-shadow(0 6px 0 rgba(31,79,176,.10))}
.fa-txt h2{font-family:Fredoka,var(--sans);font-weight:600;font-size:clamp(26px,3vw,44px);margin-top:10px}
.fa-txt p{margin-top:12px;max-width:420px}
.fa-txt .btn{margin-top:clamp(46px,7vh,64px);background:var(--laranja);color:#1B1F17;box-shadow:0 6px 0 #C2650C}
.fa-capa{position:absolute;left:41vw;top:19vh;width:clamp(150px,12vw,230px);z-index:3}
.fa-capa img{width:100%;border-radius:12px;box-shadow:0 26px 50px -18px rgba(60,40,10,.5)}
#ceu .voador{width:110px;z-index:5;left:0;top:0}
#ceu .voador.pousado .e,#ceu .voador.pousado .d,#ceu .voador.pousado .v{animation-duration:.9s}
@media(max-width:1199px){
  .cena-fa{height:62%}
  .cena-fa img{object-position:88% 100%}
  .fa-txt{right:20px;top:86px}
  .fa-txt p{display:none}
  .fa-capa{left:auto;right:4vw;bottom:auto;top:max(33%,270px);width:clamp(104px,26vw,200px)}
}
@media(min-width:761px) and (max-width:1199px){
  .cena-fa{height:80%}
  .fa-capa{top:14vh;right:8vw;width:clamp(140px,16vw,190px)}
  #ceu .voador{width:84px}
}

#livro .ctas .btn.linha{color:#fff;background:rgba(20,29,18,.45);backdrop-filter:blur(6px)}
.estatico .folha{display:none}.estatico .verso-plano{opacity:1!important}.estatico .texto-v>*{opacity:1!important;transform:none!important}
/* galeria: o monte de fotos que se espalha */
#galeria.monte{position:relative;min-height:100svh;padding:clamp(80px,11vh,120px) 20px 70px;color:#F3EBDD;background:#3A2B1F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");color:var(--tinta)}
#galeria.monte .cab{text-align:center;margin:0 auto;position:relative;z-index:3}
#galeria.monte .cab h2,#galeria.monte .cab p{text-shadow:0 2px 14px rgba(30,20,10,.8)}
#galeria.monte .cab p{margin:8px auto 0;color:rgba(243,235,221,.8)}
#galeria.monte .cab h2{color:#fff}
.grade-monte{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.2vw,14px);max-width:min(760px,calc((100svh - 260px) * 1.02));margin:30px auto 0}
.grade-monte button{all:unset;cursor:zoom-in;display:block;background:#fff;padding:6px 6px 16px;box-shadow:0 12px 26px -12px rgba(0,0,0,.45);border-radius:3px}
.grade-monte img{width:100%;aspect-ratio:1;object-fit:cover;display:block}

@media(max-width:760px){
  .livro{right:14vw;top:23%;margin-top:0;width:34vw}
  .texto-v{bottom:32px}
  .texto-v h2{font-size:40px}
}
/* álbum "Pelo caminho": largura total, fotos grandes em mesa de madeira */
.album{position:relative;padding:clamp(70px,9vw,120px) clamp(16px,4vw,64px) clamp(60px,7vw,100px);color:#F3EBDD;background:#3A2B1F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.012 .6' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .06 0 0 0 0 .03 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.album-cab{max-width:1100px;margin:0 auto;text-align:center}
.album-cab h2{font-size:clamp(40px,5vw,72px);color:#fff}
.album-cab p{margin:10px auto 0;max-width:620px;color:rgba(243,235,221,.82)}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}
.chips button{font:600 14.5px var(--sans);padding:10px 18px;border-radius:999px;border:1.5px solid rgba(243,235,221,.45);background:transparent;color:#F3EBDD;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.chips button[aria-pressed=true]{background:var(--poente);border-color:var(--poente);color:#2B2118}
.album-grade{column-count:4;column-gap:clamp(14px,1.6vw,26px);margin:clamp(34px,4vw,56px) auto 0;max-width:1600px}
.album .foto{break-inside:avoid;margin:0 0 clamp(14px,1.6vw,26px);background:#FBF7EE;padding:10px 10px 12px;border-radius:3px;box-shadow:0 22px 40px -18px rgba(0,0,0,.65);transition:rotate .4s,scale .4s,box-shadow .4s;display:block}
.album .foto:hover{rotate:0deg!important;scale:1.03;box-shadow:0 34px 60px -20px rgba(0,0,0,.75);z-index:2;position:relative}
.album .foto.oculta{display:none}
.album .foto button{all:unset;cursor:zoom-in;display:block;width:100%}
.album .foto img{width:100%;height:auto;display:block}
.album .foto figcaption{margin-top:9px;font-size:14px;line-height:1.35;color:#4A3F33}
.album-mais{text-align:center;margin-top:clamp(30px,4vw,50px)}
@media(max-width:1199px){.album-grade{column-count:3}}
@media(max-width:760px){.album-grade{column-count:2}.album .foto{padding:6px 6px 8px}.album .foto figcaption{font-size:12.5px}.chips button{font-size:13px;padding:8px 13px}}

.fa-acoes{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}
.btn-musica{display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;padding:12px 20px 12px 12px;border-radius:999px;background:#fff;color:#1C2A3A;font:600 15px Fredoka,var(--sans);box-shadow:0 6px 0 rgba(31,79,176,.18);transition:transform .2s}
.btn-musica:active{transform:translateY(3px)}
.mini-disco{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#EE8420 0 22%,#161a20 23% 100%);box-shadow:inset 0 0 0 2px #2b313a;animation:gira 3s linear infinite;animation-play-state:paused}
.musica-tocando .mini-disco{animation-play-state:running}
@keyframes gira{to{transform:rotate(360deg)}}
.fa-txt .fa-acoes{margin-top:clamp(46px,7vh,64px)}.fa-txt .fa-acoes .btn{margin-top:0}

/* celular com o clipe do Fá, inclinado e invadindo a dobra de baixo */
#ceu .fa-capa.celular{--w:clamp(230px,17vw,300px);all:unset;box-sizing:border-box;position:absolute;left:41vw;top:auto;bottom:calc(var(--w) * -.16);width:var(--w);aspect-ratio:.555;z-index:4;cursor:pointer;border-radius:40px;background:linear-gradient(145deg,#2a2f37,#111418);padding:10px;box-shadow:0 50px 80px -24px rgba(40,30,10,.55),inset 0 0 0 2px #3a4049,inset 0 0 0 4px #15181d}
#ceu .celular:focus-visible{outline:3px solid var(--laranja);outline-offset:6px}
.cel-tela{position:absolute;inset:10px;border-radius:31px;overflow:hidden;background:#F6E2B8;display:block}
.cel-tela video{width:100%;height:100%;object-fit:cover;display:block}
.cel-notch{position:absolute;top:19px;left:50%;width:30%;height:17px;transform:translateX(-50%);border-radius:10px;background:#111418;z-index:2}
.cel-play{position:absolute;left:50%;top:56%;width:66px;height:66px;margin:-33px;border-radius:50%;background:var(--laranja);box-shadow:0 6px 0 #C2650C,0 14px 26px rgba(0,0,0,.25);display:grid;place-items:center;animation:celPulsa 1.8s ease-in-out infinite}
.cel-play svg{width:32px;height:32px;fill:#fff;margin-left:4px}
.cel-som{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);white-space:nowrap;padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.94);font:600 13px Fredoka,var(--sans);color:#1C2A3A;box-shadow:0 6px 14px rgba(0,0,0,.15)}
#ceu .celular:hover .cel-play{transform:scale(1.08)}
@keyframes celPulsa{0%,100%{box-shadow:0 6px 0 #C2650C,0 0 0 0 rgba(238,132,32,.45)}50%{box-shadow:0 6px 0 #C2650C,0 0 0 16px rgba(238,132,32,0)}}
@media(max-width:1199px){#ceu .fa-capa.celular{--w:clamp(180px,22vw,240px);left:auto;right:6vw;top:auto;bottom:calc(var(--w) * -.16);width:var(--w)}}
@media(max-width:760px){#ceu .fa-capa.celular{--w:clamp(140px,38vw,200px);left:6vw;right:auto;top:auto;bottom:calc(var(--w) * -.16);width:var(--w);border-radius:28px;padding:7px}.cel-tela{inset:7px;border-radius:22px}.cel-notch{top:13px;height:12px}.cel-play{width:50px;height:50px;margin:-25px}.cel-play svg{width:24px;height:24px}.cel-som{font-size:11px;padding:5px 9px;bottom:10px}}
@media (prefers-reduced-motion:reduce){.cel-play{animation:none}}