@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nanum Pen Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nanum-pen-script-latin-400-normal-_AdqYBm1.woff2)format("woff2"),url(/assets/nanum-pen-script-latin-400-normal-CEV0Fmsy.woff)format("woff")}:root{--background-rgb:41 41 41;--foreground-rgb:255 255 255;--shadow-rgb:0 0 0;color:rgb(var(--foreground-rgb));background:rgb(var(--background-rgb));font-synthesis:none;text-rendering:optimizelegibility;font-family:Geist Variable,Geist,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:rgb(var(--background-rgb))}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img,picture,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-shell{background:rgb(var(--background-rgb));isolation:isolate;width:100%;height:100%;position:relative}.canvas-viewport{background-image:radial-gradient(circle, rgb(var(--foreground-rgb) / 8%) .75px, transparent 1px);background-position:var(--canvas-grid-x,0) var(--canvas-grid-y,0);background-size:var(--canvas-grid-size,10px) var(--canvas-grid-size,10px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.canvas-viewport.is-resetting{transition:background-position .46s cubic-bezier(.22,1,.36,1),background-size .46s cubic-bezier(.22,1,.36,1)}.canvas-viewport.is-dragging{cursor:grabbing}.canvas-world{transform-origin:0 0;width:1px;height:1px;position:absolute;top:0;left:0}.canvas-world.is-resetting{transition:transform .46s cubic-bezier(.22,1,.36,1)}.home-frame{width:1px;height:1px;position:relative}.hero-composition{z-index:1;position:absolute;top:0;left:0}.intro-title{width:580px;margin:0;position:absolute;top:230px;left:200px}.intro-title-copy{color:#0000;background:linear-gradient(131deg, rgb(var(--foreground-rgb) / 95%) 3.4%, #9ea1a5f2 63.6%);letter-spacing:-1.4px;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:580px;font-size:70px;font-weight:500;line-height:1.2;display:block}.designer-intro{align-items:flex-start;gap:100px;display:flex;position:absolute;top:190px;left:1220px}.designer-photo-frame{flex:none;width:237px;height:269px;position:relative}.photo-stack{isolation:isolate;width:220px;height:254px;position:relative}.photo-stack-card{color:#4963c4;width:220px;height:254px;box-shadow:inset 0 1px 0 #ffffffdb, inset 0 -1px 0 rgb(var(--shadow-rgb) / 7%), 0 10px 12px rgb(var(--shadow-rgb) / 24%);cursor:grab;touch-action:none;transform-origin:50%;-webkit-user-select:none;user-select:none;will-change:transform;background:linear-gradient(145deg,#ffffff9e,#0000 42%),linear-gradient(#fff 0%,#fafaf7 100%);border:0;border-radius:4px;outline:none;flex-direction:column;padding:10px;display:flex;position:absolute;inset:0}.photo-stack-card.is-active{box-shadow:0 16px 22px rgb(var(--shadow-rgb) / 30%)}.photo-stack-card.is-dragging{cursor:grabbing}.photo-stack-card:focus-visible{outline-offset:4px;outline:2px solid #91a8ff}.photo-stack-image,.photo-stack-placeholder{object-fit:cover;pointer-events:none;border-radius:2px;flex:none;width:200px;height:197px}.photo-stack-placeholder{color:rgb(var(--foreground-rgb) / 48%);background:rgb(var(--foreground-rgb) / 34%);letter-spacing:.08em;place-items:center;font-family:Geist Mono Variable,Geist Mono,monospace;font-size:11px;display:grid}.photo-stack-placeholder.placeholder-2{background:rgb(var(--foreground-rgb) / 28%)}.photo-stack-placeholder.placeholder-3{background:rgb(var(--foreground-rgb) / 38%)}.photo-stack-placeholder.placeholder-4{background:rgb(var(--foreground-rgb) / 31%)}.photo-stack-card p{letter-spacing:-.05em;white-space:nowrap;justify-content:center;align-items:center;min-width:200px;min-height:37px;margin:0;font-family:Nanum Pen Script,cursive;font-size:27px;font-weight:400;line-height:normal;display:flex}.bio-panel{border:1px dashed rgb(var(--foreground-rgb) / 12%);border-radius:8px;flex-direction:column;flex:none;align-items:flex-start;gap:20px;width:360px;padding:20px;display:flex}.bio-panel-label{width:100%;color:rgb(var(--foreground-rgb) / 40%);margin:0;font-family:Geist Mono Variable,Geist Mono,monospace;font-size:12px;font-weight:400;line-height:normal}.bio-divider{background:rgb(var(--foreground-rgb) / 12%);flex:none;width:100%;height:1px}.bio-copy-group,.bio-detail{flex-direction:column;align-items:flex-start;gap:24px;width:100%;min-width:0;display:flex}.bio-copy-group h3,.bio-detail h3{width:100%;color:rgb(var(--foreground-rgb) / 80%);margin:0;font-size:20px;font-weight:400;line-height:1.2}.bio-copy-group p,.bio-detail p{width:100%;color:rgb(var(--foreground-rgb) / 60%);margin:0;font-size:17px;font-weight:350;line-height:1.38}.bio-facts{width:100%;color:rgb(var(--foreground-rgb) / 60%);align-items:center;gap:32px;font-family:Geist Mono Variable,Geist Mono,monospace;font-size:12px;line-height:normal;display:flex}.bio-facts>span{flex:1 0 0;align-items:center;gap:10px;min-width:0;display:flex}.bio-facts>span:last-child{justify-content:flex-end}.bio-icon{background:rgb(var(--foreground-rgb));width:17px;height:17px;-webkit-mask:var(--bio-icon-source) center / contain no-repeat;-webkit-mask:var(--bio-icon-source) center / contain no-repeat;mask:var(--bio-icon-source) center / contain no-repeat;flex:none}.bio-list-fragment{display:contents}.bio-process-step,.bio-tool{align-items:flex-start;gap:15px;width:100%;display:flex}.bio-step-number{width:15px;color:rgb(var(--foreground-rgb) / 40%);flex:0 0 15px;padding-top:5px;font-family:Geist Mono Variable,Geist Mono,monospace;font-size:12px;line-height:normal}.bio-tool-logo{object-fit:contain;flex:none;width:20px;height:20px;margin-top:3px}.bio-tool-heading{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.bio-tool-heading h3{flex:1 0 0;min-width:0}.bio-tool-heading>span{color:rgb(var(--foreground-rgb) / 40%);white-space:nowrap;flex:none;font-family:Geist Mono Variable,Geist Mono,monospace;font-size:12px;line-height:normal}.project-gallery{position:absolute;inset:0}.projects-title{color:rgb(var(--foreground-rgb) / 60%);align-items:center;gap:40px;margin:0;padding:10px;font-size:20px;font-weight:400;line-height:normal;display:flex;position:absolute;top:560px;left:200px}.canvas-hint{white-space:nowrap;align-items:center;gap:20px;display:flex}.canvas-hint img{flex:none;width:auto;height:20px}.canvas-hint:last-child img{height:24px}.project-card{cursor:pointer;touch-action:none;border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;padding:10px;transition:background-color .14s;display:flex;position:absolute;top:0;left:0}.project-card:after{border:1px dashed rgb(var(--foreground-rgb) / 12%);border-radius:inherit;content:"";pointer-events:none;transition:border-color .14s;position:absolute;inset:0}.project-card.is-active{background:rgb(var(--foreground-rgb) / 3%);cursor:grab}.project-card.is-active:after{border-color:rgb(var(--foreground-rgb))}.project-card.is-dragging{cursor:grabbing}.project-card:focus-visible{outline:2px solid rgb(var(--foreground-rgb));outline-offset:4px}.project-media{flex:none;position:relative;overflow:hidden}.project-media>img,.project-media>video{object-fit:cover;pointer-events:none;width:100%;height:100%}.project-image-sequence,.project-pingpong-video{position:absolute;inset:0}.project-pingpong-video video{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .18s linear;position:absolute;inset:0}.project-pingpong-video .pingpong-forward{z-index:1;opacity:1}.project-pingpong-video .pingpong-reverse{z-index:2;opacity:0}.project-pingpong-video.is-reverse .pingpong-forward{opacity:0}.project-pingpong-video.is-reverse .pingpong-reverse{opacity:1}.project-image-sequence img{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .65s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.project-image-sequence img.is-visible{opacity:1}.project-skeleton{background:linear-gradient(100deg, rgb(var(--foreground-rgb) / 5%) 20%, rgb(var(--foreground-rgb) / 12%) 38%, rgb(var(--foreground-rgb) / 5%) 56%);background-size:220% 100%;animation:1.4s linear infinite image-skeleton;position:absolute;inset:0}.project-media.is-loaded .project-skeleton{display:none}.project-image-error{color:rgb(var(--foreground-rgb) / 38%);place-items:center;font-family:Geist Mono Variable,Geist Mono,monospace;font-size:12px;display:grid;position:absolute;inset:0}.project-card.is-cropped .project-media img,.project-card.is-cropped .project-media video{object-fit:initial;width:100%;max-width:none;height:auto}.project-card.is-contained .project-media img,.project-card.is-contained .project-media video{object-fit:contain}.project-meta{white-space:nowrap;justify-content:space-between;align-items:center;width:100%;font-family:Geist Mono Variable,Geist Mono,monospace;font-size:12px;font-weight:400;line-height:normal;display:flex}.project-meta h3{color:rgb(var(--foreground-rgb) / 40%);font:inherit;margin:0}.project-card.is-active .project-meta h3{color:rgb(var(--foreground-rgb))}.project-meta time{color:rgb(var(--foreground-rgb) / 20%)}.canvas-control{z-index:10;border:1px solid rgb(var(--foreground-rgb) / 6%);background:rgb(var(--shadow-rgb) / 28%);min-width:0;box-shadow:0 8px 24px rgb(var(--shadow-rgb) / 16%);-webkit-backdrop-filter:blur(18px)saturate(130%);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background-color .16s,transform .16s;display:flex;position:fixed}.canvas-control:hover{background:rgb(var(--shadow-rgb) / 38%)}.canvas-control:active{transform:scale(.97)}.canvas-control:focus-visible,.popup-close:focus-visible,.popup-cta:focus-visible{outline:2px solid rgb(var(--foreground-rgb));outline-offset:3px}.logo-button{width:140px;height:52px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;padding:0;position:fixed;top:20px;left:20px}.logo-button:hover{background:0 0}.logo-button img{width:140px;height:52px}.zoom-button{background:rgb(var(--shadow-rgb) / 28%);min-width:51px;height:38px;box-shadow:none;-webkit-backdrop-filter:none;border:0;padding:10px;font-size:12px;font-weight:400;line-height:1;bottom:20px;left:20px}.hire-button{border-color:rgb(var(--foreground-rgb) / 12%);background:rgb(var(--shadow-rgb) / 28%);height:52px;box-shadow:none;-webkit-backdrop-filter:blur(5px);border-radius:9px;gap:10px;padding:10px 13px;font-size:14px;font-weight:600;line-height:normal;top:20px;right:20px}.message-divider{background:rgb(var(--foreground-rgb) / 12%);flex:none;width:1px;height:32px}.message-icon{flex:none;width:24px;height:24px}.music-button{height:52px;color:rgb(var(--foreground-rgb) / 60%);gap:10px;padding:10px 20px;font-size:20px;font-weight:500;line-height:1;bottom:16px;right:17px}.music-icon{flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative}.music-icon svg{width:32px;height:32px;stroke:rgb(var(--foreground-rgb) / 90%);stroke-width:1.5px;overflow:visible}.music-icon svg circle:first-of-type{fill:rgb(var(--foreground-rgb) / 90%);stroke:none}.music-icon.is-off:after{background:rgb(var(--foreground-rgb) / 90%);content:"";transform-origin:50%;width:29px;height:1px;position:absolute;top:15px;left:2px;transform:rotate(-45deg)}.hire-popover{z-index:20;background:rgb(var(--shadow-rgb));width:min(550px,100vw - 40px);max-height:calc(100vh - 94px);box-shadow:0 18px 56px rgb(var(--shadow-rgb) / 34%);transform-origin:100% 0;border:0;border-radius:12px;flex-direction:column;gap:24px;padding:40px;animation:.22s cubic-bezier(.22,1,.36,1) both popup-in;display:flex;position:fixed;top:84px;right:20px;overflow-y:auto}.popup-close{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hire-popover h2{color:rgb(var(--foreground-rgb) / 80%);letter-spacing:normal;margin:0;font-size:22px;font-weight:400;line-height:normal}.hire-popover-intro,.hire-offer{flex-direction:column;gap:24px;width:100%;display:flex}.popup-copy{color:rgb(var(--foreground-rgb) / 60%);margin:0;font-size:16px;font-weight:400;line-height:normal}.popup-cta{width:fit-content;height:52px;color:rgb(var(--shadow-rgb));background:rgb(var(--foreground-rgb));border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:20px;font-weight:500;line-height:1;transition:background .16s,transform .16s;display:flex}.popup-cta:hover{background:rgb(var(--foreground-rgb) / 90%);transform:translateY(-1px)}.popup-cta img{width:24px;height:24px}.hire-mail-row,.hire-offer-heading{align-items:center;gap:10px;width:100%;display:flex}.popup-note{color:rgb(var(--foreground-rgb) / 50%);white-space:nowrap;margin:0;font-family:Nanum Pen Script,cursive;font-size:20px;line-height:normal}.hire-divider{width:100%;height:1px;display:block}.hire-offer{gap:20px}.hire-offer-heading h3,.hire-offer-heading p,.hire-offer ul,.hire-availability{margin:0}.hire-offer-heading h3{min-width:0;color:rgb(var(--foreground-rgb) / 80%);flex:1 0 0;font-size:22px;font-weight:400;line-height:normal}.hire-offer-heading p{color:rgb(var(--foreground-rgb) / 50%);text-align:right;white-space:nowrap;font-family:Geist Mono Variable,Geist Mono,monospace;font-size:16px;line-height:normal}.hire-offer ul{color:rgb(var(--foreground-rgb) / 60%);padding:0;font-size:16px;font-weight:400;line-height:30px;list-style:none}.hire-availability{color:rgb(var(--foreground-rgb) / 60%);margin:0;font-size:16px;font-weight:400;line-height:normal}@keyframes popup-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes image-skeleton{to{background-position:-220% 0}}@media (width<=640px){.home-frame{width:100vw;min-height:1px;padding:144px 20px 0}.hero-composition{width:100%;display:block;position:relative;top:auto;left:auto}.intro-title{width:100%;position:relative;top:auto;left:auto}.intro-title-copy{letter-spacing:-.06em;white-space:nowrap;width:100%;font-size:clamp(34px,11vw,48px);line-height:1.1}.projects-title{white-space:normal;flex-wrap:wrap;gap:12px 20px;margin-top:36px;padding:0;font-size:14px;position:relative;top:auto;left:auto}.canvas-hint{gap:8px}.canvas-hint img{height:16px}.canvas-hint:last-child img{height:19px}.designer-intro{transform-origin:0 0;width:max-content;height:400px;margin-top:32px;position:relative;top:auto;left:auto;transform:scale(.28)}.logo-button{top:16px;left:16px}.hire-button{top:16px;right:16px}.zoom-button{bottom:16px;left:16px}.project-gallery{transform-origin:0 0;width:357.143%;height:2800px;margin-top:-250px;position:relative;inset:auto;transform:scale(.28)}.hire-popover{width:min(550px,100vw - 32px);max-height:calc(100vh - 92px);padding:28px 24px;top:76px;right:16px}.hire-mail-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}