@font-face{font-display:swap;font-family:Paperozi;font-weight:100;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperozi;font-weight:200;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperozi;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperozi;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperozi;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperozi;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperozi;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperozi;font-weight:800;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Paperozi;font-weight:900;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2) format("woff2")}.App{font-family:Paperozi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory}.App,.page{height:100vh;position:relative;width:100vw}.page{align-items:center;display:flex;justify-content:center;scroll-snap-align:start}.page-1{overflow:hidden;padding-top:0}.page-1:before{animation:flipBackground 2s steps(1) infinite;background-image:url(/static/media/%ED%95%AB%EC%86%8C%EC%8A%A4%EB%B0%B0%EA%B2%BD.ea749c853a15bc24bc98.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:brightness(.9);left:0;position:absolute;right:0;top:0;z-index:-1}@keyframes flipBackground{0%{transform:scaleX(1) scaleY(1)}25%{transform:scaleX(-1) scaleY(1)}50%{transform:scaleX(1) scaleY(-1)}75%{transform:scaleX(-1) scaleY(-1)}}.page-2{background:#140605;color:#fff;display:block;overflow:hidden;padding:0}.page-2:before{background-image:url(/static/media/%ED%95%AB%EC%86%8C%EC%8A%A4%EB%B0%B0%EA%B2%BD.ea749c853a15bc24bc98.jpg);background-position:50%;background-size:cover;content:"";filter:brightness(.28) saturate(1.15);inset:0;position:absolute;z-index:0}.page-content{height:100%;margin:0;max-width:none;position:relative;text-align:left;width:100%;z-index:10}.profiles-container{grid-gap:3px;box-sizing:border-box;display:grid;gap:3px;grid-template-columns:repeat(4,minmax(0,1fr));height:100%;padding:0;width:100%}.landing-stage{inset:0;overflow:hidden;position:absolute}.landing-center,.landing-stage,.landing-stage>*{pointer-events:none}.landing-center{inset:0;position:absolute;z-index:20}.container{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:relative;width:100%}.container>*{pointer-events:auto}.mobile-info{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;min-height:100vh;position:relative;text-align:center;width:100%}.mobile-message{color:#fff;font-size:1.2rem;line-height:1.6;margin:0;pointer-events:none;text-shadow:1px 1px 3px #0006}.mobile-logo-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.fade-away{animation:mobileMessageFade 4.5s ease-in-out .8s forwards;opacity:1}@keyframes mobileMessageFade{0%,40%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (max-width:1024px){.profiles-container{gap:8px}}@media (max-width:768px){.App{padding:0;scroll-snap-type:none}.App,.page{height:auto;min-height:100vh}.page{align-items:center;flex-direction:column;padding:100px 4vw 60px}.page-1{padding:110px 0 80px;position:relative}.page-1:before{background-position:top;bottom:0}.page-2{height:auto;min-height:100vh;overflow:visible;padding:0}.page-content{height:auto;padding-bottom:0}.page-2 .page-content{padding:110px 16px 40px;text-align:center}.container{gap:24px;justify-content:flex-start;min-height:auto;padding:0 0 80px;pointer-events:auto}.container,.profiles-container{align-items:center;flex-direction:column;height:auto}.profiles-container{display:flex;gap:16px;padding:0}.desktop-only{display:none}.mobile-info{display:flex;min-height:calc(100vh - 110px);padding:40px 20px 0}.mobile-message{font-size:1rem}}@media (max-width:480px){.page{padding:90px 16px 50px}.page-2{padding:0}.mobile-info{gap:24px;min-height:calc(100vh - 100px);padding:30px 16px 0}.mobile-message{font-size:.95rem;line-height:1.5}}@media (max-width:360px){.mobile-info{min-height:calc(100vh - 90px);padding:24px 12px 0}.mobile-message{font-size:.9rem}}@media (max-width:1024px) and (orientation:landscape){.App{padding-left:0}.page{box-sizing:border-box;margin:0 0 0 110px;overflow:hidden;padding:0;width:calc(100vw - 110px)}.page,.page-1{align-items:center;display:flex;justify-content:center;min-height:100vh}.page-1:before{left:-110px}.desktop-only,.page-2{display:none}.mobile-info{flex-direction:column;gap:24px;margin:0;max-width:600px;min-height:100vh;padding:0 32px}.mobile-info,.mobile-logo-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.mobile-message{color:#fff;font-size:1.1rem;line-height:1.5;position:relative;text-align:center;text-shadow:3px 3px 8px #000000e6}}.navigation{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:none;font-family:Paperozi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;left:0;padding:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navigation:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:2px solid #ff6b35}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:10px 20px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-logo{filter:drop-shadow(0 2px 4px rgba(255,107,53,.3));height:60px;width:auto}.nav-menu{display:flex;gap:30px}.nav-link{border-radius:20px;color:#fff;font-size:16px;font-weight:700;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ff6b351a;color:#ff6b35;transform:translateY(-2px)}.nav-link:before{background:#ff6b35;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover:before{width:80%}@media (max-width:768px){.nav-container{align-items:center;flex-direction:column;gap:8px;justify-content:center;padding:12px 18px}.nav-logo{height:36px}.nav-menu{gap:18px;justify-content:center;width:100%}.nav-link{font-size:14px;padding:6px 14px}}@media (max-width:480px){.navigation{background:#000000d9;border-bottom:2px solid #ff6b3599}.nav-container{gap:6px;padding:10px 14px}.nav-menu{gap:12px}.nav-link{font-size:12px;padding:4px 8px}}@media (max-width:1024px) and (orientation:landscape){.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:none;border-right:2px solid #ff6b35;bottom:0;height:100vh;left:0;position:fixed;right:auto;top:0;width:110px}.nav-container{align-items:center;flex-direction:column;gap:24px;height:100%;justify-content:flex-start;padding:24px 12px}.nav-logo{height:48px}.nav-menu{align-items:center;flex-direction:column;gap:16px;width:100%}.nav-link{padding:8px 0;text-align:center;width:100%}}.logo-container{animation:float 3s ease-in-out infinite;left:50%;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:30}.logo{cursor:pointer;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:auto;pointer-events:auto;transition:transform .3s ease;width:min(52vw,78vh)}.logo:hover{transform:scale(1.05)}@keyframes float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}.landing-center .logo-container{z-index:2}@media (max-width:768px){.landing-center .logo-container,.logo-container{align-items:center;animation:none;display:flex;justify-content:center;left:auto;margin:0 auto 24px;max-width:540px;position:relative;top:auto;transform:none;width:100%}.landing-center .logo,.logo{animation:none;display:block;margin:0 auto;width:clamp(150px,44vw,190px)}}@media (max-width:480px){.landing-center .logo,.logo{width:clamp(130px,42vw,170px)}}@media (max-width:360px){.landing-center .logo,.logo{width:clamp(110px,40vw,150px)}}@media (max-width:1024px) and (orientation:landscape){.landing-center .logo-container,.logo-container{align-items:center;animation:none;display:flex;justify-content:center;margin:0;padding:0;position:static;transform:none;width:100%}.landing-center .logo,.logo{display:block;width:clamp(180px,28vh,240px)}}.character{height:fit-content;pointer-events:none;position:absolute;width:fit-content;z-index:5}.character-image{display:block;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));height:auto;pointer-events:auto;transition:transform .3s ease;width:auto}.character-image.hovering{transform:scale(1.04)}.character-name{background:#000c;border-radius:15px;bottom:-30px;color:#fff;font-size:12px;font-weight:700;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}.character-left{bottom:0;left:0;top:auto;transform:none;z-index:50}.character-left .character-image{height:min(96vh,140vmin);transform-origin:bottom left;width:auto}.character-left .character-image.hovering{transform:scale(1.04)}.character-right{bottom:0;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000008c 92%,#0000 98%);mask-image:linear-gradient(90deg,#000 86%,#0000008c 92%,#0000 98%);right:0;top:auto;transform:translateX(13%);z-index:35}.character-right .character-image{height:min(100vh,148vmin);transform-origin:bottom right;width:auto}.character-right .character-image.hovering{transform:scale(1.04)}.character-bottom{bottom:0;left:50%;transform:translate(-50%,32%);z-index:60}.character-bottom .character-image{height:min(70vh,96vmin);transform-origin:bottom center;width:auto}.character-bottom .character-image.hovering{transform:scale(1.04)}.landing-center .character-top{bottom:auto;left:calc(50% - .55vw);margin:0;pointer-events:none;position:absolute;top:calc(50% - 1.5vh);transform:translate(-50%,-100%);z-index:1}.landing-center .character-top .character-image{filter:brightness(1.1) drop-shadow(0 5px 15px rgba(0,0,0,.2));height:auto;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000008c 86%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000008c 86%,#0000);pointer-events:auto;transform-origin:center bottom;width:min(44vw,64vh)}.landing-center .character-top .character-image.hovering{transform:scale(1.04)}@media (max-width:768px){.character{align-items:center;display:flex;justify-content:center;margin:12px auto;position:static;width:100%}.character-image{height:auto;width:clamp(140px,48vw,200px)}.character-bottom,.character-left,.character-right,.character-top{bottom:auto;left:auto;right:auto;top:auto;transform:none}.character-bottom .character-image,.character-left .character-image,.character-right .character-image,.character-top .character-image{height:auto;width:clamp(140px,48vw,200px)}.character-name{margin-top:6px;opacity:1;position:static;transform:none}}@media (max-width:480px){.character-bottom .character-image,.character-image,.character-left .character-image,.character-right .character-image,.character-top .character-image{width:clamp(120px,44vw,160px)}.character-name{font-size:11px;padding:4px 10px}}@media (max-width:360px){.character-bottom .character-image,.character-image,.character-left .character-image,.character-right .character-image,.character-top .character-image{width:clamp(105px,42vw,140px)}}@media (max-width:768px) and (orientation:landscape){.character,.character-image{display:none!important}}.member-card{cursor:pointer;font-family:Paperozi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:0;perspective:1400px}.member-card,.member-card-inner{height:100%;position:relative;width:100%}.member-card-inner{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.member-card-inner.is-flipped{transform:rotateY(180deg)}.member-card-face{backface-visibility:hidden;background:#111;inset:0;overflow:hidden;position:absolute}.member-card-front{background:#1a0a08}.member-photo{display:block;height:100%;object-fit:cover;object-position:center top;transition:transform .45s ease,filter .45s ease;width:100%}.member-card:hover .member-photo{filter:saturate(1.08);transform:scale(1.05)}.member-card-front:after{background:linear-gradient(0deg,#0003 0,#0000 42%);content:"";inset:0;pointer-events:none;position:absolute}.member-card-meta{background:linear-gradient(0deg,#000000eb 0,#00000059 55%,#0000);bottom:0;left:0;padding:48px 18px 20px;position:absolute;right:0;z-index:2}.member-nick{color:#3fd0c9;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0 0 4px;text-transform:uppercase}.member-name{color:#fff;font-size:clamp(1.6rem,2.4vw,2.4rem);font-weight:900;line-height:1;margin:0}.member-card-back{align-items:flex-end;background:linear-gradient(160deg,#140605b8,#140605e0),url(/static/media/%ED%95%AB%EC%86%8C%EC%8A%A4%EB%B0%B0%EA%B2%BD.ea749c853a15bc24bc98.jpg) 50% /cover;color:#fff;display:flex;transform:rotateY(180deg)}.member-back-stamp{color:#ffffff14;font-size:clamp(4rem,8vw,7rem);font-weight:900;left:-6%;letter-spacing:-.04em;margin:0;pointer-events:none;position:absolute;top:18%;transform:rotate(-12deg)}.member-back-copy{padding:28px 22px 26px;position:relative;width:100%;z-index:1}.member-back-nick{color:#3fd0c9;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0 0 6px}.member-back-name{font-size:clamp(1.7rem,2.3vw,2.3rem);font-weight:900;line-height:1;margin:0 0 4px}.member-back-en{color:#ffffff8c;font-size:.82rem;letter-spacing:.08em;margin:0 0 22px;text-transform:uppercase}.member-facts{grid-gap:12px;display:grid;gap:12px;margin:0}.member-facts>div{grid-gap:10px;align-items:baseline;border-bottom:1px solid #ffffff29;display:grid;gap:10px;grid-template-columns:72px 1fr;padding-bottom:10px}.member-facts dt{color:#ffb39a;font-size:.72rem;font-weight:700;letter-spacing:.12em;margin:0}.member-facts dd{font-size:1rem;font-weight:700;margin:0}@media (max-width:768px){.member-card{height:68vw;max-height:520px;min-height:360px;width:min(92vw,420px)}.member-back-name,.member-name{font-size:1.7rem}}@media (max-width:768px) and (orientation:landscape){.member-card{display:none!important}}@media (max-width:480px){.member-card{height:78vw;min-height:320px;width:92vw}}
/*# sourceMappingURL=main.20ea7a01.css.map*/