.contact-picture[data-contact-signal]{overflow:hidden}
.contact-band--headset{--contact-art-height:max(325px,16.953125vw);padding-top:0;min-height:var(--contact-art-height)}
.contact-band--headset .contact-layout{grid-template-columns:52% 48%;gap:0;min-height:var(--contact-art-height)}
.contact-band--headset .contact-copy{grid-column:1;grid-row:1}
.contact-band--headset .contact-values{display:none}
.contact-band--headset .contact-picture{top:0;height:100%;min-height:var(--contact-art-height)}
.contact-band--headset .contact-picture img{object-position:22% 0%}
@media(max-width:760px){.contact-band--headset{--contact-art-height:max(190px,42.3828125vw);padding-top:0;padding-bottom:var(--contact-art-height);min-height:0}.contact-band--headset .contact-layout{min-height:0}.contact-band--headset .contact-picture{top:auto;bottom:0;height:var(--contact-art-height);min-height:0}.contact-band--headset .contact-picture img{position:absolute;left:0;top:0;width:100%;height:var(--contact-art-height);object-position:50% 0%}.contact-band--headset .contact-picture:after{background:none}}
.contact-picture>.contact-signal{position:absolute;pointer-events:none;max-width:none;overflow:visible;opacity:0;direction:ltr}
.contact-signal__paths,.contact-signal__dots,.contact-signal__finish{fill:none;stroke:#0093a3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #9af2df80)}
.contact-signal__paths path{vector-effect:non-scaling-stroke;stroke-dasharray:20 80;stroke-dashoffset:100;opacity:0}
.contact-signal__headset{stroke:#80f4e1}.contact-signal__dots circle,.contact-signal__finish{vector-effect:non-scaling-stroke;opacity:0}
.contact-picture.is-signal-flowing>.contact-signal{opacity:1}
.is-signal-flowing .contact-signal__headset{animation:contact-signal-headset 7s linear 1}
.is-signal-flowing .contact-signal__links{animation:contact-signal-links 7s linear 1}
.is-signal-flowing .contact-signal__device{animation:contact-signal-device 7s linear 1}
.is-signal-flowing .contact-signal__brand{animation:contact-signal-brand 7s linear 1}
.is-signal-flowing .contact-signal__dots circle{animation:contact-signal-dot 7s ease-in-out 1}.is-signal-flowing .contact-signal__dots circle:nth-child(2){animation-delay:.15s}.is-signal-flowing .contact-signal__dots circle:nth-child(3){animation-delay:.3s}
.is-signal-flowing .contact-signal__finish{animation:contact-signal-finish 7s ease-out 1}
@keyframes contact-signal-headset{0%{opacity:0;stroke-dashoffset:100}4%{opacity:.9}32%{opacity:.9;stroke-dashoffset:0}35%,100%{opacity:0;stroke-dashoffset:-8}}
@keyframes contact-signal-links{0%,32%{opacity:0;stroke-dashoffset:100}35%{opacity:.9}50%{opacity:.9;stroke-dashoffset:0}53%,100%{opacity:0;stroke-dashoffset:-8}}
@keyframes contact-signal-device{0%,51%{opacity:0;stroke-dashoffset:100}54%{opacity:.9}74%{opacity:.9;stroke-dashoffset:0}77%,100%{opacity:0;stroke-dashoffset:-8}}
@keyframes contact-signal-brand{0%,74%{opacity:0;stroke-dashoffset:100}77%{opacity:.9}95%{opacity:.9;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:-8}}
@keyframes contact-signal-dot{0%,38%{opacity:0}42%{opacity:.65}47%,100%{opacity:0}}
@keyframes contact-signal-finish{0%,91%{opacity:0}95%{opacity:.6;stroke-width:3}100%{opacity:0;stroke-width:3.5}}
@media(prefers-reduced-motion:reduce){.contact-picture>.contact-signal{display:none!important}.contact-signal *{animation:none!important}}
