@charset "utf-8";

#inc01{background:var(--dark)}
#inc01 .inner{position:relative;height:300vh}
#inc01 .sticky_area{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;z-index:2}
#inc01 h2{text-align:center}
#inc01 .mask{font-size:50px;font-weight:700;text-align:center;background-clip:text;background-repeat:no-repeat;background-size:0% 100%;color:rgba(255,255,255,.3);background-image:linear-gradient(to right,#fff,#fff)}

#inc01 .circle{position:absolute;left:50%;top:50%;width:700px;height:700px;transform:translate(-50%,-50%);pointer-events:none;z-index:-1}
#inc01 .light{position:absolute;inset:0;border-radius:50%}
#inc01 .light::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 310deg,#f7b500 338deg,#ffd66e 350deg,transparent 360deg);filter:blur(10px)}
#inc01 .light::after{content:"";position:absolute;left:50%;top:50%;width:650px;height:650px;background:var(--dark);border-radius:50%;transform:translate(-50%,-50%)}