.cf { pointer-events: none; overflow: hidden;
  --cf-fill: rgba(47,87,211,.10); --cf-out: rgba(158,179,241,.30); --cf-arc: rgba(158,179,241,.28);
  --cf-dot: rgba(158,179,241,.5); --cf-hubc: rgba(255,255,255,.85); --cf-halo: 1; }
.cf-amb { --cf-fill: rgba(47,87,211,0); --cf-out: rgba(158,179,241,.18); --cf-arc: rgba(158,179,241,.14);
  --cf-dot: rgba(158,179,241,.25); --cf-hubc: rgba(255,255,255,.43); --cf-halo: .5; }
.cf-light { --cf-fill: rgba(47,87,211,0); --cf-out: rgba(47,87,211,.12); --cf-arc: rgba(47,87,211,.16);
  --cf-dot: rgba(47,87,211,.25); --cf-hubc: rgba(47,87,211,.30); --cf-halo: 0; }
.cf-poster, .cf canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.cf-st path { fill: var(--cf-fill); stroke: var(--cf-out); stroke-width: .75; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.cf-rest .a { fill: none; stroke: var(--cf-arc); stroke-width: 1; vector-effect: non-scaling-stroke; }
.cf-rest .e { fill: var(--cf-dot); }
.cf-hubs .g { fill: url(#cf-hg); opacity: var(--cf-halo); }
.cf-hubs .c { fill: var(--cf-hubc); }
.cf-light .cf-hubs .g { display: none; }

.cf-art { display: block; width: 100%; height: auto; --cf-fill: rgba(47,87,211,.10); --cf-out: rgba(158,179,241,.30);
  --cf-arc: rgba(158,179,241,.28); --cf-dot: rgba(158,179,241,.5); --cf-hubc: rgba(255,255,255,.85); --cf-halo: 1; }


.cf-pause { box-sizing: border-box; width: 32px; height: 32px; min-width: 32px; padding: 0; margin: 0; border-radius: 50%;
  background: rgba(17,27,63,.75); border: 1px solid rgba(158,179,241,.6); color: #E7ECFB; box-shadow: none; filter: none;
  display: flex; align-items: center; justify-content: center; cursor: pointer; pointer-events: auto; z-index: 5; font: inherit; }
.cf-pause:hover { filter: none; border-color: #9EB3F1; }
.cf-pause:active { transform: none; }
.cf-pause.in, .cf-pause.abs { position: absolute; right: 12px; bottom: 12px; }
.cf-pause.fixed { position: fixed; right: 16px; bottom: 16px; z-index: 40; }

.cf-pause.band { top: calc(72% - 44px); bottom: auto; }
@media (max-width: 600px) { .cf-pause.band { top: 12px; } }

@media (max-width: 600px) {
  .cf.cf-topband { position: absolute; left: 0; right: 0; top: 0; bottom: auto; height: 30vh; }
  .cf-pause.tb { position: absolute; right: 16px; top: calc(30vh - 44px); bottom: auto; z-index: 5; }
}
@media (max-width: 899px) { .cf-pause.dk { display: none; } }
@media print { .cf-pause { display: none !important; } }


html.js-motion .reveal { opacity: 0; transform: translateY(12px); }
html.js-motion .reveal.in { opacity: 1; transform: none;
  transition: opacity .48s cubic-bezier(.16,1,.3,1), transform .48s cubic-bezier(.16,1,.3,1); }
@media (prefers-reduced-motion: reduce), print { html.js-motion .reveal { opacity: 1 !important; transform: none !important; transition: none !important; } }