/* Existing source footage, restrained as section backgrounds. */
[data-motion-section] { position:relative; isolation:isolate; }
.ambient-media { position:absolute; inset:0; z-index:-2; overflow:hidden; pointer-events:none; }
.ambient-media img,.ambient-media video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ambient-media:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#09131ff7 0%,#09131fcc 36%,#09131f45 72%,#09131f25),linear-gradient(0deg,#09131f55,transparent 60%); }
.page-intro[data-motion-section] { padding-bottom:60px; }
.page-intro .page-intro-art.ambient-media { inset:0 0 0 40%; opacity:1; z-index:-1; }
.page-intro .ambient-media:after { background:linear-gradient(90deg,#09131f 0%,#09131fa8 27%,#09131f20 73%),linear-gradient(0deg,#09131f55,transparent); }
.page-intro .ambient-media img,.page-intro .ambient-media video { object-position:55% center; }
.page-approach .page-intro .ambient-media { inset:0 0 0 40%; }
.page-approach .page-intro .ambient-media img,.page-approach .page-intro .ambient-media video { object-position:center 60%; }
.motion-invitation { background:#0a1927; overflow:hidden; }
.motion-invitation .ambient-media img,.motion-invitation .ambient-media video { object-position:center 52%; }
.motion-invitation .ambient-media:after { background:linear-gradient(90deg,#07121ef2,#091522bd 52%,#09152230),linear-gradient(0deg,#09131f77,transparent); }
.motion-invitation .invitation-inner { padding-block:65px; }
.motion-invitation .invitation-inner h2 { max-width:670px; }
.motion-workflows { overflow:hidden; background:#09131f; }
.page-services .motion-workflows { padding-block:62px; }
.motion-workflows .ambient-media { left:28%; }
.motion-workflows .ambient-media img,.motion-workflows .ambient-media video { object-position:56% center; }
.motion-workflows .ambient-media:after { background:linear-gradient(90deg,#09131f,#09131fc9 25%,#09131f69 78%),linear-gradient(0deg,#09131fe6,transparent 72%); }
.motion-workflows .section-heading>p { color:#d0dae1; }
.motion-workflows .workflow-demo { background:#0d2030db; backdrop-filter:blur(3px); }
.motion-workflows .workflow-panel { background:#0f2330e8; }
.motion-workflows .workflow-tabs { background:#0b1c29b8; }
.motion-process .approach-art.ambient-media { width:75%; height:100%; right:-8%; left:auto; top:0; opacity:.7; mask-image:none; z-index:-1; }
.motion-process .ambient-media:after { background:linear-gradient(90deg,#09131f,#09131f22 60%),linear-gradient(0deg,#09131f 0%,#09131f55 50%,transparent); }
.motion-process .process-grid article { background:#09131fd9; padding-right:18px; }
@media(max-width:1000px) {
 .page-intro .page-intro-art.ambient-media,.page-approach .page-intro .ambient-media { left:30%; }
}
@media(max-width:700px) {
 .page-intro[data-motion-section] { padding-bottom:55px; }
 .page-intro .page-intro-art.ambient-media,.page-approach .page-intro .ambient-media { left:5%; opacity:.6; }
 .page-intro .ambient-media:after { background:linear-gradient(90deg,#09131fe8,#09131f70),linear-gradient(0deg,#09131f88,transparent); }
 .page-intro .ambient-media img,.page-intro .ambient-media video { object-position:60% center; }
 .motion-invitation .invitation-inner { padding-block:47px; }
 .motion-invitation .ambient-media { left:0; }
 .motion-invitation .ambient-media:after { background:#09131fc2; }
 .page-services .motion-workflows { padding-block:45px; }
 .motion-workflows .ambient-media { left:0; height:440px; }
 .motion-workflows .ambient-media:after { background:linear-gradient(90deg,#09131fd9,#09131f88),linear-gradient(0deg,#09131f,transparent 70%); }
 .motion-process .approach-art.ambient-media { width:100%; height:420px; right:0; opacity:.55; }
}

/* One quiet, keyboard-accessible motion setting for the whole site. */
.footer-settings { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.global-motion { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:8px 4px; border:0; border-radius:3px; background:transparent; color:#bdc9d2; font:500 11px/1.5 var(--heading); white-space:nowrap; }
.global-motion:hover { color:#f4ead6; }
.global-motion:focus-visible { outline:2px solid #dfc28c; outline-offset:4px; }
.motion-indicator { width:6px; height:6px; border:1px solid currentColor; border-radius:50%; }
.global-motion[aria-pressed="true"] .motion-indicator { background:#dfc28c; border-color:#dfc28c; }
.footer-settings .copyright { margin:0; }
@media(max-width:700px) { .footer-settings { margin-top:22px; align-items:flex-start; } }