/* Optional real clinic footage. The original first-screen image keeps its layout. */
.clinic-site.kansei-care :is(.us-hero-photo,.ha-portrait).landing-hero-media { display:block; }
.clinic-motion-frame { position:relative; isolation:isolate; overflow:hidden; width:100%; aspect-ratio:16/9; border-radius:inherit; background:#14241e; }
.clinic-site.kansei-care .landing-hero-media .clinic-motion-frame>img { position:absolute; inset:0; z-index:0; display:block; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
.clinic-site .clinic-motion-frame>video { position:absolute; inset:0; z-index:1; width:100%; height:100%; border-radius:inherit; object-fit:contain; background:#14241e; opacity:0; pointer-events:none; transition:opacity 650ms ease; }
.clinic-motion-frame.has-frame>video { opacity:1; }
.clinic-motion-toggle { position:absolute; right:14px; bottom:14px; z-index:2; min-height:44px; padding:9px 15px; border:1px solid rgba(255,255,255,.5); border-radius:999px; background:rgba(24,45,35,.88); color:#fff; font-family:inherit; font-size:12px; font-weight:600; line-height:1.3; cursor:pointer; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow:0 3px 14px rgba(0,0,0,.12); }
.clinic-motion-toggle[hidden] { display:none; }
.clinic-motion-toggle:focus-visible { outline:3px solid #d4e9bd; outline-offset:3px; }
.clinic-motion-toggle:active { transform:scale(.97); }
.clinic-motion-caption { display:block; }
@media (prefers-reduced-motion:reduce) { .clinic-site .clinic-motion-frame>video { transition:none; } .clinic-motion-toggle:active { transform:none; } }
@media print { .clinic-motion-frame>video,.clinic-motion-toggle { display:none!important; } }