/* Version 2: page-wide white motion background, separate from the frozen v1. */
body.motion-v2{background:#fff;isolation:isolate}
.motion-v2 .visual.background-motion.motion-stage,.motion-v2 .visual.background-motion{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;background:#fff;pointer-events:none;z-index:-1;overflow:hidden}
.motion-v2>.wrap{position:relative;z-index:1}
.motion-v2 .preview{position:relative;z-index:1;background:rgba(245,248,249,.9)}
.motion-v2 .background-control{position:fixed;top:auto;left:auto;right:20px;bottom:20px;z-index:5;border:1px solid #c8d4dc;background:rgba(255,255,255,.94);color:#435563;box-shadow:0 3px 15px #3447570a;backdrop-filter:blur(8px)}
.motion-v2 .background-control:hover{background:#edf4f7}
.motion-v2 .background-control:focus-visible{outline:3px solid #366077;outline-offset:3px}
.motion-v2 .hero{padding-bottom:104px}
.motion-v2 .section{border-color:#bdcbd58c}
.motion-v2 .service-list li,.motion-v2 .news-list li{border-color:#bdcbd58c}
.motion-v2 footer{padding-bottom:90px}
@media(max-width:640px){.motion-v2 .hero{padding-bottom:64px}.motion-v2 .background-control{right:12px;bottom:12px;min-height:44px;font-size:11px}}
.motion-showcase{padding:0 0 32px}.showcase-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:28px}.showcase-heading .eyebrow{margin:0 0 14px;color:#586774}.showcase-heading h2{font-size:32px;font-weight:500;margin:0;line-height:1.2}.showcase-heading>p{font-size:14px;line-height:1.9;max-width:35em;margin:0}.showcase-stage{touch-action:pan-y pinch-zoom}.showcase-instruction{font-size:12px;color:#586774;margin:14px 0 0}.showcase-stage .motion-control{min-width:104px}@media(max-width:640px){.showcase-heading{grid-template-columns:1fr;gap:18px}.showcase-heading h2{font-size:28px}.showcase-heading>p{font-size:13px}.showcase-stage .motion-control{top:16px;right:16px}.showcase-stage{height:300px!important}.showcase-instruction{font-size:11px}}
/* Icon-only controls retain accessible action names. */
.motion-v2 .motion-control,.motion-v2 .back-to-top{width:46px;height:46px;min-width:46px;min-height:46px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.motion-v2 .motion-control svg,.motion-v2 .back-to-top svg{width:22px;height:22px;display:block}
.motion-v2 .background-control{bottom:78px;right:20px}
.motion-v2 .back-to-top{position:fixed;bottom:20px;right:20px;z-index:5;border:1px solid #c8d4dc;background:rgba(255,255,255,.94);color:#435563;box-shadow:0 3px 15px #3447570a;backdrop-filter:blur(8px)}
.motion-v2 .back-to-top:hover{background:#edf4f7}.motion-v2 .back-to-top:focus-visible{outline:3px solid #366077;outline-offset:3px}
.motion-v2 .motion-control:disabled{cursor:default;opacity:.55}
.showcase-heading{grid-template-columns:1fr}
@media(max-width:640px){.motion-v2 .background-control{right:12px;bottom:70px}.motion-v2 .back-to-top{right:12px;bottom:12px}}
