@layer scenes {
[data-8b-live] #contact { --contact-corner: 32px; view-timeline: --contact-t1 block; view-timeline-inset: 0; }
[data-8b-live] #contact .ct-panel { animation-name: contact-arch; animation-timeline: --contact-t1; animation-range: cover 5vh cover 85vh; animation-timing-function: cubic-bezier(0.3333, 1, 0.6667, 1); animation-fill-mode: both; transform: none; }
@media (max-width: 900px) {
  [data-8b-live] #contact { --contact-corner: 14px; }
}
@keyframes contact-arch { 0% { scale: 0.9; translate: 0px 60px; border-radius: var(--contact-corner); } 100% { scale: 1; translate: 0px 0px; border-radius: var(--contact-half, 50%) var(--contact-half, 50%) var(--contact-corner) var(--contact-corner); } }
}