/* Scroll feel (main-pane). Lenis base rules + pinned rooms. Colors inherit from the page. */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

.sf-slide { will-change: transform; }
/* position: sticky needs no overflow:hidden ancestor; clip keeps the old clipping without breaking it */

.sf-pin { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; padding-top: 96px; overflow: hidden; }
/* Webflow's .w-container clearfix pseudo-elements would take the first grid cells */

/* Phones and reduced motion: no pin, steps stacked, nothing moves */
@media (max-width: 767px) {
  
  .sf-pin { position: static; height: auto; display: block; padding: 96px 0; }

}

html.sf-static .sf-pin { position: static; height: auto; display: block; padding: 96px 0; }