/* Fine line illustrations share the footer pulse, with a subject for each section. */
.section-motif{
  --motif-color:#ad7925;
  --motif-speed:5.8s;
  display:block;
  width:260px;
  max-width:100%;
  height:auto;
  overflow:visible;
  pointer-events:none;
}
.section-motif path{
  fill:none;
  stroke:var(--motif-color);
  stroke-width:1.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.section-motif .motif-base{opacity:.3}
.section-motif .motif-trace{
  stroke-width:1.9;
  stroke-dasharray:165 835;
  stroke-dashoffset:165;
  opacity:.9;
  filter:drop-shadow(0 0 2px #d7b77c44);
  animation:section-motif-flow var(--motif-speed) linear infinite;
  animation-play-state:paused;
}
.section-motif.motif-in-view .motif-trace{animation-play-state:running}
.team-motif{--motif-color:#e1c79e;--motif-speed:6.2s;width:280px;margin-top:30px}
.agenda-motif{--motif-speed:6.8s;width:245px;margin-top:24px}
.season-motif{--motif-color:#efd0a5;--motif-speed:7.2s;position:absolute;top:47px;right:26px;width:185px}
.visit-motif{--motif-speed:6.6s;width:260px;margin-top:32px}
@keyframes section-motif-flow{from{stroke-dashoffset:165}to{stroke-dashoffset:-835}}
.motion-paused .section-motif .motif-trace{animation:none!important;opacity:0}
.motion-paused .section-motif .motif-base{opacity:.65}
@media(max-width:800px){
  .team-motif{width:230px;margin-top:24px}
  .agenda-motif{width:220px;margin-top:20px}
  .season-motif{top:62px;right:18px;width:155px}
  .visit-motif{width:220px;margin-top:25px}
}
@media(max-width:560px){
  .team-motif{width:230px;margin-top:25px}
  .agenda-motif{width:220px;margin-top:16px}
  .season-motif{top:48px;right:22px;width:175px}
  .visit-motif{width:220px;margin-top:20px;margin-bottom:7px}
}
@media(prefers-reduced-motion:reduce){
  .section-motif .motif-trace{animation:none!important;opacity:0}
  .section-motif .motif-base{opacity:.65}
}