@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;white-space:pre-line}
#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%)}

/* 반응형 [s] */
/* Desktop */
@media (max-width:1280px){
#inc01 .mask{font-size:40px}
}
/* Tablet */
@media (max-width:1024px){
#inc01 .mask{font-size:35px}
}
/* Mobile */
@media (max-width:768px){
#inc01 .mask{font-size:30px}
#inc01 .circle{width:500px;height:500px}
#inc01 .light::after{width:450px;height:450px}
}
@media (max-width:580px){
#inc01 .mask{font-size:27px}
#inc01 .circle{width:400px;height:400px}
#inc01 .light::after{width:350px;height:350px}
}
/* Small Mobile */
@media (max-width:480px){
#inc01 .mask{font-size:25px}
#inc01 .circle{width:370px;height:370px}
#inc01 .light::after{width:320px;height:320px}
}
/* iPhone SE */
@media (max-width:390px){
#inc01 .mask{font-size:22px}
}
/* 반응형 [e] */