body{background-color:#000;color:#fff;height:auto;margin:0;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;padding:0;width:100%}body,section{touch-action:pan-y}body.no-scroll,main.no-scroll{overflow:hidden}button{font-family:unset}.container img{width:70vh}.test{animation:rotate-axis 3s linear forwards}.test.paused{animation-play-state:paused}.center{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center}#load{height:100%;left:0;position:fixed;top:0;width:100%}.hidden{display:none}.products-wrapper{align-items:center;color:#fff;display:grid;height:50%;justify-items:center;margin:0;padding:0;width:100%}body::-webkit-scrollbar{display:none}.app{background:#fff;height:90vmin;overflow:scroll;position:relative;scrollbar-width:none;width:90vmin;-ms-overflow-style:none;margin:45px 0;visibility:hidden}@media (max-width:768px){.app{margin:65px 0}}.app img{width:100%}.gallery{display:grid;grid-template-columns:repeat(3,1fr);padding:10px}.detail,.item{cursor:pointer;font-size:0}.detail{display:flex;flex-direction:column;left:50%;max-height:100%;overflow:scroll;position:fixed;scrollbar-width:none;top:10px;visibility:hidden;width:90.1vmin;-ms-overflow-style:none;margin:45px 0}@media (max-width:768px){.detail{margin:65px 0}}.detail>img{position:relative;z-index:1}.detail .content{background:#000;box-sizing:border-box;flex-grow:1;font-size:1rem;padding:2rem 1.5rem}.detail .content>*{margin-bottom:1rem}.detail .title{font-size:2rem;text-transform:uppercase}.detail .secondary{color:#d3d3d3}.detail .description{line-height:1.5}@font-face{font-family:AgenorNeue-Regular;src:url(https://nuuen-bucket.s3.amazonaws.com/static/fonts/AgenorNeue-Regular.otf) format("opentype")}@font-face{font-family:Pretendard-Bold;src:url(https://nuuen-bucket.s3.amazonaws.com/static/fonts/Pretendard-Bold.otf) format("opentype")}@font-face{font-family:Pretendard-SemiBold;src:url(https://nuuen-bucket.s3.amazonaws.com/static/fonts/Pretendard-SemiBold.otf) format("opentype")}body{font-family:Pretendard-Bold,sans-serif}h1,h2,h3,h4,h5{font-weight:400;line-height:1.15}h2{font-size:3.157em}.intro{background-color:#fff;display:grid;height:100%;place-items:center;position:fixed;touch-action:none;width:100%;z-index:5}.intro__title{color:#fff;max-width:50%;mix-blend-mode:difference;overflow-wrap:break-word;text-align:center;transform:translateY(160px);word-break:break-word;z-index:2}@media (max-width:768px){.intro__title{font-size:25px;transform:translateY(100px)}}.intro__background{background-color:#000;height:100%;position:absolute;top:0;transform:scaleX(0);width:50%}.intro__background--left{left:0;transform-origin:left center}.intro__background--right{left:50%;transform-origin:right center}#toggle{cursor:pointer;height:21px;position:fixed;right:30px;top:30px;width:30px;z-index:1000}#toggle div.bar,#toggle div.bar:after,#toggle div.bar:before{background:#333;height:3px;width:100%}#toggle div.bar{position:relative;transform:translateY(9px);transition:all .3s ease .3s}#toggle div.bar:before{bottom:9px;content:" ";position:absolute;transition:bottom .3s ease .3s,transform .3s ease}#toggle div.bar:after{content:" ";position:absolute;top:9px;transition:top .3s ease .3s,transform .3s ease}#toggle div.bar.animate{background:hsla(0,0%,100%,0)}#toggle div.bar.animate:after{top:0;transform:rotate(45deg);transition:top .3s ease,transform .3s ease .3s}#toggle div.bar.animate:before{bottom:0;transform:rotate(-45deg);transition:bottom .3s ease,transform .3s ease .3s}#overlay{background:#000;bottom:0;font-size:80px;font-weight:200;left:0;max-height:0;opacity:1;opacity:.8;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s ease,max-height 0s ease .6s;z-index:100}#overlay nav{bottom:250px;left:30px;position:absolute}#overlay nav ul,#overlay nav ul li{display:block;margin:0;padding:0;position:static}#overlay nav ul{padding:30px}#overlay nav ul li{margin-bottom:10px;margin-left:60px;opacity:0;transition:all .9s ease 0s}#overlay nav ul li a{color:#fff;display:inline-block;font-size:80px;font-weight:200;position:relative;text-decoration:none;text-transform:normal;transition:all .6s ease 0s;white-space:nowrap}@media (max-width:768px){#overlay nav ul li a{font-size:50px}}#overlay nav ul li a:after{background:#fff;bottom:-5px;content:" ";height:1px;left:0;position:absolute;transition:all .6s ease 0s;width:0}#overlay nav ul li a:hover:after{opacity:1;width:100%}#overlay nav ul li a:hover{color:#888}#page.overlay #overlay nav ul li:first-child{transition:all .9s ease .6s}#page.overlay #overlay nav ul li:nth-child(2){transition:all .9s ease .8s}#page.overlay #overlay nav ul li:nth-child(3){transition:all .9s ease 1s}#page.overlay #overlay nav ul li:nth-child(4){transition:all .9s ease 1.2s}#page.overlay #overlay nav ul li:nth-child(5){transition:all .9s ease 1.4s}#page.overlay #overlay{bottom:0;left:0;max-height:100vh;opacity:1;opacity:.8;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}#page.overlay #overlay nav ul li{margin-left:0;opacity:1}#myVideo{height:100%;object-fit:fill;touch-action:none;width:100%}.scroll-container{height:100vh;scrollbar-width:none;-ms-overflow-style:none}.scroll-item{height:100vh}.scroll-item__content{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:1.2rem;height:100vh;justify-content:center;text-align:center}.scroll-item__content span{display:block}.scroll-item__inner{border:2px solid #fff;padding:1rem}.scroll-item__inner.is-visible{opacity:1}.scroll-item__bg-image{height:100%;left:0;position:absolute;top:0;width:100%}.scroll-container.no-snap{scroll-snap-type:none}a span{animation:sdb 1.5s infinite;-webkit-animation:sdb 1.5s infinite;border-bottom:1px solid #fff;border-left:1px solid #fff;box-sizing:border-box;cursor:default;height:50px;left:50%;margin:0 auto;pointer-events:none;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:50px}@-webkit-keyframes sdb{0%{opacity:0;-webkit-transform:rotate(-45deg) translate(0)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg) translate(-20px,20px)}}@keyframes sdb{0%{opacity:0;transform:rotate(-45deg) translate(0)}50%{opacity:1}to{opacity:0;transform:rotate(-45deg) translate(-20px,20px)}}.wrapper{--color:#1f242d;--color-invert:#fff;--clip-path:circle(15px at left);--clip-path-hover:circle(70px at left);--clip-path-clicked:circle(100vw at left);--duration:.4s;--timing-function:ease;position:relative;width:100%}.wrapper,.wrapper .video{align-items:center;display:flex;justify-content:center}.wrapper .video{-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path);height:100vh;margin-left:15px;overflow:hidden;transition:-webkit-clip-path var(--duration) var(--timing-function);transition:clip-path var(--duration) var(--timing-function);transition:clip-path var(--duration) var(--timing-function),-webkit-clip-path var(--duration) var(--timing-function)}.wrapper .video video{background:#c4cbde;height:auto;left:50%;min-height:100%;min-width:100%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto}.wrapper .text{font-weight:600;letter-spacing:.2px;opacity:var(--opacity,1);position:relative;text-transform:uppercase;transition:opacity .3s var(--timing-function) .2s}.wrapper .text:after,.wrapper .text:before{bottom:0;content:"";height:0;left:-1px;position:absolute;right:25px}.wrapper .text:before{box-shadow:26px 0 0 1px var(--color);opacity:var(--opacity,0);right:var(--r,100%);transition:right .5s ease-in,opacity .1s linear}.wrapper .text:after{box-shadow:26px 0 0 1px var(--color-invert);-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path);transition:-webkit-clip-path var(--duration) var(--timing-function);transition:clip-path var(--duration) var(--timing-function);transition:clip-path var(--duration) var(--timing-function),-webkit-clip-path var(--duration) var(--timing-function)}.wrapper .text>span:after,.wrapper .text>span:before{content:attr(data-text);padding-left:26px}.wrapper .text>span:before{color:var(--color)}.wrapper .text>span:after{-webkit-clip-path:var(--clip-path);clip-path:var(--clip-path);color:var(--color-invert);left:0;position:absolute;transition:-webkit-clip-path var(--duration) var(--timing-function);transition:clip-path var(--duration) var(--timing-function);transition:clip-path var(--duration) var(--timing-function),-webkit-clip-path var(--duration) var(--timing-function)}.wrapper input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:40px;cursor:pointer;height:40px;left:0;margin:auto;position:absolute;right:0;width:220px;z-index:2}.wrapper input:focus{outline:0}.wrapper input:hover~.video{-webkit-clip-path:var(--clip-path-hover);clip-path:var(--clip-path-hover)}.wrapper input:hover~.text:before{--r:25px;--opacity:1}.wrapper input:hover~.text:after,.wrapper input:hover~.text>span:after{-webkit-clip-path:var(--clip-path-hover);clip-path:var(--clip-path-hover)}.wrapper input:checked{border-radius:0;height:100%;width:100%}.wrapper input:checked~.video{-webkit-clip-path:var(--clip-path-clicked);clip-path:var(--clip-path-clicked)}.wrapper input:checked~.text{--opacity:0;transition:opacity .3s var(--timing-function)}.wrapper input:checked~.text:after,.wrapper input:checked~.text>span:after{-webkit-clip-path:var(--clip-path-clicked);clip-path:var(--clip-path-clicked)}.maintenance{max-width:50vh}@media (max-width:768px){.maintenance{height:50vh;max-width:50vh;width:50vh}}.appear_info{animation:fade-in 4s;animation-fill-mode:forwards;display:inline-block}@keyframes fade-in{0%{opacity:0}to{opacity:1}}:root{--color-text:#000;--color-bg:#000;--color-bg-accent:#fff;--size:clamp(10rem,1rem + 40vmin,30rem);--gap:calc(var(--size)/14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}.marquee{mask-image:linear-gradient(var(--mask-direction,to right),transparent,#000 20%,#000 80%,transparent);overflow:hidden;user-select:none}.marquee,.marquee__group{display:flex;gap:var(--gap)}.marquee__group{align-items:center;animation:scroll-x var(--duration) linear infinite;flex-shrink:0;justify-content:space-around;min-width:100%}.marquee--reverse .marquee__group{animation-delay:-3s;animation-direction:reverse}@keyframes scroll-x{0%{transform:translateX(var(--scroll-start))}to{transform:translateX(var(--scroll-end))}}.marquee img{display:grid;place-items:center;width:var(--size);fill:var(--color-text);aspect-ratio:21/9;background:var(--color-bg-accent);border-radius:.5rem;object-fit:contain;padding:calc(var(--size)/10)}.wrapper-logos{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw}#logos{align-content:center;background-color:var(--color-bg);color:var(--color-text);display:grid;line-height:1.5;min-height:100vh;width:100%}.tool-set{display:flex;flex-wrap:wrap;justify-content:space-around}.tool-set svg{height:auto;margin-bottom:150px;max-width:600px;width:100%}.tool-set svg .text{display:flex;font-size:12px;position:relative;text-align:center}.tool-set svg .tool-1{position:absolute;transform:translate(185px,122px)}.tool-set svg .tool-2{position:absolute;transform:translate(65px,185px)}.tool-set svg .tool-3{position:absolute;transform:translate(65px,320px)}.tool-set svg .tool-4{position:absolute;transform:translate(191px,387px)}.tool-set svg .tool-5{position:absolute;transform:translate(319px,185px)}.tool-set svg .tool-6{position:absolute;transform:translate(319px,320px)}.tool-set svg .tool-scss{position:absolute;transform:translate(65px,190px)}.tool-set svg .tool-git{position:absolute;transform:translate(53px,315px)}.tool-set svg .tool-vscode{position:absolute;transform:translate(185px,390px)}.tool-set svg .tool-css{position:absolute;transform:translate(198px,120px)}@keyframes designTool{0%{stroke-dashoffset:700}10%{stroke-dashoffset:0}70%{stroke-dashoffset:0}90%{stroke-dashoffset:-700}to{stroke-dashoffset:-700}}.design-tool-line{stroke-dasharray:700;stroke-dashoffset:700;animation:designTool 6s ease-out infinite running}btn-logo,btn-logo:after,btn-logo:before{box-sizing:inherit}#sns-logo{align-items:center;display:flex;height:100vh;justify-content:center;min-height:240px;position:relative;width:100%}::selection{background-color:#f3feff;color:#fff}.btn-section{display:flex}.btn-section button{border:none;border-radius:10px;cursor:pointer;height:50px;margin:0 10px;outline:none;overflow:hidden;position:relative;transition:.4s;width:50px}.btn-section button i{font-size:1.5em;position:absolute;transition:.4s}.btn-section .btn-fb{background-color:#ecf0f8bb;color:#3b5998}.btn-section .btn-tw{background-color:#fff;color:#000}.btn-section .btn-ig{background-color:#f4ecf9bb;color:#833ab4}.btn-section .btn-dc{background-color:#fff;color:#7289da}.btn-section .first-logo{opacity:1;top:50%}.btn-section .first-logo,.btn-section .second-logo{left:50%;position:absolute;transform:translate(-50%,-50%)}.btn-section .second-logo{opacity:0;top:calc(50% + 30px)}.btn-section button:hover .first-logo{opacity:0;position:absolute;top:-30px}.btn-section button:hover .second-logo{opacity:1;top:50%}.btn-section button:active{background-color:#ffffff00}.coming-soon{color:#fff;overflow-wrap:break-word;text-align:center;word-break:break-word}@media (max-width:768px){.coming-soon{font-size:25px}}.outline-button_wrapper{flex-direction:row;gap:30px}.outline-button,.outline-button_wrapper{align-items:center;display:flex;justify-content:center}.outline-button{appearance:none;background-color:transparent;border:none;border-radius:0!important;box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.3);color:#fff;cursor:pointer;font-size:1.8rem;max-width:30%;padding:2rem 6rem;position:relative;text-align:center;transition:all .3s ease;white-space:nowrap;width:30%}.outline-button:after,.outline-button:before{content:"";height:0;position:absolute;transition:height .4s cubic-bezier(.86,0,.07,1) .4s,width .4s cubic-bezier(.86,0,.07,1);width:2px}.outline-button:before{bottom:0;box-shadow:inset 2px 2px 0 #fff;left:0}.outline-button:after{box-shadow:inset -2px -2px 0 #fff;right:0;top:0}.outline-button:hover:after,.outline-button:hover:before{height:100%;transition:height .4s cubic-bezier(.86,0,.07,1),width .4s cubic-bezier(.86,0,.07,1) .4s;width:100%}@media (max-width:768px){.outline-button{font-size:1.5rem;padding:1rem 5rem}.outline-button_wrapper{gap:0}}@media (max-width:480px){.outline-button{font-size:1rem;padding:.5rem 4rem}}body.modal-open{overflow:hidden}.modal{align-items:center;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .8s ease,visibility .8s ease;visibility:hidden;z-index:1000}.modal.show{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:1;visibility:visible}.modal__overlay{background:rgba(0,0,0,.6);inset:0;overflow:hidden;position:absolute}.modal__wrapper{box-sizing:border-box;display:block;height:100%;max-height:100vh;overflow-y:auto;padding:10rem 0;width:100%}.modal__content{background:rgba(28,28,28,.9);border-radius:2vw;margin:0 auto;max-width:90%;padding:5rem 3rem 3rem;position:relative;width:50%;z-index:1}.modal__close{color:#fff;cursor:pointer;font-size:var(--font-size-xxxs);font-weight:200;left:50%;position:absolute;top:2rem;transform:translateX(-50%)}.modal__close:hover .link-translate-y-inner{transform:translateY(-1em);transition:.3s}.modal.hiding{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:visible}@media screen and (max-width:767px){.modal__content{width:74%}}.gradient-cover{background:linear-gradient(180deg,hsla(0,0%,100%,0) 30%,#000 70%);height:30vh}#section-1,.gradient-cover{position:relative;z-index:4}#section-1{background-color:#000;height:200vh;padding:10vw 2vw 0}#section-1 .section-body{position:sticky;top:calc(50% - 14vw);width:30vw}#section-1 .section-body .ja-headline{margin-top:var(--mt-l)}#section-1 .section-footer-link{display:flex;justify-content:flex-end;position:sticky;top:calc(50% + 40vh);width:100%}#section-1 .section-circle{align-items:center;display:flex;justify-content:center;position:sticky;top:50%}#section-1 .section-circle .section-circle__inner{position:absolute}#section-1 .section-circle #circle-line{height:42vw;width:42vw}#section-1 .section-1__inner{align-items:center;display:flex;justify-content:center}#section-1 .section-1__inner ul{height:200vh;position:relative}#section-1 .section-1__inner ul li{margin-bottom:6vw;position:sticky;top:calc(50% - 10vw);transition:transform .8s ease-out}#section-1 .section-1__inner ul li>div{align-items:center;border-radius:2vw;cursor:pointer;display:flex;height:20vw;justify-content:center;overflow:hidden;position:relative;width:20vw}#section-1 .section-1__inner ul li>div img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .8s ease!important;width:100%}#section-1 .section-1__inner ul li>div:hover img{transform:translate(-50%,-50%) scale(1.06)}#section-1 .section-1__inner ul li>div .btn{align-items:center;aspect-ratio:1/1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(0,0,0,.4);border-radius:1.2vw;display:flex;font-size:var(--font-size-xxxs);font-weight:200;justify-content:center;position:relative;width:9vw;z-index:1}.section-1__modal .img-box{border-radius:2vw;overflow:hidden}.section-1__modal h2{margin-top:var(--mt-s)}.section-1__modal h2.ja{font-size:var(--font-size-xs);margin-top:0}.section-1__modal .modal__inner{font-size:var(--font-size-xxs);margin-top:var(--mt-s)}@media screen and (max-width:1024px){#section-1 .section-body{height:80vh;top:14vw;width:70%}#section-1 .section-body .ja-headline,#section-1 .section-body .ja-txt{width:26vw}#section-1 .section-circle #circle-line{height:70vw;width:70vw}#section-1 .section-1__inner ul li{top:calc(50% - 15vw)}#section-1 .section-1__inner ul li>div{height:30vw;width:30vw}#section-1 .section-1__inner ul li>div .btn{width:12vw}}@media screen and (max-width:767px){#section-1 .section-body{height:auto;margin-bottom:10vw;position:relative;top:0;width:100%}#section-1 .section-body .ja-headline,#section-1 .section-body .ja-txt{width:100%}#section-1 .section-circle #circle-line{height:88vw;width:88vw}#section-1 .section-1__inner{padding-bottom:14vw}#section-1 .section-1__inner ul li{top:calc(50% - 24vw)}#section-1 .section-1__inner ul li>div{height:48vw;width:48vw}#section-1 .section-1__inner ul li>div .btn{width:22vw}}#section-4{margin-top:10vw}#section-4 .section-body{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:var(--mb-m)}#section-4 .cards-container{align-items:center;display:flex;width:100vw}#section-4 .cards__inner{display:flex;gap:10px;width:100%}#section-4 .cards__inner .photo__mask{animation:reveal-mask 1.5s cubic-bezier(.23,1,.32,1) forwards;transform:scale(1)}#section-4 .cards__inner .card{cursor:pointer;flex:1;height:40vh;overflow:hidden;position:relative;transition:flex-grow .3s ease-out}#section-4 .cards__inner .card h3{color:#fff;font-size:var(--font-size-lg);left:30px;mix-blend-mode:difference;position:absolute;top:30px;writing-mode:vertical-rl}#section-4 .cards__inner .card .txt-box{bottom:30px;color:#fff;display:none;mix-blend-mode:difference;position:absolute;right:30px}#section-4 .cards__inner .card.active .txt-box{display:block}#section-4 .cards__inner .card .txt-box .catch{font-size:var(--font-size-xxs)}#section-4 .cards__inner .card .txt-box .btn{font-size:var(--font-size-xxxs);margin-top:10px}#section-4 .cards__inner .cards-container video{height:100%;object-fit:cover;width:100%}@media screen and (max-width:1024px){#section-4 .cards__inner{display:block}}@media screen and (max-width:767px){#section-4 .section-body{display:block}#section-4 .section-body .en-body{width:100%}#section-4 .section-body .ja-body{margin-top:var(--mt-l);width:100%}}video{width:100%}