.parallax-container-root{--parallax-vh: 1lvh;--image-offset: var(--parallax-image-offset, 0px);--image-height: calc(var(--parallax-vh) * 100 - var(--image-offset));padding-top:var(--image-height);display:flex;flex-direction:column}.parallax-layer-image{position:sticky;top:var(--image-offset);height:var(--image-height);margin-top:calc(var(--image-height) * -1);order:-1;margin-bottom:0;opacity:0;transition:opacity .35s ease}.parallax-layer-image[data-state=active]{opacity:1}.parallax-layer-card__first.parallax-layer-card__last{margin:calc(var(--parallax-vh) * -50) auto 0 auto}.parallax-layer-card{--parallax-card-first__margin: calc(var(--parallax-vh) * 70);--parallax-card-last__margin: calc(var(--parallax-vh) * 60);z-index:200;margin:calc(var(--parallax-vh) * 50) auto calc(var(--parallax-vh) * 50)}.parallax-layer-card__first{margin-top:calc(var(--parallax-card-first__margin) - calc(var(--parallax-vh) * 100))}.parallax-layer-card__last{margin-bottom:var(--parallax-card-last__margin)}.parallax-layer-card__first:not(.parallax-layer-card__last){animation:parallax-card-animation--in ease-out;animation-timeline:view();animation-range:cover 0 cover 33%}.parallax-layer-card__last:not(.parallax-layer-card__first){animation:parallax-card-animation--out ease-out;animation-timeline:view();animation-range:cover 66% cover 100%}@keyframes parallax-card-animation--in{0%{transform:translateY(calc(var(--parallax-vh) * 8))}}@keyframes parallax-card-animation--out{to{transform:translateY(calc(var(--parallax-vh) * -8))}}
