.section-frame{--section-frame-x:25vw;--section-frame-y:16vh;--section-frame-radius:calc(5 * var(--radius-2xl));--section-frame-tail:calc(var(--section-frame-y) + var(--section-frame-radius) + 20svh)}.section-frame_bare{--section-frame-radius:0}.section-frame_mask{--section-frame-y:0px;overflow:clip}.section-frame_in{margin-block-start:-100svh}.section-frame_in[data-frame-live]>.section-frame__content{will-change:transform}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.section-frame,.section-frame_mask>.section-frame__content{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view()}.section-frame_in{animation-name:section-frame-in;animation-range:entry}.section-frame_out{animation-name:section-frame-out;animation-range:exit}.section-frame_in.section-frame_bare{animation-name:section-frame-in-bare}.section-frame_out.section-frame_bare{animation-name:section-frame-out-bare}.section-frame_in.section-frame_mask>.section-frame__content{animation-name:section-frame-hold-in;animation-range:entry}.section-frame_out.section-frame_mask>.section-frame__content{animation-name:section-frame-hold-out;animation-range:exit}}}@keyframes section-frame-in{0%{clip-path:inset(var(--section-frame-y) var(--section-frame-x) calc(100% - var(--section-frame-tail)) round var(--section-frame-radius) var(--section-frame-radius) 0 0)}99.9%{clip-path:inset(calc(var(--section-frame-y) * .001) calc(var(--section-frame-x) * .001) max(0px, calc(100% - 100svh - var(--section-frame-tail))) round calc(var(--section-frame-radius) * .001) calc(var(--section-frame-radius) * .001) 0 0)}to{clip-path:inset(0)}}@keyframes section-frame-out{0%{clip-path:inset(0)}to{clip-path:inset(0 var(--section-frame-x) var(--section-frame-y) round var(--section-frame-radius))}}@keyframes section-frame-in-bare{0%{clip-path:inset(0 0 calc(100% - var(--section-frame-tail)) round var(--section-frame-radius) var(--section-frame-radius) 0 0)}99.9%{clip-path:inset(0 0 max(0px, calc(100% - 100svh - var(--section-frame-tail))) round calc(var(--section-frame-radius) * .001) calc(var(--section-frame-radius) * .001) 0 0)}to{clip-path:inset(0)}}@keyframes section-frame-out-bare{0%{clip-path:inset(0)}to{clip-path:inset(0 round 0 0 var(--section-frame-radius) var(--section-frame-radius))}}@keyframes section-frame-hold-in{0%{translate:0 -100svh}to{translate:0}}@keyframes section-frame-hold-out{0%{translate:0}to{translate:0 100svh}}