/* A decorative layer shares the existing pause/reduced-motion controller. */
[data-parallax-section] { position: relative; isolation: isolate; overflow: hidden; overflow: clip; }
[data-parallax-section] > .wrap { position: relative; z-index: 1; }
.page-depth { position: absolute; inset: -64px -24px; z-index: 0; pointer-events: none; background: url('faceted-depth.svg') center / cover no-repeat; opacity: .16; translate: 0 var(--parallax-y, 0px); }
.page-depth::after { content: ''; position: absolute; inset: 0; background: url('geometric-background.png') right center / cover no-repeat; opacity: .22; mask-image: linear-gradient(110deg, transparent 20%, #000); translate: 0 calc(var(--parallax-y, 0px) * -.45); }
.page-hero.dark .text-link { color: #fff; }
#navigation .motion-menu-control { display: none; border: 0; border-top: 1px solid var(--line); padding: 14px 12px; margin-top: 8px; background: #fff; color: var(--blue); font: inherit; font-weight: 700; text-align: left; }
#navigation.open .motion-menu-control { display: block; }
#navigation .motion-menu-control:focus-visible { outline: 3px solid var(--purple); outline-offset: -3px; }
#navigation .motion-menu-control:disabled { color: var(--muted); }
body.motion-paused .page-depth, body.motion-reduced .page-depth, body.motion-suspended .page-depth { --parallax-y: 0px !important; translate: 0 0 !important; }
@media (max-width: 620px) { .page-depth { opacity: .12; } }
@media (prefers-reduced-motion: reduce) { .page-depth, .page-depth::after { translate: 0 0 !important; } }
@media print { .page-depth { display: none; } }