/* The outermost container acts as the anchor point for the animation trigger */
.seq-master-container-d7affcf8 {
    position: relative;
    width: 100%;
    /* We don't hide overflow here to allow ScrollTrigger's pin-spacer to expand internally */
}

/* The viewport is the visible "window" into the animation. 
   This is what gets pinned by GSAP, while its parent expands. */
.seq-viewport-d7affcf8 {
    position: relative;
    width: 100%;
    height: 100vh; /* Default, overridden by Elementor controls */
    /* overflow is controlled by widget settings */
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    transform: translateZ(0); /* Hardware acceleration / cropping fix */
    will-change: transform;
}

/* The sticky layer holds the canvas and ensures it stays fixed inside the viewport */
.seq-sticky-layer-d7affcf8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* The canvas is scaled using object-fit to fill the sticky layer */
.seq-canvas-d7affcf8 {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Default, overridden by widget settings */
    object-position: center center; /* Default, overridden by widget settings */
}