/* Depth affects media only. It does not change document flow or native scrolling. */
.materia-site main [data-ds-depth]:not([data-ds-reveal]) {
    translate: 0 var(--ds-depth-y, 0px);
}
.materia-site main [data-ds-depth="crop"] { scale: 1.05; }
.materia-site main [data-ds-depth-active] { will-change: translate; }
html.motion-light .materia-site main [data-ds-depth],
html[data-motion="off"] .materia-site main [data-ds-depth],
.materia-site main .ds-section-static [data-ds-depth],
.materia-site main .is-style-ds-motion-none [data-ds-depth] {
    translate: none !important;
    scale: none !important;
    will-change: auto !important;
}
@media (max-width: 760px) {
    .materia-site main [data-ds-depth="crop"] { scale: 1.025; }
}
@media (prefers-reduced-motion: reduce) {
    .materia-site main [data-ds-depth] {
        translate: none !important;
        scale: none !important;
        will-change: auto !important;
    }
}
@media print {
    .materia-site main [data-ds-depth] {
        translate: none !important;
        scale: none !important;
        will-change: auto !important;
    }
}