@font-face{font-family:Sawarabi Gothic;font-style:normal;font-weight:400;src:url(../assets/font/SawarabiGothic-Regular.woff2) format("woff2")}:root{--bgColor:#dcdcdc;--yellow:#ff0;--black:#2d2d2d;--white:#fefefe;--gray:#7e7e7e;--blue:#05acfc;--red:#ff2a2a;--green:#78ff02;--instaPink:#f7005a;--xBlack:#000;--linktreeGreen:#41df5d}body,html{background-color:var(--bgColor);cursor:none;font-family:Sawarabi Gothic,sans-serif;font-weight:400;height:auto;position:relative;width:100%}.noopacity{opacity:0;visibility:hidden}.nodisplay{display:none}.fixed{position:fixed!important}.noevent{pointer-events:none;-webkit-user-select:none;user-select:none}.scroll_gutter{scrollbar-gutter:stable}.main_container{background-color:var(--white);height:auto;left:0;overflow:hidden;position:absolute;top:0;width:100%}.main_container:hover{cursor:none}.bg_anim{animation:mainContanerBgAnim 30s ease-in-out infinite alternate}@keyframes mainContanerBgAnim{0%{background-color:#fefefe70}20%{background-color:#41ff0070}40%{background-color:#ffff0070}60%{background-color:#ff2a2a70}80%{background-color:#05aefc70}to{background-color:#2d2d2d70}}.loading_container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.block_container{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;left:0;overflow:hidden;position:absolute;top:0}.block-active{pointer-events:none}.block-active,.block_layer{background-color:var(--yellow)}.block_layer{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loaing_text{color:var(--black);display:flex;font-size:clamp(24px,2vmax,60px);line-height:1.4;overflow:hidden}.loaing_text_emoji1{animation:loading1 1.2s steps(6) infinite alternate;transform:translateY(-5%)}.loaing_text_emoji2{animation:loading2 1.2s steps(6) infinite alternate;transform:translateY(102%)}@keyframes loading1{0%{transform:translateY(-5%)}to{transform:translateY(105%)}}@keyframes loading2{0%{transform:translateY(102%)}to{transform:translateY(-2%)}}#matterCanvas{left:0;overflow:hidden;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}#matterCanvas,.top_container{pointer-events:none;z-index:3}.top_container{height:100vh;min-height:500px;position:relative;width:100vw}.logo_block{font-size:0;height:auto;left:50%;line-height:1;opacity:0;overflow:hidden;position:absolute;top:58%;transform:translate(-50%,-50%);width:56vw;z-index:3}#logo_title{height:auto;width:100%}#logo_title path{fill:var(--black)}.st0{fill:none;stroke:var(--black);stroke-width:4;stroke-linejoin:round;stroke-miterlimit:10}.logo_horn{opacity:0}@media (max-width:767px){.logo_block{width:60vmin}}.work_container{height:100vh;min-height:500px;pointer-events:none;position:relative;width:100vw;z-index:2}#work_canvas{display:none;position:absolute;top:0}.work_block_container{align-content:flex-start;display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start;left:0;overflow:hidden;position:absolute;top:0;width:101%}.play_btn{cursor:none;left:50%;pointer-events:all;position:absolute;top:50%;transform:translate(-50%,-50%);width:8%;z-index:100}.play_btn img{height:100%;object-fit:cover;width:100%}.inq_container{height:100vh;min-height:500px;pointer-events:none;position:relative;width:100vw;z-index:1}.inq_block_container{align-content:flex-start;display:flex;flex-wrap:wrap;height:100%;justify-content:flex-start;left:0;top:0;width:101%}.copy,.inq_block_container{overflow:hidden;position:absolute;z-index:1}.copy{background-color:var(--green);left:26%;letter-spacing:.2vmax;line-height:1.8;padding:1.5%;text-align:center;text-wrap:nowrap;top:25%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:40%}.copy span{color:var(--white);display:inline-block;font-size:clamp(14px,1.5vmax,40px)}.tagline{left:70%;letter-spacing:.2vmax;line-height:1.8;padding:1.5% 0;position:absolute;text-align:center;text-wrap:nowrap;top:48%;transform:translate(-50%,-50%);width:40%;z-index:1}.tagline,.tagline_block{background-color:var(--red);overflow:hidden}.tagline_block{display:flex}.tagline_inner{color:var(--white);font-size:clamp(14px,1.5vmax,40px);letter-spacing:.2vmax;padding:0 0 0 5%;-webkit-user-select:none;user-select:none;white-space:nowrap}.x_sns{background-color:var(--xBlack);left:30%;top:60%}.instagram_sns,.x_sns{padding:1%;pointer-events:all;position:absolute;width:5%}.instagram_sns{background-color:var(--instaPink);right:36%;top:63%}.linktree_sns{background-color:var(--linktreeGreen);left:42%;padding:1%;pointer-events:all;position:absolute;top:67%;width:5%}.inq_container a{cursor:none;display:block;height:100%;width:100%}.inq_container img{height:auto;width:100%}.inq_block{background-color:var(--blue);bottom:5%;height:fit-content;left:68%;letter-spacing:.15vmax;line-height:1.8;padding:1% 2%;position:absolute;text-align:center;text-wrap:nowrap;transform:translate(-50%);z-index:1}.inq_text{color:var(--white);font-size:clamp(12px,1.3vmax,32px);-webkit-user-select:none;user-select:none;white-space:nowrap}.inq_mail{color:var(--white);font-size:clamp(14px,1.5vmax,40px);letter-spacing:.15vw;pointer-events:stroke;text-decoration:none!important;-webkit-user-select:all;user-select:all}.inq_mail::-moz-selection{background:var(--black);color:var(--white)}.inq_mail::selection{background:var(--black);color:var(--white)}footer{background-color:var(--black);bottom:5%;color:var(--white);font-size:clamp(10px,1.2vmax,18px);height:fit-content;left:2%;letter-spacing:.05vw;line-height:1;padding:1%;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}@media (max-width:767px) and (hover:none){.play_btn{width:12%}.copy{left:46%;top:28%}.copy,.tagline{padding:3%;width:70%}.tagline{left:54%;top:52%}.x_sns{left:10%;top:61%}.instagram_sns,.x_sns{padding:2%;width:12%;z-index:10}.instagram_sns{right:27%;top:64%}.linktree_sns{left:45%;padding:2%;top:59%;width:12%;z-index:10}.inq_block{bottom:16%;height:fit-content;padding:3%;position:absolute}.inq_block,footer{left:50%;transform:translate(-50%)}footer{bottom:5%;padding:2%}}.marquee{color:var(--yellow);font-size:clamp(30px,3vmax,48px);opacity:0}.marquee,.marquee_block{-webkit-user-select:none;user-select:none}.marquee_block{background-color:var(--yellow);display:flex;overflow:hidden;transform:scaleY(1.68);transform-origin:top}.marquee_inner{font-weight:700;line-height:1.5;padding:0 0 0 2%}.cursor,.marquee_inner{-webkit-user-select:none;user-select:none}.cursor{height:3.5vmax;left:50vw;opacity:0;pointer-events:none;position:fixed;top:-50px;transform:translate(-50%,-50%);transform-origin:50% 50%;width:3.5vmax;z-index:2000}.cursor_img{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.cursor_text{background-color:var(--yellow);font-size:clamp(12px,1.5vmax,35px);letter-spacing:.1vmax;padding:15% 12%;top:-60%;white-space:nowrap}.cursor_emoji,.cursor_text{line-height:1;position:absolute}.cursor_emoji{font-size:clamp(30px,3vmax,68px);left:50%;transform:rotate(-30deg);transform-origin:right bottom}@media (hover:none){.cursor{left:48%;top:6%;transform:translate(-50%,-50%)}.cursor_text{line-height:1.2;padding:20% 16%;position:absolute;text-align:center;top:-80%}.cursor_emoji{position:absolute;top:-45%}}