/* The photo and its traced highlights share one coordinate space. */
.quiet-home .connection-scene{position:absolute;inset:0;transform-origin:70% 48%;pointer-events:none}
.quiet-home .connection-scene .qh-hero-art{inset:0;width:100%;height:100%;object-position:center center}
.quiet-home .connection-light{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;opacity:0;mix-blend-mode:screen}
.connection-path{stroke-dasharray:52 948;stroke-dashoffset:1000}
.connection-edge{stroke:url(#connection-metal);stroke-width:1.6;opacity:.8}
.connection-halo{stroke:#efb77b;stroke-width:13;opacity:.24;filter:url(#connection-soft)}
@media(prefers-reduced-motion:no-preference){
 .connection-active .connection-scene{animation:connection-float 18s ease-in-out infinite;will-change:transform}
 .connection-active .connection-light{opacity:.78;transition:opacity 1.8s ease}
 .connection-active .connection-path{animation:connection-travel 11s linear infinite}
 .connection-active .connection-second{animation-duration:14s;animation-delay:-6s;stroke-dasharray:85 915}
 .connection-active .connection-third{animation-duration:12s;animation-delay:-3s;stroke-dasharray:38 962;opacity:.45}
 .connection-suspended .connection-scene,.connection-suspended .connection-path{animation-play-state:paused}
}
@keyframes connection-float{0%,100%{transform:translate3d(0,0,0) scale(1.035) rotate(-.35deg)}50%{transform:translate3d(-7px,-10px,0) scale(1.065) rotate(.4deg)}}
@keyframes connection-travel{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@media(max-width:700px){
 .quiet-home .connection-scene{height:480px;transform-origin:60% 40%}
 .quiet-home .connection-scene .qh-hero-art{object-position:60% top;height:480px}
 .quiet-home .connection-light{width:720px;height:480px;left:calc(60% - 432px)}
 .connection-active .connection-scene{animation-name:connection-float-mobile;animation-duration:20s}
 .connection-active .connection-light{opacity:.5}
 .connection-halo{display:none}
}
@keyframes connection-float-mobile{0%,100%{transform:translate3d(0,0,0) scale(1.025)}50%{transform:translate3d(-3px,-5px,0) scale(1.045)}}
@media(prefers-reduced-motion:reduce){.quiet-home .connection-scene{transform:none!important;animation:none!important}.quiet-home .connection-light{display:none}}