.ribbon-assembly{--building-reveal:0;--building-clip:100%;--building-blur:7px}
.ribbon-assembly>.ribbon-flow,.ribbon-assembly>.future-connections{display:none}
.building-morph{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.js-motion .ribbon-assembly .future-building,
.js-motion .ribbon-assembly.is-built .future-building,
.js-motion .ribbon-assembly:not(.is-built) .future-building{
 animation:none;transform:none;opacity:var(--building-reveal);
 filter:blur(var(--building-blur));clip-path:inset(var(--building-clip) 0 0 0);
}
.motion-paused .ribbon-assembly .future-building{clip-path:none!important}
.motion-paused .building-morph{display:none}
@media(prefers-reduced-motion:reduce){
 .ribbon-assembly .future-building{opacity:1!important;filter:none!important;clip-path:none!important}
 .building-morph{display:none}
}

/* The continuous ribbon ends where it has become the building. */
.ribbon-assembly + .contact > .ribbon-flow{display:none}