/* Frontend styles */
.hs-horizontal-section {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* The wrapper becomes sticky so its content fills the viewport while the section has extra height */
.hs-horizontal-section .hs-wrapper {
    position: sticky;
    top: 0;
    display: flex;
    height: 100vh;
    align-items: stretch;
    will-change: transform;
    transition: transform 0.2s ease-out;
}

/* Inner blocks should by default take full viewport width unless their own styles override */
.hs-horizontal-section .hs-wrapper > * {
    flex: 0 0 100vw;
    height: 100%;
    box-sizing: border-box;
}

/* Optional small helper to make text readable */
.hs-horizontal-section .hs-wrapper .hs-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    padding: 2rem;
}