@layer components{.parallax{isolation:isolate;view-timeline-name:--parallax;view-timeline-axis:block;position:relative;overflow:clip}.parallax-layer{--_speed:var(--parallax-speed,0%);inset:calc(-1.5 * max(var(--_speed), -1 * var(--_speed))) 0;pointer-events:none;place-items:center;display:grid;position:absolute;&>img,&>video,&>svg{object-fit:cover;width:100%;height:100%}&[data-depth=far]{--_speed:var(--parallax-speed,50%);z-index:-4}&[data-depth=mid]{--_speed:var(--parallax-speed,25%);z-index:-3}&[data-depth=near]{--_speed:var(--parallax-speed,-15%);z-index:-2}&[data-depth=front]{--_speed:var(--parallax-speed,-35%);z-index:2}}.parallax-content{z-index:1;position:relative}.parallax[data-sticky]{height:calc(var(--parallax-stage,100dvh) * var(--parallax-length,3));overflow:visible}.parallax-stage{height:var(--parallax-stage,100dvh);isolation:isolate;position:sticky;inset-block-start:0;overflow:clip}.parallax[data-axis=inline]{view-timeline-axis:inline}.parallax-drift{--_speed:var(--parallax-speed,4rem)}@keyframes parallax-shift{0%{translate:0 calc(var(--_speed) * -1)}to{translate:0 var(--_speed)}}@keyframes parallax-shift-inline{0%{translate:calc(var(--_speed) * -1) 0}to{translate:var(--_speed) 0}}@keyframes parallax-zoom{0%{scale:1}to{scale:var(--parallax-scale,2.5)}}@keyframes parallax-fade{0%{opacity:1}to{opacity:0}}@keyframes parallax-spin{to{rotate:var(--parallax-turn,90deg)}}@keyframes parallax-pass{0%{opacity:0;scale:.5}35%,65%{opacity:1;scale:1}to{opacity:0;scale:1.8}}@keyframes parallax-reveal{0%{opacity:0;translate:0 var(--parallax-rise,3rem);scale:.98}}@keyframes parallax-reveal-zoom{0%{opacity:0;scale:.85}}@keyframes parallax-reveal-fade{0%{opacity:0}}.parallax-layer,.parallax-drift{animation:linear both parallax-shift}.parallax[data-axis=inline] .parallax-layer{animation-name:parallax-shift-inline}.parallax-layer[data-motion=zoom]{animation-name:parallax-shift,parallax-zoom}.parallax-layer[data-motion=fade]{animation-name:parallax-shift,parallax-fade}.parallax-layer[data-motion=spin]{animation-name:parallax-shift,parallax-spin}.parallax-layer[data-motion=zoom\ fade]{animation-name:parallax-shift,parallax-zoom,parallax-fade}.parallax-layer[data-motion=pass]{animation-name:parallax-shift,parallax-pass}.parallax-reveal{animation:ease-out both parallax-reveal}.parallax-reveal[data-reveal=zoom]{animation-name:parallax-reveal-zoom}.parallax-reveal[data-reveal=fade]{animation-name:parallax-reveal-fade}@supports (animation-timeline:view()){.parallax-layer{animation-timeline:--parallax;animation-range:cover}.parallax[data-sticky] .parallax-layer{animation-range:contain}.parallax-drift{animation-timeline:view();animation-range:cover}.parallax-reveal{animation-timeline:view();animation-range:entry entry 80%}}@supports not (animation-timeline:view()){.parallax-layer,.parallax-drift,.parallax-reveal{animation:none}}@media (prefers-reduced-motion:reduce){.parallax-layer,.parallax-drift,.parallax-reveal{animation:none}}@media (forced-colors:active){.parallax-layer{forced-color-adjust:none}}}