@media(min-width:801px){
  .pages>.poster{background-image:linear-gradient(90deg,rgba(5,13,29,.86),rgba(6,15,32,.54),rgba(5,13,29,.82)),url("assets/bg.webp");background-size:cover;background-position:center}
  .pages>.poster:after{z-index:0;background:radial-gradient(circle at 70% 50%,transparent 0,transparent 24%,rgba(3,10,24,.28) 58%,rgba(3,9,21,.62) 100%)}
  .pages>.poster>img{z-index:1;top:50%;bottom:auto;width:min(53vw,calc(82vh * 642 / 1389),642px);height:auto;max-height:none;object-fit:contain;border-radius:22px;border:1px solid rgba(255,255,255,.34);box-shadow:0 36px 90px rgba(0,0,0,.58),0 0 0 8px rgba(255,255,255,.05);transform:translateY(-50%);transition:transform 1.2s cubic-bezier(.2,.75,.2,1),opacity .5s}
  .pages>.poster:hover>img{transform:translateY(-50%) scale(1.018)}
  .pages>.poster:has(.poster-copy.left)>img{right:4.5%;left:auto}
  .pages>.poster:has(.poster-copy.right)>img{left:4.5%;right:auto}
  .pages>.poster .poster-copy{width:34%;padding:32px 34px;border-radius:22px;background:rgba(7,14,31,.42);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
  .pages>.poster .poster-copy.left{left:6%}
  .pages>.poster .poster-copy.right{right:6%}
  .pages>.poster .poster-copy h1,.pages>.poster .poster-copy h2{font-size:clamp(36px,3.55vw,62px)}
  .pages>.poster .poster-copy p{font-size:clamp(11px,.9vw,15px)}
  .pages>.hero-poster>img{width:min(51vw,calc(82vh * 642 / 1389),642px)}
}

.final:before,.final:after{animation:rexa-wave 4.8s cubic-bezier(.2,.65,.35,1) infinite;will-change:transform,opacity}
.final:after{animation-delay:-2.4s}
.final .glow{animation:rexa-glow 5.5s ease-in-out infinite alternate}
@keyframes rexa-wave{0%{transform:scale(.72);opacity:0}18%{opacity:.75}75%,100%{transform:scale(1.2);opacity:0}}
@keyframes rexa-glow{0%{transform:translate3d(-10px,8px,0) scale(.9);opacity:.55}100%{transform:translate3d(24px,-18px,0) scale(1.15);opacity:1}}
@media(prefers-reduced-motion:reduce){.final:before,.final:after,.final .glow{animation:none}}
.final .wave-rings{position:absolute;inset:0;z-index:0;pointer-events:none;display:grid;place-items:center}
.final .wave-rings i{position:absolute;width:340px;height:340px;border:1px solid rgba(183,156,255,.3);border-radius:50%;opacity:0;animation:rexa-ring 6s cubic-bezier(.18,.55,.32,1) infinite;box-shadow:inset 0 0 35px rgba(141,105,255,.04),0 0 22px rgba(141,105,255,.04)}
.final .wave-rings i:nth-child(2){animation-delay:-1s}.final .wave-rings i:nth-child(3){animation-delay:-2s}.final .wave-rings i:nth-child(4){animation-delay:-3s}.final .wave-rings i:nth-child(5){animation-delay:-4s}.final .wave-rings i:nth-child(6){animation-delay:-5s}
@keyframes rexa-ring{0%{transform:scale(.42);opacity:0}12%{opacity:.65}80%,100%{transform:scale(3.1);opacity:0}}
@media(max-width:560px){.final .wave-rings i{width:230px;height:230px}}
@media(prefers-reduced-motion:reduce){.final .wave-rings i{animation:none;opacity:.18}.final .wave-rings i:nth-child(2){transform:scale(1.35)}.final .wave-rings i:nth-child(3){transform:scale(1.7)}.final .wave-rings i:nth-child(4){transform:scale(2.05)}}