#top{height:100dvh}.g-glow-wide{pointer-events:none;z-index:0;background:radial-gradient(140% 100% at 50% 100%,#cdede4 0%,#dcf2ec 28%,#ecf8f5 52%,#ecf8f500 78%);height:40%;position:absolute;bottom:0;left:0;right:0}.g-halo{pointer-events:none;background:radial-gradient(closest-side,#d3efe8 0%,#e3f4f0 55%,#e3f4f000 100%);border-radius:50%;position:absolute;inset:6% 2%}.g-boss{filter:grayscale()brightness(1.04);transform-origin:50% 60%;transition:filter .5s,transform .6s cubic-bezier(.2,.7,.2,1);transform:scale(.7)}.g-halo{filter:grayscale();transition:filter .5s}.g-two>figure:hover .g-boss,.g-two>figure:hover .g-halo{filter:none}.g-two>figure:hover .g-boss{transform:scale(.86)}@media (hover:none){.g-boss,.g-halo{filter:none}.g-boss{transform:scale(.86)}}.g-boss-name{letter-spacing:.01em;color:#a3a7ab;font:600 28px/1 SUITE,sans-serif;transition:color .5s}.g-two>figure:hover .g-boss-name-will{color:#98086b}.g-two>figure:hover .g-boss-name-jin{color:#24310a}@media (hover:none){.g-boss-name-will{color:#98086b}.g-boss-name-jin{color:#24310a}}@media (prefers-reduced-motion:reduce){.g-boss-name{transition:none}}.g-boss-bg{isolation:isolate;aspect-ratio:16/9;position:relative;container-type:inline-size}.g-boss-bg:before,.g-boss-bg:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.g-boss-bg:before{background:radial-gradient(closest-side,#f8f8f8 0% 45%,#f8f8f800 100%)}.g-boss-bg:after{opacity:0;background:radial-gradient(closest-side,#f3faf8 0% 45%,#f3faf800 100%);transition:opacity .5s}.g-boss-bg:has(figure:hover):after{opacity:1}@media (hover:none){.g-boss-bg:after{opacity:1}}@media (prefers-reduced-motion:reduce){.g-boss,.g-halo,.g-boss-bg:after{transition:none}}.g-mail{color:#111;letter-spacing:-.03em;align-items:center;min-height:44px;margin:0 0 16px;padding:0 2px;font:600 28px/1.35 SUITE,sans-serif;text-decoration:none;transition:color .25s;display:inline-flex}.g-mail:hover{color:#2e6b67}.g-mail:focus-visible{outline-offset:6px;outline:2px solid #3e8f8a}@media (width<=480px){.g-mail{font-size:22px}}@media (prefers-reduced-motion:reduce){.g-mail{transition:none}}.g-circ{background:#fffc;border:1px solid #1113;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:124px;height:124px;text-decoration:none;display:inline-flex;position:relative}.g-circ-ring{width:100%;height:100%;animation:16s linear infinite gSpin;position:absolute;inset:0}.g-circ-ring text{letter-spacing:.12em;fill:#111;font:600 10.5px Pretendard,sans-serif}@keyframes gSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.g-circ-ring{animation:none}}.g-thumb-wrap{width:calc(100% - 174px);max-width:800px;margin-left:174px}.g-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(16px,3cqw,24px);height:100%;display:grid}.g-two>figure{min-width:0;height:100%}.g-boss-bg .g-boss-name{font-size:clamp(18px,3.2cqw,26px)}.g-sec{border-top:1px solid #e6e8e9;border-bottom:1px solid #e6e8e9;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.g-sec-head{text-align:center;border-right:1px solid #e6e8e9;padding:96px clamp(16px,2vw,32px)}.g-sec-body{box-sizing:border-box;justify-self:center;width:100%;max-width:calc(974px + clamp(24px,4vw,64px) + clamp(16px,4vw,56px));padding:96px clamp(16px,4vw,56px) 96px clamp(24px,4vw,64px)}@media (width>=861px){.g-lead-p>div:first-child>div,.g-proj-line>div:first-child>div{flex:1 1 0!important}#portfolio .g-sec-body{justify-self:stretch;max-width:none;padding-left:48px}#portfolio .g-proj-line{margin-left:-48px;padding-left:48px}}.g-sec-head h2{font-size:60px}@media (width>=861px){.g-sec-head h2{white-space:nowrap;font-size:min(60px,4.1667vw);position:sticky;top:220px}.g-sec-head{text-align:left;padding-left:var(--home-title-inset)}#about .g-sec-head{padding-top:156px;padding-bottom:152px}#experience .g-sec-head,#portfolio .g-sec-head{padding-top:157px;padding-bottom:153px}#about .g-sec-body,#experience .g-sec-body,#portfolio .g-sec-body{padding-top:160px;padding-bottom:160px}.g-boss-link{width:100%;max-width:800px;margin-inline:auto;container-type:inline-size}.g-boss-bg{--visual-gap:clamp(16px,3cqw,24px);--visual-name:clamp(18px,3.2cqw,26px);margin-bottom:calc(-28.125cqw + .38 * ((100cqw - var(--visual-gap)) / 2 - var(--visual-name) - 8px))}#about .g-cnst-map{margin-bottom:calc(3.5px - 8.14571cqw)}}@media (width>=861px) and (width<=1000px){#about .g-cnst-map{margin-bottom:calc(28.1px - 8.14571cqw)}}@media (width<=860px){.g-lead-a{margin-top:clamp(32px,3vw,44px)!important}.g-lead-e{padding-top:calc(clamp(56px,6vw,88px) + clamp(32px,3vw,48px))!important}.g-lead-p{margin-top:0!important;padding-top:clamp(32px,3.5vw,48px)!important}.g-sec{grid-template-columns:minmax(0,1fr)}.g-sec-head{border-bottom:1px solid #e6e8e9;border-right:0}.g-sec-body{padding-left:clamp(16px,4vw,56px)}}.g-proj-line{border-top:1px solid #e6e8e9;margin-left:calc(-1*clamp(24px,4vw,64px));margin-right:calc(-1*clamp(16px,4vw,56px));padding-left:clamp(24px,4vw,64px);padding-right:clamp(16px,4vw,56px)}.g-hero-moon{pointer-events:none;width:clamp(46px,4.4vw,64px);height:auto;position:absolute;top:46px;right:calc(clamp(24px,5vw,80px) + 16px);overflow:visible}.qm-moon{transform-origin:300px 300px;animation:9s ease-in-out infinite qm-float}@keyframes qm-float{0%,to{transform:translateY(5px)rotate(-2deg)}50%{transform:translateY(-6px)rotate(1deg)}}.qm-spin{transform-box:fill-box;transform-origin:50%;animation:8s linear -1.667s infinite qm-rotate}@keyframes qm-rotate{to{transform:rotate(360deg)}}.g-hero-star{pointer-events:none;transform-origin:50%;height:auto;animation:8s linear infinite qm-rotate;position:absolute}.g-hero-star-a{width:26px;animation-delay:-4.333s;bottom:69px;left:calc(clamp(24px,5vw,80px) + 23px)}@media (width<=860px){.g-hero-star-a{display:none}.g-hero-moon{margin:0 auto 14px;display:block;position:relative;top:auto;right:auto}}.g-close{isolation:isolate;position:relative}.g-close-text,#contact>.g-close-star{position:relative}.g-contact{margin-top:96px;position:relative}.g-close-star{width:22px;height:auto;margin:0 auto;animation:8s linear infinite qm-rotate;display:block}.g-close-star-t{margin-bottom:24px;animation-delay:-1.2s}@media (prefers-reduced-motion:reduce){.qm-moon,.qm-spin,.g-hero-star,.g-close-star{animation:none!important}}.g-cnst{text-align:left;color:#111;width:100%;container-type:inline-size}.g-cnst-map{--B:min(440px,60cqw,calc(100cqw - 300px));--ox:calc((100cqw - var(--B)) / 2 - 55px);--oy:35px;--pace:1.32;height:calc(var(--B) * 1171 / 815 + 140px);position:relative}.g-cnst-edge,.g-cnst-dot,.g-cnst-sub,.g-cnst-label{left:calc(var(--ox) + var(--B) * var(--x) / 815);top:calc(var(--oy) + var(--B) * var(--y) / 815);position:absolute}.g-cnst-edge{width:calc(var(--B) * var(--len) / 815);transform-origin:0;height:1.1px;transform:translateY(-50%) rotate(var(--a));pointer-events:none;background:#111}.g-cnst-base{opacity:.12;height:1px}.g-cnst-dot,.g-cnst-sub{pointer-events:none;background:#111;border-radius:50%;transform:translate(-50%,-50%)}.g-cnst-dot{z-index:2;width:7px;height:7px}.g-cnst-dot-lg{width:9px;height:9px}.g-cnst-sub{width:4.8px;height:4.8px}.g-cnst-label{--lx:32px;--ly:-14px;width:max-content;max-width:min(270px,calc(100cqw - var(--ox) - var(--B) * var(--x) / 815 - var(--lx) - 8px));transform:translate(var(--lx),var(--ly));isolation:isolate;letter-spacing:0;word-break:keep-all;color:#111;margin:0;font:400 17px/1.8 Pretendard,sans-serif}.g-cnst-key{white-space:nowrap;isolation:isolate;font-weight:600;display:inline-block;position:relative}.g-cnst-key:before{content:"";z-index:-1;pointer-events:none;filter:blur(7px);background:radial-gradient(at 48%,#7fddc057 0%,#a2e9d438 32%,#cff6e917 57%,#0000 76%);position:absolute;inset:-.75em -1.5em}@container (width<=599.98px){.g-cnst-map{--B:60cqw;--ox:10cqw;--pace:1;height:calc(var(--B) * 1171 / 815 + 145px)}.g-cnst-label-end{--lx:-45px;--ly:30px}}@container (width>=600px) and (width<=739.98px){.g-cnst-map{--pace:1.1}}@media (width<=1000px){.g-cnst-label{font-size:15px}}@media (width<=700px){.g-cnst-label{max-width:min(180px,calc(100cqw - var(--ox) - var(--B) * var(--x) / 815 - var(--lx) - 8px));font-size:14px}}.g-cnst.is-pending .g-cnst-draw{transform:translateY(-50%) rotate(var(--a)) scaleX(0)}.g-cnst.is-pending .g-cnst-dot,.g-cnst.is-pending .g-cnst-sub,.g-cnst.is-pending .g-cnst-label{opacity:0}.g-cnst.is-revealed .g-cnst-draw{animation:g-cnst-line calc(1s * var(--pace)) cubic-bezier(.25,.1,.25,1) both;animation-delay:calc(var(--d) * var(--pace))}.g-cnst.is-revealed .g-cnst-dot,.g-cnst.is-revealed .g-cnst-sub,.g-cnst.is-revealed .g-cnst-label{animation:g-cnst-show calc(.65s * var(--pace)) ease both;animation-delay:calc(var(--d) * var(--pace))}.g-cnst-label{transform-origin:0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.g-cnst-label:after{content:"";position:absolute;inset:-20px -24px -20px -48px}.g-cnst.is-done .g-cnst-label:hover{transform:translate(var(--lx),var(--ly)) scale(1.08)}@media (hover:none){.g-cnst.is-done .g-cnst-label:hover{transform:translate(var(--lx),var(--ly))}}@keyframes g-cnst-line{0%{transform:translateY(-50%) rotate(var(--a)) scaleX(0)}to{transform:translateY(-50%) rotate(var(--a)) scaleX(1)}}@keyframes g-cnst-show{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.g-cnst .g-cnst-draw,.g-cnst .g-cnst-dot,.g-cnst .g-cnst-sub,.g-cnst .g-cnst-label{opacity:1!important;animation:none!important}.g-cnst-label{transition:none}.g-cnst .g-cnst-draw{transform:translateY(-50%) rotate(var(--a))!important}}@media (width<=860px){.g-nav a{white-space:nowrap;padding:0 6px;font-size:14px}.p-head{padding:42px 0 40px}.p-head h1{font-size:clamp(30px,5vw,44px)!important;line-height:1.15!important}.p-sec{padding-left:20px;padding-right:20px}.p-sec p,.p-other p{font-size:16px!important}.p-h2{font-size:32px}#overview{padding-top:44px;padding-bottom:42px}#work,#decisions{padding-top:44px;padding-bottom:0}#work>.p-h2,#decisions>.p-h2{margin-bottom:42px}.p-dtext{gap:16px;padding-top:44px;padding-bottom:42px}.p-dtext h3,.p-other h3{font-size:24px!important}.p-flip{margin-left:-20px;margin-right:-20px}.p-other{flex-wrap:nowrap;align-items:flex-start;gap:24px;padding:42px 20px}.p-other>div{flex:1 1 0!important}.p-other .g-circ{width:80px;height:80px}.p-frame>div>h2{font-size:32px!important}}@media (width<=600px){.g-nav{flex-direction:column;align-items:stretch;padding:8px 16px}.g-nav>a{align-self:flex-start;min-height:32px;font-size:18px!important}.g-nav>div{justify-content:space-between;width:100%;gap:0!important}.g-nav>div a{letter-spacing:.01em;min-height:44px;padding:0 3px;font-size:12px}section[id]{scroll-margin-top:92px}.p-band[style]{padding-top:93px!important}}@media (width<=860px){#top{height:clamp(600px,100svh,900px)!important;padding:0 20px!important}#top>div[style]{max-width:100%;padding:32px 0!important}#top h1{white-space:nowrap;font-size:clamp(30px,9.4vw,70px)!important;line-height:1.05!important}.g-hero-moon{width:44px;margin-bottom:24px}.g-sec-head{padding:32px 20px}.g-sec-head h2{white-space:nowrap;font-size:clamp(28px,8.2vw,44px);line-height:1.1}.g-sec-body{max-width:848px;padding:48px 24px}.g-sec-body p{font-size:16px!important}.g-sec-body h3{font-size:24px!important}#about .g-sec-body>p:first-of-type{margin:0 0 64px!important}#about .g-sec-body>div:nth-of-type(2){margin-top:32px!important}#about .g-sec-body>p:nth-of-type(2){margin:64px 0 0!important}#about .g-cnst{margin-top:64px!important}.g-cnst-map{--B:48cqw;--ox:2cqw;height:calc(var(--B) * 1171 / 815 + 145px)}.g-cnst-label{max-width:min(180px,calc(100cqw - var(--ox) - var(--B) * var(--x) / 815 - var(--lx) - 8px));font-size:14px}.g-cnst-label-end{--lx:-30px;--ly:30px}.g-lead-e{margin-top:0!important;padding:0!important}#experience .g-sec-body>div:nth-child(2){margin-top:40px}#experience h3{margin-bottom:48px!important}.g-boss-bg{margin-top:48px!important}.g-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.g-boss-name{font-size:20px}.g-lead-p{padding:0 0 48px!important}.g-lead-p>div:first-child,.g-proj-line>div:first-child{flex-wrap:nowrap!important;margin-bottom:32px!important}.g-sec-body .g-circ{width:80px;height:80px}.g-thumb-wrap{max-width:100%;margin-left:0;width:100%!important}.g-proj-line{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;padding-top:48px!important;padding-bottom:48px!important}.g-proj-line:last-child{padding-bottom:0!important}.g-label,.g-sec-body span[style*="17px"]{font-size:13px!important}#contact{min-height:640px;padding-top:96px;padding-bottom:160px;height:auto!important}.g-close-text{font-size:22px!important;line-height:1.6!important}.g-contact{margin-top:64px}#contact footer{font-size:12px}#contact footer .g-label{line-height:1.7;font-size:11px!important}.g-lead-p>div:first-child,.g-proj-line>div:first-child{text-align:center;flex-direction:column;gap:40px;align-items:center!important}.g-lead-p>div:first-child>div,.g-proj-line>div:first-child>div{width:100%;flex:none!important}.g-lead-p>div:first-child>div>div,.g-proj-line>div:first-child>div>div{justify-content:center}.g-sec-head h2,.p-h2,.p-frame>div>h2{font-size:28px!important}.g-sec-body h3,.p-dtext h3,.p-other h3{font-size:22px!important}.g-sec-body p,.p-sec p,.p-other p{font-size:16px!important;line-height:1.65!important}#about .g-sec-body>p:first-of-type{font-size:22px!important;line-height:1.35!important}.g-contact p{font-size:14px!important}.g-cnst-label{font-size:14px!important;line-height:1.8!important}.p-num{font-size:22px}.g-mobile-game-break,.g-mobile-copy-break{display:block}.g-footer-divider,.g-desktop-copy-break{display:none}.g-lead-a br.g-desktop-copy-break:after{content:" "}.g-cnst-label{transition:none}.g-cnst.is-done .g-cnst-label:hover{transform:translate(var(--lx),var(--ly))}.g-boss,.g-two>figure:hover .g-boss{filter:none;transition:none;animation:none;transform:scale(.86)}.g-halo,.g-two>figure:hover .g-halo{filter:none;transition:none;animation:none}.g-boss-name{transition:none;animation:none}.g-boss-name-will,.g-two>figure:hover .g-boss-name-will{color:#98086b}.g-boss-name-jin,.g-two>figure:hover .g-boss-name-jin{color:#24310a}.g-boss-bg:after{opacity:1;transition:none;animation:none}}@media (width>=701px){.g-cnst{max-width:800px;margin-left:auto;margin-right:auto}#about .g-cnst-map{--B:30cqw;--ox:20cqw;--oy:5cqw;--pace:1;aspect-ratio:16/9;height:auto}#about .g-cnst-label{--lx:24px;--ly:-14px;max-width:min(270px,calc(100cqw - var(--ox) - var(--B) * var(--x) / 815 - var(--lx) - 8px));font-size:17px;line-height:1.65}#about .g-cnst-label-end{--ly:-28px}}