.ssfe{position:relative;height:400vh;width:100%}
.ssfe__sticky{position:sticky;top:0;height:100vh;height:100svh;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}
.ssfe__canvas{display:block;width:100%;height:100%;max-width:100%}
.ssfe__content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:12vh 6vw;pointer-events:none;will-change:opacity}
.ssfe__title{margin:0 0 .4em;color:#fff}
.ssfe__desc{margin:0;max-width:40em;color:#cfcfcf}
.ssfe__loader{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;transition:opacity .4s}
.ssfe__loader span{display:block;height:100%;width:0;background:#fff;transition:width .2s}
.ssfe__loader.is-done{opacity:0}