/* One soft lap around the cars, followed by one around the phones. */
[data-header-motion]{position:relative;isolation:isolate}
[data-header-motion]::after{content:"";position:absolute;inset:0;z-index:1;background:#001e2b;opacity:0;pointer-events:none}
.header-light{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0}
.header-light-object{opacity:0}
.header-light-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.header-light-rail{stroke:#71c2cf;stroke-width:.9px;opacity:.34}
.header-light-aura{stroke:#55cedf;stroke-width:6px;opacity:.35;filter:blur(1.5px);stroke-dasharray:23 77}
.header-light-trail{stroke:#64d8e5;stroke-width:2.4px;opacity:.75;stroke-dasharray:20 80}
.header-light-head{stroke:#edffff;stroke-width:1.6px;opacity:.85;stroke-dasharray:2 98}
.header-motion-playing .header-light{animation:header-light-envelope 4.2s ease 1 both}
.header-motion-playing::after{animation:header-light-backdrop 4.2s ease 1 both}
.header-motion-playing .header-light-object{animation:header-light-phase 1.65s linear var(--light-lag) 1 both}
.header-motion-playing .header-light-aura,.header-motion-playing .header-light-trail,.header-motion-playing .header-light-head{animation:header-light-travel 1.65s linear var(--light-lag) 1 both}
.header-motion-paused .header-light,.header-motion-paused .header-light-object,.header-motion-paused .header-light-stroke,.header-motion-paused::after{animation-play-state:paused!important}
@keyframes header-light-travel{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes header-light-phase{0%,100%{opacity:0}8%,88%{opacity:1}}
@keyframes header-light-envelope{0%{opacity:0}8%,87%{opacity:1}100%{opacity:0}}
@keyframes header-light-backdrop{0%,100%{opacity:0}12%,84%{opacity:.13}}
@media(max-width:540px){
  .header-light-rail{stroke-width:.65px}
  .header-light-aura{stroke-width:4px;filter:blur(1px)}
  .header-light-trail{stroke-width:1.7px}
  .header-light-head{stroke-width:1.1px}
}
@media(prefers-reduced-motion:reduce){
  .header-light,[data-header-motion]::after{display:none!important;animation:none!important}
  .header-light-object,.header-light-stroke{animation:none!important}
}