:root{--paper:#f6f5f1;--ink:#20211f;--muted:#72736e;--line:#d5d6cf;--blue:#2549ed;--pad:clamp(22px,4.6vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica Neue,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:#fff}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:500}p{word-break:keep-all}button,a{touch-action:manipulation}.blue{color:var(--blue)}.muted{color:var(--muted)}.skip-link{background:var(--ink);color:#fff;z-index:99;padding:16px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:10px}.header{margin:0 var(--pad);border-bottom:1px solid var(--line);align-items:center;gap:25px;padding:29px 0;display:flex}.wordmark{letter-spacing:-4px;font-size:39px;font-weight:800;line-height:1}.brand-dot{color:var(--blue)}.header-name{letter-spacing:.07em;font-size:12px;line-height:1.65}.header-name>span{color:#676862;font-size:10px}.nav{gap:35px;margin-left:auto;font-size:14px;display:flex}.nav a{padding:10px 0;transition:color .2s}.nav a:hover{color:var(--blue)}.menu-toggle{display:none}.hero{padding:35px var(--pad) 0}.hero-meta,.hero-footer{letter-spacing:.09em;justify-content:space-between;font-size:11px;display:flex}.hero-meta>span:first-child{align-items:center;gap:9px;display:flex}.status-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-.075em;margin:63px 0 42px;font-size:clamp(52px,8.05vw,140px);font-weight:600;line-height:.99}.hero-second{padding-left:12.8%}.period{letter-spacing:-.1em}.hero-bottom{grid-template-columns:1fr 1.1fr 90px;align-items:end;gap:30px;padding:0 0 65px;display:grid}.hero-index{letter-spacing:.04em;font-size:11px;line-height:1.65}.hero-korean{letter-spacing:-.04em;margin-bottom:16px;font-size:23px;line-height:1.55}.hero-bottom .muted{font-size:14px;line-height:1.7}.round-link{border:1px solid var(--line);border-radius:50%;justify-self:end;place-items:center;width:68px;height:68px;font-size:28px;transition:background .2s,color .2s;display:grid}.round-link:hover{background:var(--blue);color:#fff}.hero-footer{border-top:1px solid var(--line);padding:18px 0}.section{margin:0 var(--pad);border-bottom:1px solid var(--line);padding:100px 0}.section-label{letter-spacing:.08em;font-size:11px;line-height:1.6}.section-label>span{color:var(--muted);margin-right:10px}.career{grid-template-columns:1fr 2.15fr;gap:30px;display:grid}.career h2,.section-heading h2{letter-spacing:-.05em;font-size:clamp(25px,2.55vw,44px);line-height:1.5}.body-copy{color:#63645e;margin-top:28px;font-size:16px;line-height:1.9}.projects-title{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.projects-title h2{letter-spacing:-.065em;margin-top:24px;font-size:clamp(40px,5vw,76px)}.projects-title h2>span{vertical-align:top;letter-spacing:-.03em;margin:9px 0 0 12px;font-size:18px;display:inline-block}.projects-title>p{color:#676862;font-size:14px;line-height:1.8}.project-layout{grid-template-columns:1.6fr 1fr;gap:60px;display:grid}.project-row{border-top:1px solid var(--line);grid-template-columns:30px 1fr 25px;align-items:center;gap:15px;padding:28px 0;transition:color .2s,padding .2s;display:grid}.project-row:last-child{border-bottom:1px solid var(--line)}.project-row.active{color:var(--blue)}.project-row:hover{padding-left:8px}.project-index{align-self:start;padding-top:6px;font-size:11px}.project-row h3{letter-spacing:-.04em;font-size:clamp(19px,2.05vw,31px)}.project-row p{letter-spacing:.04em;color:var(--muted);margin-top:11px;font-size:10px}.row-arrow{font-size:25px}.project-preview{align-self:start;padding-top:0;position:sticky;top:30px}.project-art{justify-content:center;align-items:center;height:350px;padding:35px;display:flex;overflow:hidden}.project-preview>.project-art{height:330px}.preview-caption{color:var(--muted);letter-spacing:.02em;justify-content:space-between;margin-top:17px;font-size:10px;display:flex}.project-preview>p{margin-top:23px;font-size:16px;line-height:1.6}.text-link{border-bottom:1px solid;margin-top:23px;padding-bottom:7px;font-size:13px;display:inline-block}.art-ai-workflow{background:#e4e8fc}.art-hub{grid-template-columns:1fr 1fr;gap:15px;width:100%;display:grid;transform:rotate(-6deg)}.art-hub>span{text-align:center;background:#f8f9ff;border:1px solid #c9d2f7;padding:15px;font-size:10px}.art-hub strong{background:var(--blue);color:#fff;letter-spacing:-.05em;grid-column:span 2;padding:40px 18px;font-size:clamp(24px,3vw,44px);box-shadow:8px 10px #c2cef8}.art-hub b{float:right;font-weight:400}.art-domain-billing{background:#eae7f4}.art-billing{background:#f9f8ff;width:100%;padding:30px;transform:rotate(-4deg);box-shadow:15px 15px #d7d0ed}.art-billing>span,.art-migration>span,.art-system>span{letter-spacing:.06em;font-size:10px}.art-billing strong{margin:18px 0;font-size:30px;display:block}.art-billing>div{border:1px solid #bbb0d8;padding:17px;font-size:16px}.art-billing b{float:right;color:var(--blue)}.art-billing p{margin-top:22px;font-size:9px}.art-mailplug-migration{background:#dcebe1}.art-migration{width:100%}.art-migration strong{letter-spacing:-.06em;margin:32px 0;font-size:40px;display:block}.art-migration>div{border-top:1px solid #93af9d;justify-content:space-between;padding-top:20px;font-size:20px;display:flex}.art-publishing-system{background:#e9e5da}.art-system{width:100%}.art-system>strong{letter-spacing:-.08em;justify-content:space-between;font-size:115px;font-weight:400;display:flex}.art-system strong span{color:var(--blue);align-self:center;font-size:70px}.art-system>div{border-top:1px solid #bfb9a8;padding-top:15px;font-size:9px}.art-10page{background:#efd8c7}.art-ten>strong{letter-spacing:-.09em;font-size:95px}.art-ten strong>span{letter-spacing:-.06em;font-size:35px}.art-ten>div{margin-top:15px;font-size:23px;line-height:1.15}.art-glowderm{background:#e8d8d7}.art-glow>span{letter-spacing:.22em;font-size:11px}.art-glow strong{margin:22px 0;font-family:Georgia,serif;font-size:67px;font-weight:400;line-height:1;display:block}.art-glow>p{letter-spacing:.09em;font-size:9px}.featured-top{justify-content:space-between;align-items:center;display:flex}.outline-tag{letter-spacing:.05em;border:1px solid #55584f;border-radius:20px;padding:8px 12px;font-size:9px}.section-heading{grid-template-columns:1fr 2.15fr;gap:30px;margin-bottom:50px;display:grid}.feature-works{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.feature-works article{border-top:1px solid var(--line);padding-top:20px}.mini-number{color:var(--muted);font-size:11px}.feature-works h3{letter-spacing:-.045em;margin:35px 0 18px;font-size:24px}.feature-works h4{margin-bottom:13px;font-size:14px;font-weight:500}.feature-works p{color:#676862;font-size:14px;line-height:1.8}.contact{margin:0 var(--pad);padding:80px 0 60px}.contact h2{letter-spacing:-.075em;margin:45px 0;font-size:clamp(68px,10.5vw,170px);line-height:.96}.contact h2>i{color:var(--blue);font-family:Georgia,serif;font-weight:400}.contact h2>span{float:right;color:var(--blue);padding-right:15%;font-size:1.2em;font-weight:400}.contact-bottom{justify-content:space-between;align-items:end;display:flex}.contact-bottom>p{font-size:17px;line-height:1.7}.contact-bottom>.contact-note{color:var(--muted);font-size:13px}.contact-email{border-bottom:1px solid var(--ink);font-size:22px}.footer{margin:0 var(--pad);border-top:1px solid var(--line);letter-spacing:.04em;justify-content:space-between;gap:20px;padding:25px 0;font-size:10px;display:flex}.detail{padding:30px var(--pad) 80px}.detail-heading{padding:70px 0 50px}.detail-heading h1{letter-spacing:-.06em;max-width:1100px;margin:25px 0;font-size:clamp(48px,7vw,110px);line-height:1.04}.detail-heading>p:last-child{font-size:24px;line-height:1.6}.detail-meta{border-top:1px solid var(--line);grid-template-columns:1.4fr 1.4fr .6fr;gap:30px;padding:25px 0 40px;display:grid}.detail-meta dt{color:var(--muted);margin-bottom:13px;font-size:11px}.detail-meta dd{margin:0;font-size:14px;line-height:1.7}.detail>.project-art{height:460px}.detail .art-hub,.detail .art-billing,.detail .art-migration,.detail .art-system,.detail .art-ten,.detail .art-glow{max-width:450px}.art-disclaimer{color:var(--muted);margin:15px 0;font-size:11px;line-height:1.7}.case-body{max-width:1100px;margin:70px auto}.case-section{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:45px;padding:45px 0;display:grid}.case-section h2{letter-spacing:-.04em;margin-bottom:25px;font-size:29px}.case-section div>p,.case-section li{color:#595c53;word-break:keep-all;font-size:16px;line-height:1.95}.case-section ol{margin:0;padding-left:20px}.case-section li{margin-bottom:20px;padding-left:10px}.status-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:15px 0;display:flex}.status-row h3,.status-row>span{font-size:14px}.status-row>span{color:var(--blue);white-space:nowrap}.status-row:last-of-type{margin-bottom:25px}.next-project{border-top:1px solid var(--ink);grid-template-columns:1fr 2fr 40px;align-items:center;gap:30px;padding:35px 0;display:grid}.next-project>span{font-size:12px}.next-project>strong{letter-spacing:-.04em;font-size:clamp(24px,3vw,44px);font-weight:400}.next-project>span:last-child{color:var(--blue);font-size:40px}.not-found{padding:15vh var(--pad)}.not-found h1{margin:40px 0;font-size:clamp(35px,5vw,70px);line-height:1.4}@media (min-width:1600px){body{max-width:1800px;margin:auto}}@media (max-width:1000px){.project-layout{grid-template-columns:1.5fr 1fr;gap:30px}.project-art{padding:20px}.project-preview>.project-art{height:280px}.feature-works{grid-template-columns:1fr 1fr;gap:40px}.hero-korean{font-size:21px}.header-name>span{display:none}.nav{gap:23px}}@media (max-width:700px){.header{gap:17px;padding:22px 0;position:relative}.wordmark{font-size:34px}.header-name{font-size:10px}.menu-toggle{border:1px solid var(--line);background:0 0;margin-left:auto;padding:11px 14px;font-size:12px;display:block}.nav{background:var(--paper);z-index:10;border:1px solid var(--line);padding:25px;display:none;position:absolute;top:79px;left:0;right:0}.nav.open{flex-direction:column;gap:15px;display:flex}.nav a{font-size:18px}.hero{padding-top:25px}.hero-meta{gap:15px;font-size:8px;line-height:1.6}.hero-meta>span:last-child{text-align:right;max-width:110px}.hero h1{letter-spacing:-.065em;margin:50px 0 36px;font-size:clamp(29px,8.6vw,60px);line-height:1.13}.hero-second{padding-left:8%}.hero-bottom{grid-template-columns:1fr 55px;gap:20px;padding-bottom:42px}.hero-index{display:none}.hero-korean{margin-bottom:15px;font-size:20px;line-height:1.6}.hero-bottom .muted{font-size:13px}.round-link{width:49px;height:49px;font-size:24px}.hero-footer{gap:15px;font-size:8px;line-height:1.6}.section{padding:65px 0}.career,.section-heading{grid-template-columns:1fr;gap:28px}.career h2,.section-heading h2{font-size:26px}.body-copy{margin-top:22px;font-size:14px}.desktop-break{display:none}.projects-title{margin-bottom:30px;display:block}.projects-title h2{margin-top:18px;font-size:43px}.projects-title>p{margin-top:20px;font-size:13px}.project-layout{flex-direction:column;gap:25px;display:flex}.project-row{grid-template-columns:22px 1fr 23px;gap:10px;padding:24px 0}.project-row h3{font-size:22px;line-height:1.2}.project-row p{font-size:9px;line-height:1.7}.project-index{font-size:10px}.project-preview{width:100%;position:static}.project-preview>.project-art{height:270px}.art-hub{max-width:270px}.art-hub strong{font-size:30px}.featured-top{display:block}.outline-tag{margin-top:16px;display:inline-block}.feature-works{gap:30px 20px}.feature-works h3{margin:25px 0 16px;font-size:22px}.feature-works h4{font-size:13px;line-height:1.6}.feature-works p{font-size:13px}.section-heading{margin-bottom:35px}.contact{padding:60px 0 40px}.contact h2{margin:35px 0;font-size:clamp(59px,14vw,95px)}.contact h2>span{padding-right:0;font-size:1em}.contact-bottom{flex-direction:column;align-items:start;gap:30px}.contact-bottom>p{font-size:16px}.footer{flex-wrap:wrap;justify-content:space-between;gap:22px;font-size:9px}.footer>span:nth-child(2){display:none}.detail-heading{padding:50px 0 30px}.detail-heading h1{overflow-wrap:anywhere;font-size:46px}.detail-heading>p:last-child{font-size:20px}.detail-meta{grid-template-columns:1fr;gap:22px}.detail-meta dt{margin-bottom:8px}.detail>.project-art{height:320px}.art-disclaimer{font-size:10px}.case-body{margin:45px 0}.case-section{grid-template-columns:1fr;gap:25px;padding:30px 0}.case-section h2{font-size:26px}.case-section div>p,.case-section li{font-size:15px}.status-row{flex-wrap:wrap;gap:9px}.next-project{grid-template-columns:1fr 25px;gap:20px}.next-project>span:first-child{grid-column:span 2}.next-project>strong{font-size:26px}.next-project>span:last-child{font-size:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.detail-meta.has-url{grid-template-columns:1.2fr 1.2fr .7fr .9fr}.meta-link{overflow-wrap:anywhere;border-bottom:1px solid;padding-bottom:3px}.meta-link:hover{color:var(--blue)}.case-section ul.case-list{margin:22px 0 0;padding:0;list-style:none}.case-list li{margin-bottom:12px;padding-left:22px;position:relative}.case-list li:before{content:"—";color:var(--muted);position:absolute;left:0}.case-list.check li:before{content:"✓";color:var(--blue)}.case-links{border-top:1px solid var(--line);margin-top:22px}.case-links a{border-bottom:1px solid var(--line);grid-template-columns:1fr 20px;gap:4px 15px;padding:17px 0;transition:color .2s;display:grid}.case-links a:hover{color:var(--blue)}.case-links strong{font-size:16px;font-weight:500}.case-links span{color:var(--muted);grid-column:1;font-size:13px;line-height:1.6}.case-links b{grid-area:1/2/span 2;align-self:center;font-size:20px;font-weight:400}.side-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.side-grid article{border-top:1px solid var(--line);flex-direction:column;padding-top:20px;display:flex}.side-top{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.side-grid h3{letter-spacing:-.045em;margin:30px 0 12px;font-size:24px}.side-role{color:var(--blue);font-size:12px;line-height:1.6}.side-summary{color:#676862;margin:16px 0;font-size:14px;line-height:1.8}.side-grid ul{margin:0 0 auto;padding:0;font-size:13px;line-height:1.7;list-style:none}.side-grid li{margin-bottom:7px;padding-left:16px;position:relative}.side-grid li:before{content:"·";position:absolute;left:3px}.side-grid .text-link{align-self:start}.side-note{letter-spacing:.06em;color:var(--muted);margin-top:23px;font-size:10px}.contact-links{flex-wrap:wrap;gap:15px 35px;display:flex}@media (max-width:1000px){.side-grid,.detail-meta.has-url{grid-template-columns:1fr 1fr}}@media (max-width:700px){.side-grid{grid-template-columns:1fr;gap:40px}.side-grid h3{margin-top:20px;font-size:22px}.detail-meta.has-url{grid-template-columns:1fr}.contact-links{flex-direction:column}.contact-email{font-size:19px}.nav a{font-size:17px}}.about{color:#f6f5f1;padding:65px var(--pad) 90px;background:#232521}.about .section-label>span{color:#8d9187}.about a:focus-visible,.career-list summary:focus-visible{outline-offset:6px;outline:3px solid #96a9ff}.about-grid{grid-template-columns:1.15fr 1fr;align-items:end;gap:70px;margin-top:55px;display:grid}.about h2{letter-spacing:-.065em;font-size:clamp(48px,6.4vw,110px);font-weight:500;line-height:.98}.about h2>span{color:#96a9ff}.about-lead{letter-spacing:-.03em;margin-top:38px;font-size:23px;line-height:1.5}.about-copy{color:#b9bdb4;margin-top:16px;font-size:14px;line-height:1.9}.stats{border-top:1px solid #50534a;grid-template-columns:1fr 1fr;display:grid}.stats>*{border-bottom:1px solid #50534a;padding:26px 24px 26px 0}.stats>:nth-child(2n){border-left:1px solid #50534a;padding:26px 0 26px 24px}.stats strong{letter-spacing:-.05em;white-space:nowrap;font-size:clamp(34px,3.5vw,56px);font-weight:500;line-height:1.05;display:block}.stats p{margin-top:14px;font-size:14px}.stats small{color:#b9bdb4;margin-top:6px;font-size:12px;line-height:1.6;display:block}.about-block{margin-top:90px}.about .sub-label{color:#b9bdb4;margin-bottom:22px}.company{background:var(--blue);color:#fff;grid-template-columns:1fr 1.3fr;align-items:end;gap:40px;padding:30px;display:grid}.company span{font-size:14px}.company h3{letter-spacing:-.05em;justify-content:space-between;align-items:center;margin:12px 0 20px;font-size:clamp(34px,4vw,60px);font-weight:500;display:flex}.company h3>b{font-size:.8em;font-weight:300}.company small{letter-spacing:.09em;font-size:10px}.company>p{color:#ffffffd9;font-size:14px;line-height:1.85}.career-list{margin:0;padding:0;list-style:none}.career-list>li{border-bottom:1px solid #50534a}.career-list summary{cursor:pointer;list-style:none}.career-list summary::-webkit-details-marker{display:none}.career-list summary,.career-head{grid-template-columns:150px 1fr auto 24px;align-items:center;gap:20px;padding:24px 0;display:grid}.career-list summary:hover strong{color:#96a9ff}.career-period{color:#b9bdb4;font-variant-numeric:tabular-nums;font-size:12px}.career-main strong{letter-spacing:-.03em;font-size:18px;font-weight:500;transition:color .2s;display:block}.career-main>span{color:#b9bdb4;margin-top:6px;font-size:13px;line-height:1.6;display:block}.career-list em{color:#96a9ff;white-space:nowrap;border:1px solid #5a6054;border-radius:20px;padding:5px 10px;font-size:10px;font-style:normal}.career-list summary>b{text-align:right;font-size:20px;font-weight:400;transition:transform .2s}.career-list details[open] summary>b{transform:rotate(45deg)}.career-detail{grid-template-columns:1fr 1fr;gap:30px;padding:0 0 30px 170px;display:grid}.career-detail h4{margin-bottom:12px;font-size:12px;font-weight:500}.career-detail ul{margin:0;padding:0;list-style:none}.career-detail li{color:#b9bdb4;word-break:keep-all;margin-bottom:6px;padding-left:14px;font-size:13px;line-height:1.7;position:relative}.career-detail li:before{content:"·";position:absolute;left:2px}.career-detail .text-link{grid-column:1/-1;justify-self:start;margin-top:0}.stack{border-top:1px solid #50534a;grid-template-columns:repeat(5,1fr);gap:0 24px;display:grid}.stack>div{padding-top:22px}.stack h4{letter-spacing:.06em;color:#96a9ff;margin-bottom:14px;font-size:11px;font-weight:500}.stack ul{margin:0;padding:0;list-style:none}.stack li{border-bottom:1px solid #3a3d36;padding:9px 0;font-size:14px}.edu{border-top:1px solid #50534a;margin:0;padding:0;list-style:none}.edu li{border-bottom:1px solid #50534a;grid-template-columns:1fr 1.6fr auto;align-items:baseline;gap:20px;padding:20px 0;font-size:14px;display:grid}.edu strong{font-size:16px;font-weight:500}.edu span{color:#b9bdb4}.edu span:last-child{font-size:12px}@media (max-width:1000px){.about-grid{grid-template-columns:1fr;gap:45px}.stack{grid-template-columns:repeat(3,1fr);gap:24px}.career-detail{padding-left:0}.company{grid-template-columns:1fr;gap:20px}}@media (max-width:700px){.about{padding:40px var(--pad) 60px}.about-grid{margin-top:35px}.about h2{font-size:clamp(44px,13vw,70px)}.about-lead{margin-top:28px;font-size:20px}.about-copy{font-size:13px}.stats>*{padding:20px 12px 20px 0}.stats>:nth-child(2n){padding:20px 0 20px 12px}.stats p{font-size:13px}.about-block{margin-top:60px}.company{padding:24px}.career-list summary,.career-head{grid-template-columns:1fr 24px;gap:8px 12px;padding:20px 0}.career-period,.career-main{grid-column:1}.career-list em{grid-column:1;justify-self:start}.career-list summary>b{grid-area:1/2/span 3;align-self:start}.career-head>span:last-child{display:none}.career-detail{grid-template-columns:1fr;gap:20px}.stack{grid-template-columns:1fr 1fr}.edu li{grid-template-columns:1fr;gap:4px}}.about-name{letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:38px;font-size:20px;font-weight:500;display:flex}.about-name>span{letter-spacing:.06em;color:#96a9ff;font-size:12px;font-weight:400}.about-name+.about-lead{margin-top:14px}@media (max-width:700px){.about-name{margin-top:28px;font-size:18px}}.impact{flex-direction:column;transition:color .2s;display:flex}.impact-top{letter-spacing:.09em;color:#b9bdb4;justify-content:space-between;font-size:10px;display:flex}.impact-top>b{color:#96a9ff;font-size:16px;font-weight:300;transition:transform .2s}.stats .impact strong{letter-spacing:-.04em;white-space:normal;margin:16px 0 12px;font-size:clamp(20px,1.9vw,28px);line-height:1.25}.impact>p{color:#b9bdb4;margin:0;font-size:13px;line-height:1.6}.impact>p.after{color:#f6f5f1;margin-top:2px}.impact>p.after:before{content:"→ ";color:#96a9ff}.impact:hover strong{color:#96a9ff}.impact:hover .impact-top>b{transform:translate(2px,-2px)}@media (max-width:700px){.stats .impact strong{margin:12px 0 10px;font-size:18px}.impact>p{font-size:12px}}
