.animation-demo{aspect-ratio:16/9;color:#fff;background:#061f29;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 50px #092c3826}.animation-demo-canvas{transform-origin:0 0;width:1920px;height:1080px;position:absolute}@media (max-width:640px){.animation-demo{aspect-ratio:3/5}.animation-demo-canvas{height:3200px}.animation-demo .perio-animation>div{grid-template-rows:58% 39%;grid-template-columns:1fr;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%}}