.animation-demo{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#061f29;color:white;box-shadow:0 20px 50px #092c3826}.animation-demo-canvas{position:absolute;width:1920px;height:1080px;transform-origin:top left}@media(max-width:640px){.animation-demo{aspect-ratio:3/5}.animation-demo-canvas{height:3200px}.animation-demo .perio-animation>div{grid-template-columns:1fr;grid-template-rows:58% 39%;gap:3%;padding:7%}.animation-demo .perio-animation h3{max-width:22ch;font-size:130px}.animation-demo .perio-text-muted{max-width:45ch;font-size:88px}.animation-demo .perio-note{max-width:none;font-size:76px}.animation-demo .perio-eyebrow{font-size:60px}.animation-demo .perio-animation p.text-\[26px\]{font-size:70px}.animation-demo .perio-animation p.text-\[15px\]{font-size:46px}.animation-demo .perio-animation .mt-\[12\%\]{margin-top:5%}}