/* Only the moving ball carries colour; the mechanism stays behind the content. */
.scenery svg{opacity:1;filter:none}
#apparatus,#front-layer{opacity:.17;filter:grayscale(1)}
#ball-link{opacity:1}
#ball-link .ball-body{fill:var(--ball-colour,#ef694c);filter:none}
#ball-link .ball-tip{display:none}
.last-word{white-space:nowrap}
.opening h1 .last-word{color:inherit}
.period{position:relative;display:inline-block;width:var(--ball-diameter,24px);height:var(--ball-diameter,24px);vertical-align:baseline;overflow:hidden;font-size:0;margin-left:4px;color:transparent!important}
.period i{position:absolute;display:block;width:100%;height:100%;border-radius:50%;left:0;bottom:0;background:var(--primary,#ff4d4d);visibility:visible}
.motion-ready .period i{visibility:hidden}
.motion-ready.static .period i{visibility:visible}
.static #ball-link{display:none}
/* Small opaque text surfaces and the existing cards occlude passing components. */
.intro,.section-intro,.project-copy p,.join-options p,.close-bottom p{background:var(--section-paper,var(--paper))}
@media(max-width:800px){#apparatus,#front-layer{opacity:.085}}

.opening-copy,.close-paper{pointer-events:none}
.opening-copy a,.close-paper a{pointer-events:auto}