.cena{--h:216px;isolation:isolate;min-height:var(--h);background:var(--cor);color:var(--tinta);border-radius:28px;align-items:center;display:flex;position:relative;overflow:clip}@media (min-width:640px){.cena{--h:300px}}.cena[data-tamanho=leitura]{--h:148px}@media (min-width:640px){.cena[data-tamanho=leitura]{--h:196px}}.cena[data-tamanho=cartao]{--h:228px;border-radius:24px;align-items:flex-start}.cena[data-tamanho=lado]{--h:168px}@media (min-width:1024px){.cena[data-tamanho=lado]{--h:calc(100svh - 32px)}}.cena[data-so-arte] .cena-arte{width:100%}.cena[data-tamanho=coluna]{--h:156px}@media (min-width:1024px){.cena[data-tamanho=coluna]{--h:300px}}.cena[data-tamanho=cartao] .cena-texto{max-width:100%}.cena[data-tamanho=estado]{--h:148px;border-radius:22px;width:min(100%,280px)}.cena-fundo{z-index:-1;position:absolute;inset:0}.cena .palco-forma{width:100%;height:100%;position:absolute;inset:0;translate:none}.cena .palco-chao{width:100%;height:calc(var(--h) * .2);position:absolute;inset:auto 0 0}.cena-texto{z-index:1;max-width:60%;padding:20px 20px calc(var(--h) * .2 + 8px);position:relative}@media (min-width:640px){.cena-texto{max-width:56%;padding:28px 40px calc(var(--h) * .2 + 8px)}}.cena[data-tamanho=cartao] .cena-texto{padding:20px 22px}.cena-texto :where(p,span,strong,time){color:inherit}.cena-arte{pointer-events:none;width:44%;position:absolute;inset:0 0 0 auto}.cena[data-tamanho=leitura] .cena-arte{width:34%}.cena[data-tamanho=leitura] .cena-texto{max-width:66%}.cena[data-tamanho=cartao] .cena-arte{width:72%}.cena-figura{inset-inline:0;bottom:calc(var(--h) * (.1 + var(--salto) * .8));height:calc(var(--h) * .8);transition:translate .3s cubic-bezier(.34,1.56,.64,1);position:absolute}.cena[data-tamanho=cartao] .cena-figura{bottom:calc(var(--h) * (.08 + var(--salto) * .62));height:calc(var(--h) * .62)}.cena-quadro{top:calc(var(--topo) * -100%);height:calc(var(--alto) * 100%);aspect-ratio:3/2;transform-origin:50% var(--pe);animation:5.2s ease-in-out infinite cena-respira;position:absolute;left:50%;translate:-50%}.cena-quadro img{width:100%;height:100%;position:absolute;inset:0}.cena-sombra{opacity:.5;border-radius:50%;height:2.6%;position:absolute}.cena[data-salto] .cena-sombra{opacity:.28;scale:.8 1}.cena-peca{width:min(calc(var(--h) * .19), 112px);height:auto;animation:4.6s ease-in-out infinite cena-flutua;position:absolute}.cena-peca[data-i="0"]{top:8%;left:2%}.cena-peca[data-i="1"]{animation-delay:-1.6s;top:34%;right:3%}.cena-peca[data-i="2"]{animation-delay:-3s;bottom:26%;left:0}.cena[data-tamanho=leitura] .cena-peca{width:calc(var(--h) * .24)}.cena[data-tamanho=lado] .cena-peca[data-i="0"]{top:auto;bottom:28%;left:7%}.cena[data-tamanho=cartao] .cena-peca[data-i="0"]{inset:auto 3% 30% auto}:where(a:hover,a:focus-visible)>.cena .cena-figura{translate:0 -8px}:where(a:hover,a:focus-visible)>.cena .cena-peca{animation:.48s cubic-bezier(.34,1.56,.64,1) both cena-pulo}:where(a:hover,a:focus-visible)>.cena .cena-peca[data-i="1"]{animation-delay:70ms}@keyframes cena-respira{50%{scale:1 1.012}}@keyframes cena-flutua{50%{translate:0 -7px}}@keyframes cena-pulo{40%{translate:0 -14px}}@media (prefers-reduced-motion:reduce){.cena-quadro,.cena-peca,:where(a:hover,a:focus-visible)>.cena .cena-peca{animation:none}.cena-figura{transition:none}}