/* Consistent full-bleed alternating homepage sections. Do not affect card colors. */
:root{--ruya-beige:#ddc7bb;--ruya-cream:#fff8ef}
html body main#top > #workshops,html body #workshops{background:var(--ruya-beige)!important;background-color:var(--ruya-beige)!important;background-image:none!important;box-shadow:none!important;clip-path:none!important}
html body #online-courses.ruya-courses-preview{background:var(--ruya-cream)!important;background-color:var(--ruya-cream)!important;background-image:none!important;box-shadow:none!important;clip-path:none!important}
html body main#top > #gallery,html body #gallery{background:var(--ruya-beige)!important;background-color:var(--ruya-beige)!important;background-image:none!important;box-shadow:none!important;clip-path:none!important}
html body main#top > #reviews,html body #reviews{background:var(--ruya-cream)!important;background-color:var(--ruya-cream)!important;background-image:none!important;box-shadow:none!important;clip-path:none!important}
html body main#top > #private,html body #private{background:var(--ruya-beige)!important;background-color:var(--ruya-beige)!important;background-image:none!important;box-shadow:none!important;clip-path:none!important}
html body main#top > #contact,html body #contact{background:var(--ruya-cream)!important;background-color:var(--ruya-cream)!important;background-image:none!important;box-shadow:none!important;clip-path:none!important}
/* Existing pseudo elements had independently hardcoded backgrounds; match their parent band. */
html body #workshops::before,html body #gallery::before,html body #private::before{background:var(--ruya-beige)!important;background-color:var(--ruya-beige)!important;background-image:none!important}
html body #online-courses::before,html body #reviews::before,html body #contact::before{background:var(--ruya-cream)!important;background-color:var(--ruya-cream)!important;background-image:none!important}
/* Make each section span viewport width even if it uses a max-width .wrap container. */
html body #workshops,html body #gallery,html body #reviews,html body #contact{position:relative!important;isolation:isolate!important}
html body #workshops::before,html body #gallery::before,html body #reviews::before,html body #contact::before{content:""!important;position:absolute!important;inset:0!important;left:50%!important;right:auto!important;width:100vw!important;transform:translateX(-50%)!important;z-index:-1!important;pointer-events:none!important}
html body #workshops > *,html body #gallery > *,html body #reviews > *,html body #contact > *{position:relative;z-index:1}