/* No clipping of the column itself and no newly created scrollport. Each selected natural-height column
 * retains its entire height. Only the short-column native sticky uses CSS.
 * Movement of a long column is controlled by the V6 wheel handler.
 * Keep all the column elements in their NATURAL size. The ancestor Columns
 * row clips paint outside its own original boundaries, preventing a gallery
 * from covering films, headings, menus or later page sections. CSS overflow
 * clip intentionally creates NO scrolling window, unlike hidden/auto.
 */
@media (min-width: 782px) {
  body .wp-block-columns.dk-motion-boundary {
    overflow-x: visible;
    overflow-y: clip;
  }
  body .wp-block-columns > .wp-block-column.dk-motion-free {
    position: relative;
    top: calc(var(--dk-motion-base-top, 0px) + var(--dk-motion-offset, 0px));
    align-self: flex-start;
    /* Deliberately NO overflow, height, max-height, transform or contain. */
  }
  body .wp-block-columns > .wp-block-column.dk-motion-short {
    position: sticky;
    top: var(--dk-motion-top, 12px);
    align-self: flex-start;
  }
}
