:root{color-scheme:light;--paper:#fff;--canvas:#f3f6fc;--ink:#142841;--muted:#52647a;--blue:#245de6;--teal:#08796e;--line:#dce4ef;--ease:cubic-bezier(.22,1,.36,1);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;font-size:16px;line-height:1.65;font-synthesis:none;font-variant-numeric:tabular-nums;scroll-behavior:smooth;scroll-padding-top:2rem}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}button:active,.primary-action:active{transform:translateY(1px)}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;object-fit:contain}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;left:1rem;top:-10rem;padding:1rem;background:var(--ink);color:#fff;z-index:20}.skip-link:focus{top:1rem}.site-header{max-width:1328px;margin:auto;padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.wordmark{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-size:1.6rem;letter-spacing:-.06em;font-weight:800;min-height:48px}.wordmark>svg{width:26px;height:26px;stroke-width:2.3}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);align-self:flex-start;margin-top:.85rem;margin-left:-.25rem}.site-header nav{display:flex;gap:2.25rem;align-items:center}.site-header nav a{display:flex;align-items:center;min-height:48px;text-decoration:none;font-size:.9375rem;font-weight:600}.site-header nav a:hover{color:var(--blue)}main{display:block}.hero{max-width:1328px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:2rem;padding:2.25rem 2.5rem 5.5rem;align-items:center}.studio-note{display:flex;gap:.6rem;align-items:center;color:var(--muted);font-size:.9375rem;margin-bottom:1.8rem}.studio-note>span{width:7px;height:7px;background:var(--teal);border-radius:50%}h1{font-size:clamp(2.65rem,4.9vw,4.3rem);line-height:1.15;font-weight:750;letter-spacing:-.065em}.hero-description{font-size:1.125rem;line-height:1.85;color:var(--muted);margin:1.65rem 0 2rem}.primary-action{display:inline-flex;gap:1.4rem;justify-content:space-between;align-items:center;min-height:54px;padding:.85rem 1.4rem;background:var(--blue);color:#fff;text-decoration:none;font-weight:650;border-radius:12px;border:0;transition:background .18s}.primary-action:hover{background:#174cc7}.primary-action>svg{width:22px;height:22px}.hero-workspace{min-width:0;border:1px solid #d7e3f5;background:#eaf1ff;border-radius:32px;overflow:hidden;box-shadow:0 15px 40px -30px #1d4a9a38}.axis-scene{position:relative;aspect-ratio:1.43;isolation:isolate}.scene-grid{position:absolute;inset:0;background-image:radial-gradient(#b0c7e4 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(transparent,#000 18%,#000 80%,transparent);opacity:.5}.scene-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#a7bfdf;stroke-width:.8}.scene-lines circle{stroke-dasharray:4 6}.scene-lines .axis-line{stroke:#afc4e2;stroke-dasharray:3 6}.axis-core{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:19%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 6px 24px #5176a51a;color:var(--blue)}.axis-core>svg{width:58%;height:58%;stroke-width:2.5}.scene-node{position:absolute;width:22%;text-align:center;text-decoration:none;min-height:48px;z-index:1;transition:transform .3s var(--ease),filter .3s var(--ease)}.scene-node>img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:24%;filter:drop-shadow(0 10px 12px #27467822)}.scene-node>span{position:relative;display:inline-block;font-size:.875rem;line-height:1.4;font-weight:650;background:#ffffffed;padding:.35rem .55rem;border-radius:8px;max-width:11rem;margin-top:.65rem}.node-0{left:10%;top:8%;rotate:-8deg}.node-1{right:10%;top:9%;rotate:7deg;width:21%}.node-2{right:6%;bottom:12%;rotate:-7deg;width:20%}.node-3{left:12%;bottom:9%;rotate:6deg;width:18%}.node-4{left:43%;top:4%;width:13%;rotate:8deg}.node-4>span{display:none}.scene-node:hover,.scene-node[aria-current=true]{transform:translateY(-6px) scale(1.04);filter:drop-shadow(0 0 8px #fff)}.scene-node[aria-current=true]>span{background:var(--ink);color:#fff}.scene-node:focus-visible{outline-offset:7px;border-radius:18px}.scene-instruction{position:absolute;left:0;right:0;bottom:2.5%;text-align:center;font-size:.875rem;color:#476183}.feature-preview{background:#fff;padding:1.4rem 1.7rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;border-top:1px solid #d7e3f5;min-height:145px}.feature-category{font-size:.875rem;color:var(--teal);font-weight:650}.feature-title{font-size:1.3rem;letter-spacing:-.04em;margin:.15rem 0}.feature-description{font-size:.9375rem;color:var(--muted);max-width:26em}.feature-open{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2rem;min-width:64px;min-height:64px;border:1px solid var(--line);border-radius:18px;background:var(--canvas);font-size:.875rem;flex-shrink:0}.feature-open>svg{width:20px;height:20px}.feature-open:hover{border-color:var(--blue);color:var(--blue)}.portfolio-section{padding:4.8rem max(2.5rem,calc((100% - 1248px)/2));background:var(--paper);scroll-margin-top:0}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.8rem}.section-context{font-size:.875rem;color:var(--teal);font-weight:650;margin-bottom:.7rem}h2{font-size:clamp(1.85rem,3vw,2.45rem);line-height:1.35;font-weight:700;letter-spacing:-.055em}.section-intro>p{font-size:1rem;line-height:1.8;color:var(--muted)}.explorer-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:.3rem}.filters>button{border:0;background:transparent;border-radius:10px;padding:.6rem .9rem;min-height:48px;font-weight:600;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.filters>button>span{font-size:.875rem;color:var(--muted);font-weight:500}.filters>button[aria-pressed=true]{background:var(--ink);color:#fff}.filters>button[aria-pressed=true]>span{color:#d9e5f4}.filters>button:hover:not([aria-pressed=true]){background:var(--canvas)}.search{display:flex;align-items:center;gap:.65rem;padding:0 1rem;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);flex:1 1 16rem;max-width:24rem;min-width:0}.search>svg{width:20px;height:20px;color:var(--muted)}.search>input{border:0;background:transparent;color:var(--ink);width:100%;min-width:0;min-height:48px;font-size:.9375rem}.search>input::placeholder{color:#5f7086}.search:focus-within{outline:3px solid var(--blue);outline-offset:3px}.search>input:focus-visible{outline:0}.explorer-caption{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;min-height:44px;color:var(--muted);font-size:.875rem}.reset-search{background:transparent;border:0;text-decoration:underline;text-underline-offset:.3em;min-height:44px;padding:.5rem}.portfolio-note{font-size:.875rem;line-height:1.7;color:var(--muted);margin:.5rem 0 1.5rem}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.project{border:1px solid var(--line);border-radius:22px;background:#fff;transition:border-color .2s,box-shadow .2s;min-width:0;scroll-margin-top:2rem}.project:hover{border-color:#90a9cd;box-shadow:0 12px 24px -20px #14284144}.project>article{padding:1.65rem;display:flex;flex-direction:column;height:100%}.project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.project-top>img{border-radius:24%;width:76px;height:76px;background:var(--canvas)}.project-category{font-size:.875rem;color:var(--muted);padding:.35rem .6rem;background:var(--canvas);border-radius:7px;margin-top:.2rem}.project h3{font-size:1.2rem;font-weight:700;line-height:1.45;letter-spacing:-.035em;margin-bottom:.65rem}.project-description{font-size:1rem;color:var(--muted);line-height:1.75;flex:1}.project-bottom{margin-top:1.5rem;display:flex;gap:.6rem;align-items:center;justify-content:space-between}.project-platform{font-size:.875rem;color:var(--muted)}.open-service{display:flex;gap:.4rem;align-items:center;border:0;background:transparent;font-size:.875rem;font-weight:650;min-height:48px;padding:.4rem 0 .4rem .4rem;color:var(--ink)}.open-service>svg{width:17px;height:17px}.open-service:hover{color:var(--blue)}.static-connection{margin-top:.75rem;font-size:.875rem;color:var(--muted)}.static-connection a{display:inline-flex;align-items:center;min-height:48px}.enhanced-details .static-connection{display:none}.empty-state{padding:4rem 1rem;text-align:center;border:1px dashed var(--line);border-radius:20px}.empty-state h3{font-size:1.3rem;margin-bottom:.5rem}.empty-state p{color:var(--muted)}.empty-reset,.load-more{min-height:52px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);padding:.8rem 1.4rem;font-weight:600}.empty-reset{margin-top:1.5rem}.load-more-wrap{text-align:center;margin-top:2rem}.load-more{min-width:min(100%,20rem)}.load-more:hover{border-color:var(--blue);color:var(--blue)}.studio-section{max-width:1248px;margin:6rem auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;padding:0 2.5rem;align-items:center}.studio-mark{max-width:300px;aspect-ratio:1;border-radius:50%;background:#dfeafc;display:grid;place-items:center;position:relative}.studio-mark:before{content:"";position:absolute;inset:13%;border:1px solid #adc4e8;border-radius:50%}.studio-mark>svg{width:75%;height:75%;stroke:var(--blue);stroke-width:2}.studio-mark>svg>circle{stroke:var(--teal);stroke-dasharray:4 7}.studio-copy>p:not(.section-context){color:var(--muted);font-size:1.0625rem;line-height:1.9;margin-top:1.4rem;max-width:34em}.contact-section{max-width:1248px;margin:0 auto 5rem;padding:3rem;border:1px solid #c7d7ec;border-radius:28px;display:flex;gap:2rem;align-items:center;justify-content:space-between;background:#e8f0fd}.contact-section p:not(.section-context){color:var(--muted);margin-top:1rem}.contact-action{display:grid;grid-template-columns:1fr auto;column-gap:1.5rem;min-height:64px;text-decoration:none;flex-shrink:0}.contact-action>span:first-child{font-size:1.0625rem;font-weight:650}.contact-action>span:nth-child(2){font-size:.875rem;color:var(--muted);grid-row:2}.contact-action>svg{grid-column:2;grid-row:1 / 3;width:28px;height:28px;align-self:center;color:var(--blue)}.contact-action:hover>span:first-child{text-decoration:underline}.site-footer{max-width:1328px;margin:auto;padding:2rem 2.5rem}.footer-brand{display:inline-block;font-size:1.5rem;letter-spacing:-.055em;font-weight:800;text-decoration:none;min-height:48px}.business-info{display:flex;gap:.35rem 1.3rem;flex-wrap:wrap;margin-top:1.2rem;font-size:.875rem;color:var(--muted);line-height:1.8}.business-info>div{display:flex;gap:.6rem;max-width:100%}.business-info dt{flex-shrink:0}.business-info a{overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{display:flex;align-items:center;min-height:48px}.footer-bottom>span{align-self:center}.service-dialog{padding:0;border:0;border-radius:28px;width:min(560px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;color:var(--ink);background:#fff;box-shadow:0 30px 100px #14284140;overscroll-behavior:contain}.service-dialog::backdrop{background:#10243d88;backdrop-filter:blur(6px)}.dialog-toolbar{padding:.8rem 1.4rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--muted);gap:1rem}.close-detail{display:grid;place-items:center;min-height:48px;min-width:48px;border:0;background:var(--canvas);border-radius:50%}.close-detail>svg{width:22px;height:22px}.dialog-art{background:#eaf1ff;min-height:220px;display:flex;align-items:center;justify-content:center;gap:2.5rem;padding:2rem}.detail-icon{width:132px;height:132px;border-radius:25%;box-shadow:0 12px 20px -10px #2557a144}.dialog-axis{font-size:6rem;font-weight:200;color:#7c9bc8;line-height:1}.dialog-copy{padding:2rem}.detail-category{font-size:.875rem;color:var(--teal);margin-bottom:.7rem}.dialog-copy>h2{font-size:2rem;letter-spacing:-.05em;line-height:1.3}.detail-description{font-size:1.125rem;line-height:1.85;color:var(--muted);margin-top:1rem}.detail-facts{display:grid;gap:.75rem;padding:1.2rem 0;margin-top:1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem}.detail-facts>div{display:grid;grid-template-columns:5em 1fr;gap:1rem}.detail-facts dt{color:var(--muted)}.detail-link-note{font-size:.875rem;line-height:1.8;color:var(--muted);margin:1.2rem 0}.detail-link{width:100%;justify-content:center}.detail-dismiss{width:100%;border:0;background:transparent;text-decoration:underline;text-underline-offset:.25em;min-height:48px;margin-top:.5rem;font-size:.875rem}.hero-workspace{animation:workspace-in .65s var(--ease) both}@keyframes workspace-in{from{opacity:0;transform:translateY(14px) rotate(1deg)}to{opacity:1;transform:none}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
@media(min-width:1600px){.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-section{padding-left:max(2.5rem,calc((100% - 1408px)/2));padding-right:max(2.5rem,calc((100% - 1408px)/2))}.project>article{padding:1.5rem}}
@media(max-width:1020px){.hero{gap:2rem;padding-bottom:4rem}.hero-description{font-size:1rem}.section-intro{align-items:flex-start}.section-intro>p{max-width:22em}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-section{margin:0 2.5rem 4rem;flex-direction:column;align-items:flex-start}.studio-section{gap:3rem}.scene-node>span{font-size:.875rem}.feature-preview{padding:1.2rem}.feature-description{font-size:.875rem}.feature-open{min-width:56px;min-height:56px}}
@media(max-width:760px){.site-header{padding:1rem 1.25rem;gap:.75rem}.wordmark{font-size:1.4rem;gap:.35rem}.wordmark>svg{width:21px;height:21px}.site-header nav{gap:1rem}.site-header nav a{font-size:.875rem}.brand-dot{display:none}.hero{grid-template-columns:1fr;padding:2rem 1.25rem 3.5rem;gap:2.4rem}.hero-copy{max-width:38rem}h1{font-size:clamp(2.7rem,8vw,3.8rem)}.studio-note{margin-bottom:1.3rem;font-size:.875rem}.hero-description{font-size:1rem;margin:1.25rem 0 1.5rem}.hero-workspace{max-width:580px;width:100%;justify-self:center;border-radius:24px}.axis-scene{aspect-ratio:1.5}.scene-node>span{font-size:.875rem}.feature-preview{min-height:135px;padding:1.15rem 1.25rem}.feature-title{font-size:1.2rem}.feature-description{font-size:.875rem}.feature-open{min-width:64px;min-height:64px}.portfolio-section{padding:3rem 1.25rem}.section-intro{flex-direction:column;gap:1rem;margin-bottom:1.8rem}.section-intro>p br{display:none}.section-intro>p{max-width:100%;font-size:.9375rem}.section-context{font-size:.875rem}h2{font-size:1.85rem}.explorer-top{gap:1rem}.filters{gap:.2rem;flex:1 1 100%}.filters>button{font-size:.875rem;gap:.4rem;padding:.5rem .65rem}.filters>button>span{font-size:.875rem}.search{max-width:none}.project-grid{gap:.85rem}.project>article{padding:1.1rem}.project-top{gap:.5rem;margin-bottom:1rem}.project-top>img{width:62px;height:62px}.project-category{font-size:.875rem;padding:.25rem .4rem}.project h3{font-size:1.125rem}.project-description{font-size:1rem}.project-bottom{align-items:flex-start;flex-direction:column;gap:.25rem;margin-top:1rem}.project-platform{font-size:.875rem}.open-service{padding-left:0}.studio-section{grid-template-columns:1fr;margin:3rem auto;padding:0 1.5rem;gap:1.8rem}.studio-mark{width:140px}.studio-copy>p:not(.section-context){font-size:1rem;line-height:1.85}.contact-section{margin:0 1.25rem 2.5rem;padding:1.6rem;gap:1.6rem;border-radius:22px}.contact-section h2{font-size:1.7rem}.contact-section p:not(.section-context){font-size:.9375rem}.contact-action{flex-shrink:1;width:100%;column-gap:.75rem}.contact-action>span:nth-child(2){font-size:.875rem}.site-footer{padding:1.5rem}.business-info{font-size:.875rem;flex-direction:column;gap:.45rem}.footer-bottom{flex-direction:column;gap:.5rem;align-items:flex-start}.footer-bottom>span{align-self:flex-start}.footer-links{gap:1rem}.dialog-copy{padding:1.5rem}.dialog-art{min-height:175px;padding:1.5rem}.detail-icon{width:108px;height:108px}.dialog-axis{font-size:5rem}.dialog-copy>h2{font-size:1.7rem}.detail-description{font-size:1rem}.service-dialog{border-radius:22px}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project>article{padding:1.5rem}.project-top>img{width:76px;height:76px}.project-top{margin-bottom:1.25rem}.project h3{font-size:1.25rem}.project-bottom{flex-direction:row;align-items:center}.project-category{font-size:.875rem;padding:.3rem .6rem}.scene-node>span{font-size:.875rem}.scene-instruction{font-size:.875rem}.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap}.feature-preview{align-items:flex-start}.feature-open{margin-top:.3rem}.wide-only{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-node:hover,.scene-node[aria-current=true]{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
@media(forced-colors:active){.primary-action,.filters>button[aria-pressed=true]{border:2px solid ButtonText}.scene-node[aria-current=true]{outline:3px solid Highlight}.project-category{border:1px solid CanvasText}.scene-grid{display:none}}
/* A spatial illustration becomes a normal icon list when enlarged text needs room. */
.hero-workspace{container-type:inline-size}
@container(width < 18em){.axis-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding:1.5rem 1rem;aspect-ratio:auto}.scene-lines,.axis-core{display:none}.scene-node{position:static;width:100%;rotate:0;max-width:none;transform:none!important}.scene-node>img{width:4rem;height:4rem;margin:auto}.scene-node>span,.node-4>span{display:inline-block;font-size:.875rem}.scene-instruction{position:static;grid-column:1 / -1;font-size:.875rem}.scene-node:nth-last-of-type(1){grid-column:1 / -1}}
.site-header nav a{min-width:48px;justify-content:center}.business-info>div{align-items:center}.business-info a{display:inline-flex;align-items:center;min-height:44px}
.lab-section{padding:3.5rem max(2.5rem,calc((100% - 1248px)/2));background:#edf3f8;border-top:1px solid var(--line)}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.lab-project{background:transparent;border-style:dashed}.lab-project .project-category{background:#dde8ed;color:#39535e}.lab-project .project-top>img{width:64px;height:64px}.lab-project .project-description{font-size:.9375rem}.lab-project .project-top{margin-bottom:1rem}
@media(max-width:1020px){.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.lab-section{padding:3rem 1.25rem}.lab-grid{grid-template-columns:1fr}}
.project,.lab-project{container-type:inline-size}
@container(width < 15em){.project-bottom{flex-direction:column;align-items:flex-start;gap:.4rem}.open-service{white-space:nowrap}}
@media(max-width:480px){.business-info>div{flex-wrap:wrap;align-items:flex-start;column-gap:1rem}.business-info dt{max-width:100%}.business-info dd{min-width:min(100%,12em)}.business-info{row-gap:.8rem}}
@container(width < 15em){.project-top{flex-wrap:wrap}.project-category{max-width:100%;white-space:normal}.project-top>img{flex-shrink:0}}
/* Text enlargement changes the layout, not the reading order. */
.site-header{flex-wrap:wrap}.wordmark{flex-shrink:0;white-space:nowrap}.site-header nav{flex-wrap:wrap}.site-header nav a{white-space:nowrap}
.hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}
.studio-section{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.service-dialog{container-type:inline-size}
@container(width < 18em){.dialog-axis{display:none}.dialog-art{gap:0}.feature-preview{flex-direction:column;align-items:stretch}.feature-open{flex-direction:row;gap:.6rem;min-height:48px}.detail-facts>div{grid-template-columns:1fr;gap:.25rem}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.studio-section{grid-template-columns:1fr}}
.axis-scene{min-height:18rem}
.axis-scene{width:100%;min-width:0}