@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--black:#080b0e;--dark:#0d1116;--panel:#151b22;--paper:#f2f5f4;--white:#fff;--ink:#11161b;--muted:#88939e;--line:#d8dedf;--mint:#55e6b5;--cyan:#21c5c7;--blue:#3157e2;--display:"Space Grotesk",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-frame{overflow:hidden}.topbar{color:#fff;background:var(--black);z-index:10;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 max(32px,50vw - 660px);display:grid;position:relative}.brand,.nav-actions,.topbar nav{align-items:center;display:flex}.brand{gap:11px;font-weight:600}.brand-dot{width:34px;height:34px;font:500 10px/1 var(--mono);color:var(--mint);border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid}.topbar nav{gap:38px;font-size:13px}.topbar nav a,.nav-actions a{transition:color .2s,background .2s}.topbar nav a:hover{color:var(--mint)}.nav-actions{justify-content:flex-end;gap:9px}.lang{font:500 11px/1 var(--mono);color:#a8b1ba;padding:11px}.github,.primary{border-radius:7px;justify-content:space-between;align-items:center;display:inline-flex}.github{color:#111;background:#fff;padding:12px 15px;font-size:12px;font-weight:700}.hero{color:#fff;isolation:isolate;background:radial-gradient(circle at 78% 47%,#21c5c71a,#0000 27%),linear-gradient(120deg,#070a0d,#111821);grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:clamp(40px,6vw,100px);min-height:calc(100vh - 82px);padding:70px max(32px,50vw - 660px) 92px;display:grid;position:relative}.hero-grid{z-index:-1;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 55%,#000);mask-image:linear-gradient(90deg,#0000,#000 55%,#000)}.eyebrow{color:#8d98a2;font:500 10px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 28px;display:flex}.eyebrow i,.proof strong i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #55e6b51a}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(64px,7.2vw,116px);font-weight:600;line-height:.87}.hero h1 em{color:var(--mint);font-style:normal}.hero-lede{color:#aab3bb;word-break:keep-all;max-width:650px;margin:34px 0;font-family:system-ui,sans-serif;font-size:clamp(16px,1.5vw,20px);line-height:1.7}.hero-actions{align-items:center;gap:25px;display:flex}.primary{color:#07110e;background:var(--mint);min-width:170px;height:52px;padding:0 17px 0 20px;font-size:13px;font-weight:700}.primary:hover{background:#fff}.plain{color:#aab3bb;font-size:13px;font-weight:600}.system-map{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1218a3;border:1px solid #ffffff21;border-radius:28px;justify-self:end;width:100%;max-width:570px;padding:20px;box-shadow:0 45px 90px -44px #000}.map-head,.map-foot{color:#6f7a85;font:500 9px/1 var(--mono);letter-spacing:.08em;align-items:center;display:flex}.map-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding-bottom:18px}.radar{aspect-ratio:1;background:radial-gradient(circle,#55e6b517,#0000 12% 25%,#ffffff17 25.2%,#0000 25.5% 40%,#ffffff14 40.2%,#0000 40.5% 55%,#ffffff12 55.2%,#0000 55.5%),linear-gradient(90deg,#0000 49.9%,#ffffff14 50%,#0000 50.1%),linear-gradient(#0000 49.9%,#ffffff14 50%,#0000 50.1%);margin:12px 0;position:relative}.radar:before{content:"";border:1px dashed #55e6b542;border-radius:50%;animation:28s linear infinite spin;position:absolute;inset:12%}.core{z-index:3;text-align:center;background:#050708;border:1px solid #ffffff2e;border-radius:50%;place-content:center;display:grid;position:absolute;inset:37%;box-shadow:0 0 40px #55e6b51f}.core strong{letter-spacing:-.08em;font-size:clamp(27px,3vw,46px)}.core small{color:var(--mint);font:400 7px/1 var(--mono);margin-top:5px}.node{z-index:2;color:#aeb8c1;font:500 8px/1 var(--mono);background:#11171e;border:1px solid #ffffff24;border-radius:6px;padding:9px 11px;position:absolute}.n1{top:8%;left:44%}.n2{top:47%;right:2%}.n3{bottom:8%;left:39%}.n4{top:47%;left:2%}.packet{z-index:4;background:var(--mint);offset-path:circle(40% at 50% 50%);border-radius:50%;width:6px;height:6px;animation:8s linear infinite packet;position:absolute;box-shadow:0 0 0 5px #55e6b51f}.p2{background:#ffad78;animation-direction:reverse;animation-delay:-4s}.map-foot{border-top:1px solid #ffffff1a;gap:10px;padding-top:17px}.map-foot i{background:#2b343e;flex:1;height:1px}.map-foot b{color:var(--mint);font-weight:500}.scroll-cue{color:#5f6a74;font:500 9px/1 var(--mono);letter-spacing:.1em;position:absolute;bottom:28px;left:max(32px,50vw - 660px)}.scroll-cue span{color:var(--mint);margin-left:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes packet{to{offset-distance:100%}}.proof{color:#fff;background:var(--black);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);padding:0 max(32px,50vw - 660px);display:grid}.proof>div{border-right:1px solid #ffffff1a;flex-direction:column;justify-content:center;min-height:112px;padding:0 30px;display:flex}.proof>div:first-child{padding-left:0}.proof>div:last-child{border:0}.proof span,.work .section-head p,.process-head p,.evidence>p,.career>p,.cta>p{color:#6f7a85;font:500 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 13px}.proof strong{align-items:center;gap:11px;font-size:15px;display:flex}.work{color:#fff;background:var(--dark);padding:140px max(32px,50vw - 660px)}.section-head{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:60px;display:flex}.section-head h2,.process h2{letter-spacing:-.065em;margin:0;font-size:clamp(50px,6.6vw,90px);line-height:.91}.mode-switch{background:#171d24;border:1px solid #ffffff17;border-radius:11px;grid-template-columns:1fr 1fr;width:240px;padding:4px;display:grid}.mode-switch button{color:#77828e;cursor:pointer;height:42px;font:500 10px/1 var(--mono);background:0 0;border:0;border-radius:8px}.mode-switch button.active{color:#07110e;background:var(--mint)}.project-browser{grid-template-columns:260px 1fr;gap:14px;display:grid}.project-tabs{align-content:start;gap:8px;display:grid}.project-tabs button{color:#adb7c1;text-align:left;cursor:pointer;background:#151b22;border:1px solid #ffffff0f;border-radius:13px;grid-template-rows:1fr 1fr;grid-template-columns:35px 1fr;align-items:center;min-height:94px;padding:15px;display:grid}.project-tabs button span{color:#596570;font:400 9px/1 var(--mono);grid-row:1/3}.project-tabs button strong{font-size:14px}.project-tabs button small{color:#596570;font:400 8px/1 var(--mono);align-self:start}.project-tabs button.active{box-shadow:inset 3px 0 var(--mint);background:#202832;border-color:#55e6b54d}.project-card{color:var(--ink);background:#f5f7f6;border-radius:22px;overflow:hidden}.project-top{border-bottom:1px solid var(--line);color:#8a949d;height:62px;font:500 9px/1 var(--mono);justify-content:space-between;align-items:center;padding:0 28px;display:flex}.project-top span{align-items:center;gap:8px;display:flex}.project-top i{background:#2daf7d;border-radius:50%;width:6px;height:6px}.project-top b{font-weight:500}.project-main{grid-template-columns:.9fr 1.1fr;min-height:440px;display:grid}.project-copy{flex-direction:column;align-items:flex-start;padding:58px 48px;display:flex}.project-copy small{color:#3157e2;font:500 10px/1 var(--mono);margin-bottom:20px}.project-copy h3{letter-spacing:-.065em;margin:0 0 24px;font-size:clamp(44px,5vw,72px);line-height:.9}.project-copy p{color:#64707a;word-break:keep-all;max-width:490px;margin:0;font-family:system-ui,sans-serif;font-size:17px;line-height:1.7}.project-copy a{color:#fff;background:var(--ink);border-radius:7px;margin-top:auto;padding:13px 15px;font-size:12px;font-weight:700}.project-visual{color:#fff;background:#10161c;border-radius:17px;flex-direction:column;justify-content:space-between;margin:18px 18px 18px 0;padding:30px;display:flex;position:relative;overflow:hidden}.project-visual:before{content:"";background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.project-visual>span,.project-visual>strong,.visual-lines{position:relative}.project-visual>span{color:#8d99a5;font:500 9px/1 var(--mono)}.project-visual>strong{letter-spacing:-.06em;max-width:350px;font-size:clamp(32px,4vw,58px);line-height:.85}.visual-lines{height:100px}.visual-lines i{background:linear-gradient(90deg,var(--mint),transparent 70%);height:2px;position:absolute;top:10px;left:0;right:0;transform:rotate(-5deg)}.visual-lines i:nth-child(2){background:linear-gradient(90deg,var(--blue),transparent 70%);top:45px;transform:rotate(4deg)}.visual-lines i:nth-child(3){background:linear-gradient(90deg,#ffad78,#0000 70%);top:80px;transform:rotate(-1deg)}.project-card footer{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.project-card footer div{border-right:1px solid var(--line);min-height:112px;padding:25px}.project-card footer div:last-child{border:0}.project-card footer span{color:#9aa3aa;font:500 8px/1 var(--mono);margin-bottom:13px;display:block}.project-card footer b{color:#65717a;font:500 12px/1.5 var(--display)}.process{background:#f2f5f4;padding:145px max(32px,50vw - 660px)}.process-head{grid-template-columns:.55fr 1.45fr;margin-bottom:75px;display:grid}.process h2 span:last-child{color:var(--blue)}.process ol{border-top:2px solid var(--cyan);grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.process li{border-left:1px solid var(--line);min-height:170px;padding:28px 20px}.process li span{color:var(--blue);font:500 9px/1 var(--mono);margin-bottom:25px;display:block}.process li strong{font-size:24px;display:block}.process li small{color:#77828b;margin-top:11px;font-family:system-ui,sans-serif;display:block}.evidence{color:#fff;background:var(--black);grid-template-columns:.45fr 1.55fr;gap:50px;padding:105px max(32px,50vw - 660px);display:grid}.evidence>div{border-top:1px solid #ffffff24}.evidence article{border-bottom:1px solid #ffffff1c;grid-template-columns:45px 1fr 1fr 1.2fr;align-items:center;min-height:104px;display:grid}.evidence article span{color:#5e6974;font:400 9px/1 var(--mono)}.evidence h3{margin:0;font-size:18px}.evidence article p,.evidence article b{color:#828d98;margin:0;font-size:12px;font-weight:500}.career{padding:130px max(32px,50vw - 660px)}.career>div{border-top:1px solid #cbd2d4;grid-template-columns:.6fr 1fr 1fr;align-items:center;min-height:90px;display:grid}.career>div:last-child{border-bottom:1px solid #cbd2d4}.career time{color:#8c969d;font:400 10px/1 var(--mono)}.career strong{font-size:21px}.career strong i{background:#2daf7d;border-radius:50%;width:6px;height:6px;margin-left:9px;display:inline-block}.career div span{color:#68737c;font-size:14px}.cta{color:#06120e;background:var(--mint);border-radius:25px;margin:0 max(32px,50vw - 660px) 120px;padding:65px;position:relative;box-shadow:0 30px 60px -35px #12735399}.cta>p{color:#277c62}.cta h2{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,78px);line-height:.9}.cta a{color:#fff;background:#0b1115;border-radius:7px;padding:14px 16px;font-size:12px;font-weight:700;position:absolute;bottom:65px;right:65px}.footer{border-top:1px solid #ccd3d5;grid-template-columns:1fr auto 1fr;align-items:center;min-height:160px;padding:0 max(32px,50vw - 660px);display:grid}.footer nav{color:#5f6a73;gap:25px;font-size:12px;display:flex}.footer>span{color:#8a949c;font:500 9px/1 var(--mono);letter-spacing:.09em;justify-self:end}@media (max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.system-map{justify-self:start;max-width:600px}.proof{grid-template-columns:1fr}.proof>div,.proof>div:first-child{border-bottom:1px solid #ffffff1a;border-right:0;min-height:82px;padding:0}.section-head{flex-direction:column;align-items:flex-start}.project-browser{grid-template-columns:1fr}.project-tabs{grid-template-columns:repeat(3,1fr)}.project-main{grid-template-columns:1fr}.project-copy{min-height:360px}.project-visual{min-height:380px;margin:0 18px 18px}.process-head,.evidence{grid-template-columns:1fr;gap:35px}.process ol{grid-template-columns:1fr}.process li{min-height:100px}.evidence article{grid-template-columns:35px 1fr 1fr}.evidence article b{grid-column:2/4;padding-bottom:20px}}@media (max-width:640px){.topbar{height:70px;padding-inline:18px}.brand>span:last-child{display:none}.nav-actions{gap:4px}.github{padding:11px}.hero{min-height:auto;padding:65px 18px 75px}.hero h1{font-size:clamp(52px,15vw,72px)}.hero-lede{font-size:16px}.system-map{border-radius:20px;padding:15px}.scroll-cue{display:none}.proof,.work,.process,.evidence,.career{padding-left:18px;padding-right:18px}.work{padding-top:90px;padding-bottom:90px}.section-head h2,.process h2{font-size:48px}.mode-switch{width:100%}.project-tabs{margin-inline:-18px;padding-inline:18px;display:flex;overflow-x:auto}.project-tabs button{min-width:175px}.project-card{border-radius:17px}.project-copy{min-height:390px;padding:42px 24px}.project-copy h3{font-size:46px}.project-visual{min-height:300px}.project-card footer{grid-template-columns:1fr}.project-card footer div{border-right:0;border-bottom:1px solid var(--line);min-height:83px}.process{padding-top:90px;padding-bottom:90px}.process-head{margin-bottom:45px}.evidence{padding-top:75px;padding-bottom:75px}.evidence article{grid-template-columns:32px 1fr;padding:18px 0}.evidence article p,.evidence article b{grid-column:2;padding:5px 0 0}.career{padding-top:85px;padding-bottom:85px}.career>div{grid-template-columns:105px 1fr;padding:17px 0}.career div span{grid-column:2}.cta{border-radius:20px;margin:0 18px 80px;padding:38px 26px 110px}.cta h2{font-size:48px}.cta a{bottom:34px;left:26px;right:auto}.footer{grid-template-columns:1fr auto;min-height:210px;padding:30px 18px}.footer>span{grid-column:1/3;justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.radar:before,.packet{animation:none}}.brand-dot{border:3px solid var(--mint);border-radius:50%;width:12px;height:12px;font-size:0;display:block;box-shadow:0 0 0 5px #55e6b51a}@media (max-width:640px){.radar{overflow:clip}.project-browser{min-width:0;overflow:clip}.project-tabs{width:100%;margin-inline:0;padding-inline:0}}.lang-ko h1,.lang-ko h2,.lang-ko h3,.lang-ko p,.lang-ko li,.lang-ko .legal-list span,.lang-ko .career span{word-break:keep-all;overflow-wrap:normal}.sub-header{color:#fff;background:var(--black);border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 max(24px,50vw - 590px);display:grid}.sub-header>a:first-child{align-items:center;gap:10px;font-weight:600;display:flex}.sub-header>a:first-child b{width:32px;height:32px;color:var(--mint);font:500 9px/1 var(--mono);border:1px solid #fff3;border-radius:50%;place-items:center;display:grid}.sub-header nav{color:#aeb7bf;gap:30px;font-size:12px;display:flex}.sub-header>a:last-child{color:var(--mint);font:500 11px/1 var(--mono);justify-self:end}.sub-page,.document{min-height:calc(100vh - 76px);padding:100px max(24px,50vw - 590px) 120px}.sub-kicker{color:#75818b;font:500 9px/1 var(--mono);letter-spacing:.1em;margin:0 0 22px}.sub-page>h1,.document>h1{letter-spacing:-.075em;margin:0 0 65px;font-size:clamp(60px,9vw,118px);line-height:.86}.service-cards,.legal-list{border-top:1px solid #bdc6c9}.service-cards>a{border-bottom:1px solid #bdc6c9;grid-template-columns:80px 1fr auto;align-items:center;min-height:150px;transition:padding .2s,background .2s;display:grid}.service-cards>a:hover{background:#fff;padding:0 22px}.service-cards i{color:#07110e;background:var(--mint);width:58px;height:58px;font:600 14px/1 var(--display);border-radius:15px;place-items:center;font-style:normal;display:grid}.service-cards h2{letter-spacing:-.04em;margin:0;font-size:30px}.service-cards p{color:#6e7981;margin:6px 0 0}.service-cards>a>b{font-size:25px}.legal-list a{border-bottom:1px solid #bdc6c9;grid-template-columns:1fr 1fr auto;align-items:center;min-height:92px;display:grid}.legal-list span{font-size:20px;font-weight:600}.legal-list small{color:#7b858d;font:400 10px/1.4 var(--mono)}.document{max-width:1180px;margin:auto}.document>h1{max-width:900px;font-size:clamp(48px,7vw,82px);line-height:.96}.prose{color:#313940;border-top:1px solid #c6ced0;max-width:820px;padding-top:20px;font-family:system-ui,sans-serif;line-height:1.8}.prose h2{font-family:var(--display);letter-spacing:-.03em;border-top:1px solid #d4dadc;margin-top:55px;padding-top:25px;font-size:27px}.prose h3{margin-top:35px;font-size:20px}.prose a{color:#2444b7;text-underline-offset:3px;text-decoration:underline}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid #d4dadc;padding:12px}.back-link{color:#fff;background:var(--ink);border-radius:7px;margin-top:55px;padding:13px 16px;font-size:12px;font-weight:700;display:inline-flex}@media (max-width:640px){.sub-header{grid-template-columns:1fr auto;padding-inline:18px}.sub-header nav{display:none}.sub-page,.document{padding:70px 18px 90px}.sub-page>h1,.document>h1{margin-bottom:45px}.service-cards>a{grid-template-columns:58px 1fr auto;min-height:125px}.service-cards i{width:48px;height:48px}.service-cards h2{font-size:23px}.service-cards p{font-size:12px}.legal-list a{grid-template-columns:1fr auto;padding:18px 0}.legal-list small{grid-column:1}.legal-list b{grid-area:1/2/3}.prose{font-size:15px;overflow-x:auto}}