.portfolio-marquee-frame{position:relative;isolation:isolate;overflow:hidden}
.cloud-intro{position:absolute;inset:0;z-index:10;overflow:hidden;background:#11171e url('/assets/hero-cloud-glitch.jpg') center/cover}
.cloud-intro canvas{position:absolute;inset:0;width:100%;height:100%}
.cloud-intro.is-dissolving{background:transparent;pointer-events:none}
.cloud-intro[hidden],.intro-skip[hidden]{display:none!important}
.intro-status{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fff;font:10px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.is-dissolving .intro-status{opacity:0}
.intro-skip{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);padding:10px 16px;border:0;background:#f4f3f1;color:#111217;cursor:pointer}