.local-photo.bridge-visualizer{aspect-ratio:950/632;isolation:isolate}
.bridge-visualizer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bridge-visualizer>.cloud-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity 1.2s ease}
.bridge-visualizer.is-live>.cloud-canvas{opacity:1}
.local-photo.bridge-visualizer:after{z-index:2;pointer-events:none;inset:70% 0 0;background:linear-gradient(transparent,#122b3288)}
.bridge-visualizer figcaption{z-index:3;align-items:center;left:22px;right:16px;bottom:16px;pointer-events:none}
.bridge-visualizer figcaption>span{font-size:8px;letter-spacing:.09em;text-shadow:0 1px 8px #081a22cc;max-width:75%;line-height:1.7}
.cloud-motion-toggle{pointer-events:auto;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid #f1f6ef88;background:#153543b3;backdrop-filter:blur(6px);display:grid;place-items:center;color:white}
.cloud-motion-toggle[hidden]{display:none}
.cloud-motion-toggle:hover{background:#153543e6}
.cloud-motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.cloud-motion-toggle[aria-pressed=true] svg{fill:currentColor;stroke:none}
@media(max-width:800px){.local-photo.bridge-visualizer{aspect-ratio:950/632}}
@media(max-width:560px){.local-photo.bridge-visualizer{aspect-ratio:950/632}.bridge-visualizer figcaption{left:17px;right:12px;bottom:12px}.bridge-visualizer figcaption>span{font-size:7px}.cloud-motion-toggle{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.bridge-visualizer>.cloud-canvas{transition:none}}

@media(max-width:800px){.local-bridge-section{grid-template-columns:1fr;gap:30px}.local-bridge-section .local-copy{max-width:550px}}