/* Scroll transforms are independent of the entry animations and gallery. */
html.has-parallax [data-parallax]{--motion-bleed:60px;--parallax-y:0px;--parallax-zoom:1}
html.has-parallax [data-parallax]>img{height:calc(100% + var(--motion-bleed)*2);margin-top:calc(var(--motion-bleed)*-1);transform:translate3d(0,var(--parallax-y),0) scale(var(--parallax-zoom));transform-origin:center;transition:none}
html.has-parallax [data-parallax].is-parallax-visible>img{will-change:transform}
html.has-parallax [data-parallax-float]{transform:translate3d(0,var(--float-y,0px),0)}
html.has-parallax [data-parallax-float].is-parallax-visible{will-change:transform}
.scroll-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;pointer-events:none;background:#b09a7d;opacity:0;transform:scaleX(0);transform-origin:left center}
html.has-parallax .scroll-progress{opacity:.7;transform:scaleX(var(--scroll-progress,0))}
@media(max-width:800px){html.has-parallax [data-parallax]>img{height:calc(100% + var(--motion-bleed)*.9);margin-top:calc(var(--motion-bleed)*-.45)}}
@media(prefers-reduced-motion:reduce){html.has-parallax [data-parallax]>img{height:100%;margin-top:0;transform:none;will-change:auto}html.has-parallax [data-parallax-float]{transform:none;will-change:auto}.scroll-progress{display:none}}