.work-detail{min-height:100vh;padding:180px 0 90px;background:var(--reading-background);color:#26303a}.work-detail-intro{display:block;height:auto;width:100%;border:0;margin-bottom:48px}.work-detail-back{font:600 11px Manrope,sans-serif;color:#6e89a4;letter-spacing:.12em}.work-detail-intro .career-tags{margin-top:32px}.work-detail h1{margin:20px 0 18px;font-size:clamp(30px,3.6vw,52px);width:100%;word-break:keep-all;line-height:1.3;letter-spacing:-.055em;overflow-wrap:anywhere}.work-detail-breadcrumb{color:#6e89a4;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.work-detail-summary{max-width:800px;font-size:16px;line-height:1.9;color:#526579;margin:24px 0}.work-detail-meta{margin:32px 0 0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;border-top:1px solid #cbd9e3;padding-top:24px}.work-detail-meta>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:baseline}.work-detail-meta dt{font-size:11px;color:#7896b0;margin-bottom:10px}.work-detail-meta dd{margin:0;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.work-detail-hero{display:block;max-width:100%;height:auto;margin:0 auto 48px}.work-detail-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;padding-top:36px;border-top:1px solid #cbd9e3;align-items:start}.work-detail-layout.without-toc{grid-template-columns:minmax(0,1fr)}.work-toc-desktop{position:sticky;top:116px;max-height:calc(100dvh - 140px);overflow-y:auto}.work-toc-desktop p,.work-toc-mobile summary{color:#6e89a4;font:600 11px Manrope,sans-serif;letter-spacing:.1em}.work-toc-desktop ul,.work-toc-mobile ul{list-style:none;margin:18px 0 0;padding:0}.work-toc-desktop button,.work-toc-mobile button{display:flex;gap:12px;width:100%;padding:9px 0;text-align:left;background:none;border:0;font:inherit;font-size:12px;line-height:1.7;color:#657584;cursor:pointer;overflow-wrap:anywhere}.work-toc-desktop button[aria-current],.work-toc-mobile button[aria-current]{color:#365c7b;font-weight:700}.work-toc-mobile{display:none}.work-markdown{min-width:0;font-size:15px;line-height:1.95;color:#526579;overflow-wrap:anywhere}.work-markdown>:first-child{margin-top:0}.work-markdown h2,.work-markdown h3,.work-markdown h4{color:#26303a;line-height:1.5;letter-spacing:-.035em;scroll-margin-top:120px}.work-markdown h2{font-size:27px;margin:64px 0 24px;padding-top:24px;border-top:1px solid #d5e0e8}.work-markdown h2:first-child{padding-top:0;border:0}.work-markdown h3{font-size:21px;margin:52px 0 16px}.work-markdown h4{font-size:17px;margin:40px 0 12px}.work-markdown p{margin:0 0 14px}.work-markdown ul,.work-markdown ol{padding-left:24px;margin:18px 0 26px}.work-markdown li+li{margin-top:7px}.work-markdown li>p{margin-bottom:6px}.work-markdown li>p:last-child{margin-bottom:0}.work-markdown li :is(ul,ol){margin-top:6px;margin-bottom:6px}.work-markdown li :is(ul,ol)>li+li{margin-top:3px}.work-markdown li :is(ul,ol)>li>p{margin-bottom:6px}.work-markdown li :is(ul,ol)>li>p:last-child{margin-bottom:0}.work-markdown strong{color:#26303a;font-weight:700}.work-markdown a{color:#426582;text-decoration:underline;text-underline-offset:4px}.work-markdown blockquote{margin:28px 0;padding:12px 24px;border-left:2px solid #9ebbd0;background:#eaf1f6}.work-markdown blockquote>:last-child{margin-bottom:0}.work-table-scroll{overflow-x:auto;margin:28px 0}.work-markdown table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.work-markdown th{background:#e8f0f6;color:#365c7b;font-weight:600}.work-markdown th,.work-markdown td{padding:9px 18px;border-bottom:1px solid #cbd9e3;min-width:120px;vertical-align:top}.work-markdown pre{padding:20px;background:#eaf1f6;overflow:auto}.markdown-image{height:auto;background:transparent;border:0;display:block;margin:28px 0}.markdown-image img{border:1px solid #435b6c;box-sizing:border-box;display:block;max-width:100%;height:auto;margin:auto}.work-image-caption{display:block;text-align:center;color:#777;font-size:13px;margin-top:8px;background:transparent;border:0}.work-detail-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:start;margin-top:80px;padding-top:28px;border-top:1px solid #cbd9e3;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.work-detail-pagination>:last-child{text-align:right}.work-detail-pagination small{display:block;color:#7896b0;margin-bottom:8px}.work-detail a:focus-visible,.work-detail button:focus-visible,.work-detail summary:focus-visible,.work-table-scroll:focus-visible{outline:2px solid #6983ad;outline-offset:4px}@media(max-width:760px){.work-detail-meta>div{grid-template-columns:minmax(0,1fr);gap:4px}.work-detail-meta dt{margin-bottom:0}.work-detail{padding:140px 0 64px}.work-detail-layout{grid-template-columns:minmax(0,1fr);gap:28px}.work-toc-desktop{display:none}.work-toc-mobile{display:block;padding:16px;border:1px solid #cbd9e3}.work-toc-mobile summary{cursor:pointer}.work-markdown{font-size:14px}.work-markdown h2{font-size:23px}.work-detail-pagination{gap:12px;font-size:11px}}.work-toc-desktop .work-toc-subitem,.work-toc-mobile .work-toc-subitem{padding-left:32px}.work-toc-number{align-self:flex-start;flex:0 0 20px;width:20px;white-space:nowrap}.work-toc-title{flex:1 1 0;min-width:0;overflow-wrap:anywhere}.personal-project-hero{width:auto;max-width:100%;height:auto;max-height:520px;object-fit:contain}.personal-project-info{margin-bottom:48px}.personal-project-info>h2{font:600 11px Manrope,sans-serif;letter-spacing:.12em;color:#6e89a4;margin:0}.personal-project-info .work-detail-meta{margin-top:20px}.game-collage{--collage-progress: 0;position:relative;width:100%;height:510px;isolation:isolate;container-type:inline-size;overflow:visible;background:transparent}.game-collage:before{content:"";position:absolute;z-index:0;pointer-events:none;top:2%;right:-3%;bottom:0;left:-3%;background:radial-gradient(ellipse 53% 43% at 50% 50%,#8fb7d52a,#6d8fa013 57%,transparent 100%),radial-gradient(ellipse 38% 32% at 52% 72%,#f2c7ac10,transparent 90%);filter:blur(15px)}.collage-light-trails{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.55;transform:translateY(calc(-9px * var(--collage-progress)))}.collage-icon{position:absolute;z-index:var(--depth);width:var(--size);aspect-ratio:1;left:var(--x);top:var(--y);border-radius:19%;transform:translate3d(calc(var(--dx) * var(--collage-progress)),calc(var(--dy) * var(--collage-progress)),0);will-change:transform}.collage-reveal{position:relative;width:100%;height:100%;border-radius:inherit;box-shadow:0 13px 28px #0006,0 0 0 1px #d5e7f51b;animation:game-icon-reveal .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--reveal-delay)}.collage-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.collage-icon-mabinogi{--size: 39%;--x: 33%;--y: 34%;--depth: 6;--dx: 0px;--dy: -42px;--reveal-delay: .35s}.collage-icon-chronicles{--size: 27%;--x: 3%;--y: 24%;--depth: 4;--dx: max(-23px, -2cqw);--dy: -82px;--reveal-delay: .55s}.collage-icon-egon{--size: 14%;--x: 77%;--y: 12%;--depth: 2;--dx: 14px;--dy: -48px;--reveal-delay: .7s}.collage-icon-storypick{--size: 22%;--x: 74%;--y: 51%;--depth: 4;--dx: min(25px, 3cqw);--dy: -17px;--reveal-delay: .85s}.collage-icon-wannabe{--size: 21%;--x: 9%;--y: 69%;--depth: 3;--dx: -16px;--dy: 18px;--reveal-delay: 1s}.collage-icon-yeoju{--size: 12%;--x: 65%;--y: 78%;--depth: 2;--dx: 17px;--dy: 34px;--reveal-delay: 1.15s}.collage-icon-mabinogi .collage-reveal{box-shadow:0 17px 38px #0008,0 0 32px #b5d6df18,0 0 0 1px #e6eaf02a}@keyframes game-icon-reveal{0%{opacity:0;transform:translateY(24px) scale(.94);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(max-width:760px){.game-collage{height:auto;aspect-ratio:1 / 1.06}.collage-icon-mabinogi{--dy: -20px}.collage-icon-chronicles{--dx: max(-10px, -2cqw);--dy: -38px}.collage-icon-egon{--dx: 7px;--dy: -24px}.collage-icon-storypick{--dx: min(10px, 3cqw);--dy: -9px}.collage-icon-wannabe{--dx: -8px;--dy: 9px}.collage-icon-yeoju{--dx: 8px;--dy: 16px}}@media(prefers-reduced-motion:reduce){.collage-icon,.collage-light-trails{transform:none;will-change:auto}.collage-reveal{animation:none;opacity:1;filter:none}}.top-dark .hero>div:first-child{animation:hero-intro-reveal .45s ease-out both}@keyframes hero-intro-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.top-dark .hero>div:first-child{animation:none;opacity:1}}.collage-icon{isolation:isolate}.collage-icon:before{content:"";position:absolute;top:-17%;right:-17%;bottom:-17%;left:-17%;z-index:-1;border-radius:35%;pointer-events:none;background:radial-gradient(ellipse at 47% 44%,rgba(165,218,242,.3),rgba(116,174,213,.11) 43%,transparent 72%);filter:blur(16px);opacity:.64}.collage-reveal{isolation:isolate;overflow:hidden;border:1px solid rgba(232,245,255,.38);background:#bedcf20f;box-shadow:inset 0 1px #ffffff7a,inset 1px 0 #e1f4ff33,inset 0 -2px 4px #09132642,0 14px 32px #0006,0 0 19px #9eccea21}.collage-reveal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(148deg,rgba(255,255,255,.23) 0%,rgba(235,248,255,.085) 16%,transparent 35%,transparent 75%,rgba(210,230,255,.07) 100%);box-shadow:inset 0 2px 2px #ffffff52,inset 2px 0 2px #eff8ff1f,inset -2px -3px 5px #07122640}.collage-icon-mabinogi:before{top:-32%;right:-32%;bottom:-32%;left:-32%;background:radial-gradient(ellipse at 44% 40%,rgba(158,211,242,.42),rgba(116,174,211,.18) 38%,transparent 72%),radial-gradient(ellipse at 68% 67%,rgba(236,188,160,.19),transparent 55%);filter:blur(22px);opacity:.9}.collage-icon-mabinogi .collage-reveal{border-color:#e9f7ff7a;box-shadow:inset 0 1px #ffffff8f,inset 0 -3px 6px #0813234a,0 19px 41px #00000073,0 0 28px #9bd1f236}.collage-icon-egon:before,.collage-icon-yeoju:before{opacity:.28}@media(prefers-reduced-motion:reduce){.collage-icon:before{transition:none}}.qa-page{min-height:100vh;padding:188px 0 100px;background:var(--reading-background);color:#26303a}.qa-intro{margin-bottom:72px;max-width:1000px}.qa-label{margin:0 0 22px;color:#6e89a4;font:600 11px Manrope,sans-serif;letter-spacing:.17em}.qa-intro h1{margin:0;font:700 clamp(40px,5.2vw,76px)/1.12 Manrope,sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere}.qa-description{margin:26px 0 0;font-size:15px;line-height:1.9;color:#657584;word-break:keep-all;overflow-wrap:anywhere}.qa-list{border-top:1px solid #cbd9e3}.qa-item{border-bottom:1px solid #cbd9e3}.qa-item h2{margin:0;font-size:inherit}.qa-question{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 28px;gap:20px;align-items:baseline;text-align:left;padding:29px 0;border:0;background:transparent;color:inherit;font:600 18px/1.65 DM Sans,Noto Sans KR,sans-serif;letter-spacing:-.025em;cursor:pointer;word-break:keep-all;overflow-wrap:anywhere}.qa-question:hover{color:#526f89}.qa-question:focus-visible{outline:2px solid #6983ad;outline-offset:5px;border-radius:2px}.qa-number{font:600 11px Manrope,sans-serif;color:#7896b0;letter-spacing:.08em}.qa-symbol{font:400 24px/1 Manrope,sans-serif;text-align:center;color:#6983ad}.qa-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .24s ease,opacity .2s ease}.qa-item[data-open=true] .qa-answer{grid-template-rows:1fr;opacity:1}.qa-answer-clip{min-height:0;overflow:hidden}.qa-markdown{padding:0 48px 32px 66px;max-width:970px;font-size:15px;line-height:1.95;color:#526579;overflow-wrap:anywhere}.qa-markdown>:first-child{margin-top:0}.qa-markdown>:last-child{margin-bottom:0}.qa-markdown p{margin:0 0 18px;white-space:normal}.qa-markdown ul,.qa-markdown ol{padding-left:24px;margin:12px 0 20px}.qa-markdown li+li{margin-top:6px}.qa-markdown strong{font-weight:700;color:#26303a}.qa-markdown a{color:#426582;text-decoration:underline;text-underline-offset:3px}.qa-markdown h1,.qa-markdown h2,.qa-markdown h3{font-size:19px;line-height:1.6;margin:24px 0 12px;letter-spacing:-.025em}.qa-markdown blockquote{margin:18px 0;padding-left:18px;border-left:2px solid #b4c8d8}.qa-markdown pre{max-width:100%;overflow-x:auto;padding:16px;background:#eaf0f4}.qa-markdown code{font-size:.9em}.qa-footer{margin-top:64px;font:600 11px Manrope,sans-serif;letter-spacing:.12em;color:#657584}.qa-empty{padding:28px 0;color:#657584;font-size:15px}#qa-content{scroll-margin-top:104px}@media(max-width:760px){.qa-page{padding:140px 0 70px}.qa-intro{margin-bottom:48px}.qa-intro h1{font-size:clamp(36px,8vw,54px)}.qa-description{font-size:14px;margin-top:22px}.qa-question{grid-template-columns:26px minmax(0,1fr) 22px;gap:12px;padding:24px 0;font-size:16px}.qa-markdown{padding:0 0 26px 38px;font-size:14px;line-height:1.9}#qa-content{scroll-margin-top:102px}}@media(prefers-reduced-motion:reduce){.qa-answer{transition:none}}.all-works-page{min-height:100vh;padding:188px 0 100px;background:var(--reading-background);color:#26303a}.all-works-intro{margin-bottom:72px;max-width:1000px}.all-works-label{margin:0 0 22px;color:#6e89a4;font:600 11px Manrope,sans-serif;letter-spacing:.17em}.all-works-intro h1{margin:0;font:700 clamp(40px,5.2vw,76px)/1.12 Manrope,sans-serif;letter-spacing:-.065em;overflow-wrap:anywhere}.all-works-description{margin:26px 0 0;font-size:15px;line-height:1.9;color:#657584}.all-works-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;align-items:start}.all-works-filters{display:flex;flex-direction:column;gap:6px;position:sticky;top:112px}.all-works-filters button{text-align:left;font:inherit;font-size:13px;line-height:1.6;color:#526a7f;border:0;border-radius:4px;background:transparent;padding:12px 14px;cursor:pointer}.all-works-filters button[aria-pressed=true]{background:#e4eef7;color:#365c7b;font-weight:600}.all-works-filters button:focus-visible{outline:2px solid #6983ad;outline-offset:2px}.all-works-count{margin:0 0 20px;color:#6e89a4;font-size:11px}.all-works-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.all-works-card{min-width:0;padding-bottom:32px;border-bottom:1px solid #cbd9e3;overflow-wrap:anywhere}.all-works-thumbnail{aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;background:#e4eef5;color:#7896b0;border-radius:4px}.all-works-thumbnail img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}.all-works-thumbnail span{padding:24px;text-align:center;font:600 clamp(12px,2vw,22px) Manrope,sans-serif}.all-works-project{margin:20px 0 8px;color:#657584;font-size:11px;line-height:1.6}.all-works-card h2{margin:0;font-size:22px;line-height:1.5;letter-spacing:-.04em}.all-works-empty{color:#657584;font-size:14px}#works-content{scroll-margin-top:104px}@media(max-width:760px){.all-works-page{padding:140px 0 70px}.all-works-intro{margin-bottom:40px}.all-works-intro h1{font-size:clamp(36px,8vw,54px)}.all-works-description{font-size:14px}.all-works-layout{grid-template-columns:minmax(0,1fr);gap:28px}.all-works-filters{position:static;flex-direction:row;flex-wrap:wrap;gap:4px}.all-works-filters button{padding:8px 10px;font-size:12px}.all-works-card h2{font-size:19px}.all-works-thumbnail{aspect-ratio:16 / 9}}@media(max-width:1100px){.all-works-list{grid-template-columns:minmax(0,1fr)}}:root{--ink: #222b35;--muted: #68737e;--accent: #6983ad;--line: #dce2e7;--paper: #f8f9f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:DM Sans,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1440px;margin:auto;padding:0 6.2vw}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5dce0}.logo{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.055em;font-size:21px}.logo span{color:#89a3c8}nav{display:flex;gap:37px;font:600 11px Manrope,sans-serif;letter-spacing:.11em}nav a{padding:8px 0;color:#7a858d}nav a.active{color:#222b35;border-bottom:1px solid #222b35}.hero{min-height:650px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:70px 0 85px}.eyebrow{font:700 11px Manrope,sans-serif;letter-spacing:.24em;color:#7089ac;display:flex;align-items:center;gap:15px}.eyebrow:before{content:"";display:inline-block;width:33px;height:1px;background:#8aa3c6}.hero h1{font:700 clamp(58px,7vw,110px)/1.03 Manrope,sans-serif;letter-spacing:-.09em;margin:50px 0 45px}.hero h1 em{font-style:normal;color:#95a9bf}.hero .ko{font-size:19px;font-weight:600;letter-spacing:-.04em}.hero .sub{font-size:14px;line-height:2;color:var(--muted);margin-top:14px}.hero-art{height:425px;background:#e7edf1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before{content:"";width:310px;height:310px;border:1px solid #a6b9c7;border-radius:50%;position:absolute;top:38px;right:-65px}.hero-art:after{content:"";width:190px;height:190px;border:1px solid #a6b9c7;border-radius:50%;position:absolute;bottom:-80px;left:20px}.art-inner{z-index:1;width:75%;height:75%;border:1px solid #becbd4;display:flex;align-items:center;justify-content:center;transform:rotate(-7deg);background:linear-gradient(130deg,#e2eaf0,#c7d7e2 65%,#edf0ef);box-shadow:18px 24px 35px #9baab422}.art-inner div{font:700 44px/1.08 Manrope;letter-spacing:-.075em;color:#f8faf9;transform:rotate(7deg);text-shadow:0 1px 8px #9badbd60}.art-note{position:absolute;bottom:19px;right:19px;z-index:2;font:10px Manrope;letter-spacing:.15em;color:#5d7284}.hero-foot{display:flex;gap:30px;align-items:center;margin-top:48px;font:700 11px Manrope;letter-spacing:.13em}.hero-foot .link{border-bottom:1px solid #333;padding-bottom:7px}.hero-foot .note{color:#9aa6b0;font-weight:500}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-head h2{font:700 clamp(38px,4.2vw,62px) Manrope;letter-spacing:-.07em;margin:9px 0 0}.section-head small{font:600 11px Manrope;letter-spacing:.17em;color:#8294a6}.career{padding:86px 0 95px}.career-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbd4da}.career-item{padding:26px 23px 12px 0;border-right:1px solid #cbd4da;margin-right:23px}.career-item:last-child{border:0}.career-item .num{font:700 11px Manrope;color:#8da2b5}.career-item h3{font-size:18px;letter-spacing:-.055em;margin:25px 0 9px}.career-item .company{font-size:12px;color:#63717c}.career-item .date{font:600 10px Manrope;color:#95a0aa;margin-top:27px}.works{padding:105px 0 115px}.works-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px}.work{display:block}.work:nth-child(2){margin-top:95px}.work:nth-child(3){margin-top:-22px}.work:nth-child(4){margin-top:65px}.work-image{height:300px;overflow:hidden;position:relative;background:#dce5e9}.work:nth-child(2) .work-image{background:#d8dfdf}.work:nth-child(3) .work-image{background:#d5dde8}.work:nth-child(4) .work-image{background:#e4e3df}.work-image:before{content:"";position:absolute;top:10%;right:15%;bottom:10%;left:15%;border:1px solid #ffffff80;transform:rotate(-5deg)}.work-image:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid #ffffffa6;right:-30px;bottom:-35px}.work-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:800 48px Manrope;letter-spacing:-.08em;color:#ffffffa8;transform:rotate(-8deg)}.work:hover .work-image{filter:contrast(1.08);transition:.3s}.work-meta{display:flex;justify-content:space-between;margin-top:19px;color:#7b8996;font:600 10px Manrope;letter-spacing:.09em}.work h3{font-size:20px;letter-spacing:-.055em;margin:11px 0 7px}.work p{font-size:12px;color:#7a8791;margin:0}.end{color:#f8fafb;padding:74px 0 80px}.end .section-head h2{font-size:48px}.end-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.end-card{border-top:1px solid #788591;padding:22px 0 30px;display:flex;justify-content:space-between;align-items:start}.end-card h3{font:700 23px Manrope;letter-spacing:-.04em;margin:0 0 12px}.end-card p{font-size:12px;color:#b4c0c9;margin:0}.end-card span{font-size:25px}footer{display:flex;justify-content:space-between;font:600 10px Manrope;letter-spacing:.13em;color:#9babb7;margin-top:75px}@media(max-width:760px){.shell{padding:0 23px}header{height:70px}nav{gap:11px;font-size:9px}.hero{grid-template-columns:1fr;padding:70px 0}.hero-art{height:260px}.hero h1{font-size:61px}.career-list{grid-template-columns:1fr 1fr}.career-item{margin:0;padding:20px 10px 20px 0}.works-grid{grid-template-columns:1fr;gap:42px}.work:nth-child(n){margin:0}.work-image{height:250px}.end-grid{grid-template-columns:1fr}}:root{--ink: #e8edf0;--muted: #a0afbd;--accent: #9cbcd2;--line: #354654;--paper: #101923}body{color:var(--ink)}header{border-color:#344350}.logo span{color:#b4cddc}nav a{color:#9daebb}nav a.active{color:#eef4f7;border-color:#b7d3e3}.eyebrow{color:#a9c5d8}.eyebrow:before{background:#a9c5d8}.hero h1 em{color:#a7c1d3}.hero .sub{color:#a5b2bd}.hero-foot .link{border-color:#9db4c5}.hero-foot .note{color:#8294a3}.dark-art{background:linear-gradient(140deg,#1c2c3a,#111d29 60%,#233b4c);border:1px solid #405769;box-shadow:0 30px 90px #03080d70;display:block;height:510px}.dark-art:before,.dark-art:after{display:none}.dark-art svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 0 18px #89c0df22)}.diagram-label{position:absolute;z-index:2;left:28px;top:28px;color:#b2c6d5;font:600 10px Manrope;letter-spacing:.22em}.diagram-footer{position:absolute;z-index:2;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;gap:10px;font:600 9px Manrope;letter-spacing:.12em;color:#8ca7b8}.career-list,.career-item{border-color:#40515d}.career-item .num,.section-head small{color:#9ab6c9}.career-item .company{color:#a5b8c7}.career-item .date{color:#8399aa}.section-head h2 span{color:#a7c5d9!important}.work-image{background:linear-gradient(135deg,#30465a,#1d3446)!important;border:1px solid #435b6c}.work:nth-child(2) .work-image{background:linear-gradient(135deg,#394b55,#182b36)!important}.work:nth-child(3) .work-image{background:linear-gradient(135deg,#304258,#19283d)!important}.work:nth-child(4) .work-image{background:linear-gradient(135deg,#34484d,#1e343d)!important}.work-image:before{border-color:#adc9d433}.work-image:after{border-color:#b5d3df40}.work-visual{color:#b9d1ddad}.work-meta,.work p{color:#9bb0bf}.end-card{border-color:#637b8a}.end-card p{color:#b2c6d2}footer{color:#9fb4c1}.career-item .game-icon{width:48px;height:48px;margin-top:25px;border:1px solid #617787;background:linear-gradient(135deg,#314b60,#203444);display:flex;align-items:center;justify-content:center;color:#b6d0df;font:700 12px Manrope;letter-spacing:.06em;border-radius:12px}.career-item h3{margin-top:16px}@media(max-width:760px){.dark-art{height:350px}.diagram-footer{font-size:7px}.career-item .game-icon{width:42px;height:42px}}:root{--ink: #242d37;--muted: #657584;--paper: #f9fbfc}body{color:#242d37}.top-dark{color:#edf4f8}.top-dark header{border-color:#40515d}.top-dark nav a{color:#a5b9c9}.top-dark nav a.active{color:#f2f7fa;border-color:#a9c5d8}.top-dark .hero{min-height:690px}.top-dark .hero h1{color:#f2f7fa}.top-dark .hero h1 em{color:#b0cadd}.top-dark .hero .ko{color:#edf3f8}.top-dark .hero .sub{color:#a9bdca}.top-dark .hero-foot .link{border-color:#adc9d8}.top-dark .hero-foot .note{color:#93a9b8}.top-dark .dark-art{background:linear-gradient(145deg,#1b2e3e,#10202e 62%,#2a4455);border-color:#52697b;box-shadow:0 28px 75px #040c1380}.transition-band{height:7px;background:linear-gradient(90deg,#7f9fba,#d7e7ee 55%,#f4f9fc)}.career{padding:100px 0 108px}.career .section-head h2,.works .section-head h2{color:#242d37}.career .section-head small,.works .section-head small{color:#6e89a4}.career-list,.career-item{border-color:#cbd9e3}.career-item h3{color:#242d37}.career-item .num{color:#7896b0}.career-item .company{color:#526a7f}.career-item .date{color:#8095a8}.career-item .game-icon{background:#e4eef5;border:1px solid #b9cfdd;color:#567a97;box-shadow:0 8px 22px #6c8ba014}.works{padding:110px 0 125px}.works .work h3{color:#26303a}.works .work-image{background:linear-gradient(145deg,#dce9f2,#c5d7e5)!important;border:1px solid #d5e2eb}.works .work:nth-child(2) .work-image{background:linear-gradient(145deg,#e6edf0,#ccdce2)!important}.works .work:nth-child(3) .work-image{background:linear-gradient(145deg,#dbe6f1,#c9d8e8)!important}.works .work:nth-child(4) .work-image{background:linear-gradient(145deg,#e7ebea,#d6e3e5)!important}.works .work-visual{color:#fff;text-shadow:0 5px 20px #6b85984d}.works .work-image:before{border-color:#ffffffb5}.works .work-image:after{border-color:#ffffffd0}.end{color:#f5f9fb}.end-card{border-color:#627b8b}.end-card p{color:#afc4d1}@media(max-width:760px){.top-dark .hero{min-height:0}.career{padding:72px 0}.works{padding:80px 0}}.top-dark .dark-art{background:linear-gradient(145deg,#162431,#0a121c 62%,#1c3242)}.career,.works,.end{position:relative}.career{padding-top:120px;padding-bottom:120px}.works{padding-top:100px;padding-bottom:125px}.end{padding-top:125px;padding-bottom:85px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.top-dark .hero{min-height:720px}.career{padding-top:155px;padding-bottom:175px}.works{padding-top:145px;padding-bottom:210px}.end{padding-top:115px;padding-bottom:85px}.end .section-head h2,.end .end-card h3{color:#f5f9fb}.end .section-head small{color:#a8bed0}.end .end-card p{color:#b4c7d5}.end footer{color:#a6bbca}.works .section-head h2,.works .work h3{color:#26303a}.works .work-meta,.works .work p{color:#71869a}@media(max-width:760px){.career{padding-top:100px;padding-bottom:115px}.works{padding-top:105px;padding-bottom:140px}.end{padding-top:90px}}.top-dark{position:relative}.top-dark .hero{min-height:min(790px,90svh)!important;padding-bottom:105px}.career,.works{position:relative}.career{padding-top:105px!important;padding-bottom:160px!important}.works{width:100%!important;max-width:none!important;margin:0!important;padding:110px 0 195px!important}.works>.shell{width:100%}.end{color:#f5f9fb!important;position:relative;padding:115px 0 85px!important}.end .section-head h2,.end .end-card h3{color:#f5f9fb!important}.end .end-card{border-color:#40515d!important}@media(max-width:760px){.top-dark .hero{min-height:78svh!important;padding-bottom:85px}.career{padding-top:80px!important;padding-bottom:100px!important}.works{padding:85px 0 125px!important}.end{padding:85px 0 70px!important}}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #7eaed0;outline-offset:6px}.skip-link{position:fixed;left:16px;top:-80px;z-index:20;background:#f8fbfc;color:#0b1017;padding:12px 18px}.skip-link:focus{top:16px}.hero h1,.section-head h2,.end-card h3{overflow-wrap:break-word}.hero>div{min-width:0}.work p,.hero .sub{line-height:1.8}.work:hover .work-image{filter:none}section[id],div[id]{scroll-margin-top:28px}@media(max-width:760px){header{height:auto;min-height:85px;gap:16px;flex-wrap:wrap;padding:20px 0}nav{gap:15px;align-items:center;flex-wrap:wrap;letter-spacing:.02em}.logo{font-size:19px}.top-dark .hero{min-height:0!important;gap:42px;padding-top:55px}.hero-foot{gap:18px;flex-wrap:wrap;font-size:10px}.section-head{gap:20px;align-items:center}.section-head>small{font-size:9px;text-align:right}.end .section-head h2{font-size:38px}.career-item:nth-child(2n){border-right:0;padding-left:15px}.career-item h3{font-size:16px;line-height:1.6}.work-meta{gap:16px;line-height:1.6}.diagram-footer{letter-spacing:.06em;left:18px;right:18px}footer{gap:20px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.career{padding-bottom:200px!important}.works{padding-top:150px!important;padding-bottom:275px!important}@media(max-width:760px){.career{padding-bottom:130px!important}.works{padding-top:115px!important;padding-bottom:180px!important}}.hero-contact{margin-top:40px;position:relative}.contact-label{font:600 10px Manrope,sans-serif;letter-spacing:.16em;color:#8abee2;margin-bottom:8px}.contact-name{flex-shrink:0;font-size:13px;line-height:1.7;color:#f5f8fc;white-space:nowrap}.contact-separator{flex-shrink:0;color:#8399aa;font-size:13px}.contact-row{display:flex;align-items:center;gap:6px;min-width:0}.contact-email{font-size:13px;line-height:1.7;color:#f5f8fc;overflow-wrap:anywhere;min-width:0;-webkit-user-select:text;user-select:text}.contact-copy{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;padding:0;border:1px solid #c4d9e829;border-radius:4px;background:transparent;color:#c4d9e8;cursor:pointer}.contact-copy:hover{color:#edf3f8;border-color:#c4d9e866}.contact-copy:disabled{opacity:.4;cursor:default}.contact-status{font-size:11px;line-height:1.6;color:#a9bdca;min-height:18px;margin-top:4px}.hero-contact+.hero-foot{margin-top:60px}@media(max-width:760px){.hero-contact+.hero-foot{margin-top:20px}}.top-dark .hero>div{position:relative;top:80px}.hero-title-line{display:block}@media(min-width:761px){.hero-intro{container-type:inline-size}.hero h1{font-size:min(clamp(58px,7vw,110px),16cqw)}.hero-title-line{white-space:nowrap;overflow-wrap:normal}}:root{--home-background: #0b1017;--reading-background: #f8fbfc}html,body{background:var(--reading-background)}.top-dark{--scroll-background: var(--home-background);background:var(--scroll-background)}.transition-space{position:relative;height:clamp(240px,45vh,460px);background:transparent}.career{--scroll-background: var(--home-background);background:var(--reading-background);isolation:isolate}.career:before{content:"";position:absolute;inset:0 0 auto;height:min(240px,28vh);background:linear-gradient(to bottom,var(--scroll-background),var(--reading-background));pointer-events:none;z-index:0}.career>.shell{position:relative;z-index:1}.works{background:var(--reading-background)}.end{background:var(--home-background)}@media(max-width:760px){.transition-space{height:clamp(190px,36vh,320px)}}.site-header{position:fixed;inset:0 0 auto;z-index:1000;display:block;height:88px;min-height:0;padding:0;color:#edf4f8;background:#0b1017f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #40515d}.site-header-inner{width:100%;height:100%;position:relative;display:flex;align-items:center}.site-header .logo{position:relative;z-index:1;white-space:nowrap;color:#edf4f8}.site-header nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:37px;white-space:nowrap;letter-spacing:.01em;font-family:Noto Sans KR,DM Sans,sans-serif;font-size:12px}.site-header nav a{color:#a5b9c9}.site-header nav a,.site-header nav a.active{border-bottom:0}.site-header nav a.active{color:#f2f7fa}.site-header nav a:hover,.site-header .logo:hover{color:#fff}.top-dark{padding-top:88px}#home,#works,#personal,#qa{scroll-margin-top:104px}.skip-link{z-index:1001}@media(max-width:760px){.site-header{height:70px}.top-dark{padding-top:70px}.site-header-inner{align-items:flex-start;padding-top:8px}.site-header .logo{font-size:16px}.site-header nav{top:35px;gap:20px;font-size:11px}#home,#works,#personal,#qa{scroll-margin-top:86px}}@media(max-width:440px){.site-header{height:86px}.top-dark{padding-top:86px}.site-header-inner{padding-top:10px}.site-header nav{top:45px}#home,#works,#personal,#qa{scroll-margin-top:102px}}.career-list{grid-template-columns:repeat(4,minmax(0,1fr))}.career-item{display:grid;grid-template-rows:subgrid;grid-row:span 7;min-width:0;overflow-wrap:anywhere;align-items:start}.career-item .game-icon{overflow:hidden}.career-item .game-icon img{width:100%;height:100%;object-fit:contain;display:block}.career-tags{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:16px 0 0}.career-tags li{max-width:100%;padding:2px 6px;border:0;border-radius:999px;color:#526f89;background:#e4eef7;font-size:10px;line-height:1.5}.career-responsibilities{margin-top:22px;font-size:12px;line-height:1.85;color:#526a7f}.career-responsibilities h4{margin:0 0 10px;font-size:11px;font-weight:600;color:#637f96}.career-responsibilities ul{margin:0;padding-left:15px}.career-responsibilities li+li{margin-top:7px}@media(min-width:761px)and (max-width:1100px){.career-list{grid-template-columns:repeat(2,minmax(0,1fr))}.career-item:nth-child(2n){border-right:0;margin-right:0}}@media(min-width:561px)and (max-width:760px){.career-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.career-list{grid-template-columns:minmax(0,1fr)}.career-item,.career-item:nth-child(2n){border-right:0;margin:0;padding:26px 0}.career-item+.career-item{border-top:1px solid #cbd9e3}}.works .work .selected-work-thumbnail{background:#e4eef5!important}.works .selected-work-thumbnail:before,.works .selected-work-thumbnail:after{content:none}.selected-work-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:760px){.top-dark .hero{padding-top:clamp(36px,7svh,64px);padding-bottom:25px}.top-dark .hero>div{top:0}}.hero-scroll-indicator{grid-column:1 / -1;justify-self:center;margin-top:clamp(96px,10svh,112px);display:flex;flex-direction:column;align-items:center;gap:14px;color:#acc6d5;font:500 11px Manrope,sans-serif;letter-spacing:.13em;text-align:center;pointer-events:none}.hero-scroll-indicator:after{content:"";width:1px;height:clamp(48px,8svh,90px);background:linear-gradient(180deg,transparent,#a7c8da 45%,#a7c8da 72%,transparent);opacity:.75}@media(max-width:760px){.top-dark .hero h1{font-size:clamp(40px,11.2vw,58px);margin:clamp(24px,4svh,36px) 0 28px}.top-dark .hero .ko{font-size:17px}.top-dark .hero .sub{font-size:13px;line-height:1.8;margin-top:12px}.hero-contact{margin-top:24px}.hero-contact+.hero-foot{margin-top:12px}.hero-scroll-indicator{order:3;margin-top:0;font-size:10px;gap:8px}.hero-scroll-indicator:after{height:clamp(24px,4svh,36px)}.top-dark .hero{row-gap:24px}.top-dark .hero>.game-collage{order:2}}