@charset "utf-8";

#inc01 .sticky-container{height:600vh}
#inc01 .sticky-wrapper{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
#inc01 .sticky-wrapper p{font-size:40px;font-weight:700;line-height:1.35;text-align:center}

#inc01 .front{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}
#inc01 .front__mask {position:relative;width:0;height:0;border-radius:16px;overflow:hidden;box-sizing:border-box}
#inc01 .front__mask .inner-bg {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100vw;height:100vh}
#inc01 .front__mask .inner-bg img{width:100%;height:100%;object-fit:cover}

#inc01 .back{--opacity:0;z-index:2;position:absolute;top:0;left:0;width:100%;height:100%}
#inc01 .back::before{opacity:var(--opacity);z-index:3;position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.57)}
#inc01 .back .text-mask{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:4;white-space:pre-line}
#inc01 .back .text-mask p span{font-size:44px;color:rgba(255,255,255,0.4);background-clip:text;background-repeat:no-repeat;background-size:0% 100%;background-image:linear-gradient(to right, #fff, #fff)}