@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,900&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--black:#090909;--white:#f5f5f1;--paper:#e9e8e2;--line:#fff3;--orange:#858585;--lime:#d4d3ce;--pad:clamp(24px, 5vw, 76px);color:var(--white);background:var(--black);font-synthesis:none;text-rendering:optimizelegibility;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--black)}body{background:var(--black);min-width:320px;margin:0}button,a{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}.site-shell{overflow:clip}.header{z-index:50;height:84px;padding:0 var(--pad);border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;transition:background .35s,border-color .35s;display:grid;position:fixed;inset:0 0 auto}.header--solid{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--line);background:#090909d6}.header--menu-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:#090909;border-color:#0000}.logo{letter-spacing:0;font-family:Roboto,sans-serif;font-size:30px;font-style:italic;font-weight:900}.logo span{font-weight:900}.desktop-nav{gap:34px;display:flex}.desktop-nav button{color:#ffffffb3;font-size:18px;transition:color .2s}.desktop-nav button:hover{color:#fff}.contact-link{justify-self:end;align-items:center;gap:12px;font-size:18px;display:flex}.menu-button,.mobile-nav{display:none}.hero{background:#aea7a5;height:560vh}.hero-sticky{background:#0b0b0b;height:100svh;position:sticky;top:0;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-shade{background:#0000004d;position:absolute;inset:0}.role{z-index:2;transition:opacity .2s;position:absolute;top:22%}.role--left{left:var(--pad);text-align:left}.role--right{right:var(--pad);text-align:right}.role span{letter-spacing:.16em;color:#ffffff8c;margin-bottom:9px;font-size:10px;display:block}.role strong{letter-spacing:.05em;font-size:16px;font-weight:500;line-height:1.2}.scene-wrap{z-index:3;text-align:center;padding:90px var(--pad);place-items:center;display:grid;position:absolute;inset:0}.scene{max-width:1040px}.kicker{letter-spacing:0;font-size:20px;font-weight:600}.scene h1{white-space:pre-line;letter-spacing:-.02em;text-shadow:0 2px 30px #00000052;word-break:keep-all;margin:0;font-size:clamp(40px,6.5vw,96px);font-weight:600;line-height:1.2}.hero-actions{justify-content:center;gap:12px;margin-top:42px;display:flex}.button{border:1px solid #fff9;min-width:174px;padding:16px 20px;font-size:16px;transition:all .25s}.button span{float:right}.button--light{color:var(--black);background:var(--white)}.button--light:hover{background:var(--lime)}.button--ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button--ghost:hover{color:#000;background:#fff}.scroll-meter{z-index:4;bottom:30px;left:var(--pad);right:var(--pad);letter-spacing:.14em;grid-template-columns:auto 1fr 28px;align-items:center;gap:22px;font-size:9px;display:grid;position:absolute}.scroll-meter>div{background:#ffffff40;height:1px;overflow:hidden}.scroll-meter i{transform-origin:0;background:#fff;width:100%;height:100%;display:block}.scroll-meter b{text-align:right;font-weight:500}.loader{z-index:10;text-align:center;color:#111;background:#aaa3a0;place-content:center;display:grid;position:absolute;inset:0}.loader span{border:1px solid #00000040;border-top-color:#111;border-radius:50%;width:28px;height:28px;margin:auto;animation:.8s linear infinite spin}.loader p{letter-spacing:.12em;text-transform:uppercase;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}.scene-enter-active,.scene-leave-active{transition:opacity .32s,transform .42s}.scene-enter-from{opacity:0;transform:translateY(24px)}.scene-leave-to{opacity:0;transform:translateY(-18px)}.section{padding:clamp(100px, 13vw, 190px) var(--pad)}.section--light{background:var(--paper);color:#111}.section-head{grid-template-columns:.5fr 2.8fr 1.1fr;align-items:end;gap:40px;margin-bottom:100px;display:grid}.section-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(44px,6.2vw,90px);line-height:1.2}.section-head p{color:#5f5e58;margin:0 0 10px;font-size:16px;line-height:1.5}.kicker{align-self:start;padding-top:20px}.project-list{grid-template-columns:1fr 1fr;gap:100px 28px;display:grid}.project-meta{letter-spacing:.13em;justify-content:space-between;margin-bottom:12px;font-size:9px;display:flex}.project-visual{aspect-ratio:1.25;place-items:center;display:grid;position:relative;overflow:hidden}.project-visual--violet{background:#a5a5a2}.project-visual--orange{background:#d1d0cb}.project-visual--blue{background:#7e8081}.project-visual--stone{background:#b9b7ad}.mock-browser{background:#f4f4f2;border-radius:5px;width:72%;height:68%;transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden;transform:perspective(900px)rotateX(2deg)rotateY(-5deg);box-shadow:0 30px 70px #00000040}.project-card:hover .mock-browser{transform:perspective(900px)rotateX(0)rotateY(0)scale(1.04)}.mock-top{border-bottom:1px solid #ddd;align-items:center;gap:4px;height:9%;padding:0 10px;display:flex}.mock-top i{background:#bbb;border-radius:50%;width:4px;height:4px}.mock-top span{background:#ddd;width:30%;height:3px;margin-left:auto}.mock-screen{background:#e8e8e5;height:91%}.mock-screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.view-project{aspect-ratio:1;color:#fff;background:#111;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:60px;font-size:14px;transition:transform .3s;display:flex;position:absolute;bottom:18px;right:18px;transform:scale(0)}.view-project .material-symbols-rounded{font-size:20px;line-height:1}.project-card:hover .view-project{transform:scale(1)}.project-copy{border-top:1px solid #b5b4af;justify-content:space-between;align-items:baseline;gap:20px;margin-top:16px;padding-top:18px;display:flex}.project-copy h3{letter-spacing:-.04em;margin:0;font-size:24px}.project-copy p{color:#666;word-break:keep-all;max-width:280px;margin:0;font-size:14px;line-height:1.4}.services-section{background:#111}.section-head--dark{grid-template-columns:1fr 3.2fr}.service-list{border-top:1px solid var(--line)}.service-row{border-bottom:1px solid var(--line);grid-template-columns:8% 30% 1fr;align-items:start;gap:20px;padding:34px 0 38px;transition:padding .3s,background .3s;display:grid}.service-row:hover{background:#ffffff08;padding-left:16px;padding-right:16px}.service-no{color:#777;opacity:.5;padding:10px 0 0;font-size:16px}.service-row h3{letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,42px)}.service-detail p{color:#aaa;word-break:keep-all;margin:4px 0 25px;font-size:16px;line-height:1.5}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#aaa;text-transform:uppercase;letter-spacing:0;border:1px solid #383838;border-radius:20px;padding:7px 10px;font-size:14px}.section--accent{background:var(--lime);color:#0b0b0b}.about-section{position:relative}.about-label{top:9%;right:var(--pad);text-align:right;text-transform:uppercase;letter-spacing:.15em;font-size:16px;position:absolute}.about-label span{display:block}.about-copy{max-width:920px}.about-copy h2{letter-spacing:-.02em;margin:36px 0 60px;font-size:clamp(52px,8vw,118px);line-height:1.2}.about-copy p{max-width:460px;font-size:18px;line-height:1.5}.team-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:130px;display:grid}.team-grid article{border-top:1px solid #00000059;min-width:100%;padding-top:14px}.team-photo{place-items:center;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.team-photo img{object-fit:cover;aspect-ratio:1;width:100%}.team-photo--dev{background:#151515}.team-photo--design{background:#ecebe5}.team-photo>span{color:#888;letter-spacing:.12em;font-size:9px;position:absolute;top:14px;left:14px}.avatar-orbit{aspect-ratio:.78;background:radial-gradient(circle at 50% 35%,#ccc 0 6%,#0000 7%),radial-gradient(at 50% 36%,#7c7c7c 0 36%,#0000 37%),linear-gradient(135deg,#a3a3a0,#deddd7);border-radius:48% 48% 46% 46%;width:32%;box-shadow:0 0 0 1px #ffffff26,0 0 80px #b4b4b442}.team-photo--design .avatar-orbit{filter:grayscale();background:radial-gradient(circle at 50% 35%,#888 0 6%,#0000 7%),radial-gradient(at 50% 36%,#d3d3d0 0 36%,#0000 37%),linear-gradient(135deg,#cfcfc9,#757575)}.team-grid article>div:last-child{justify-content:space-between;align-items:baseline;display:flex}.team-grid h3{margin:0;font-size:20px}.team-grid p{text-transform:uppercase;letter-spacing:.08em;margin:6px 0 0;font-size:14px}.contact-section{grid-template-columns:1.35fr 1fr;align-content:space-between;gap:80px;min-height:90vh;display:grid}.contact-section h2{letter-spacing:-.02em;margin:42px 0 0;font-size:clamp(60px,9.2vw,140px);line-height:1.2}.contact-side{align-self:end}.contact-side>p{color:#929292;margin-bottom:52px;font-size:16px;line-height:1.5}.contact-email{letter-spacing:0;border-bottom:1px solid #fff;justify-content:space-between;align-items:center;padding-bottom:15px;font-size:clamp(20px,2.5vw,34px);display:flex}.contact-email .material-symbols-rounded{font-size:.9em;line-height:1}footer{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:start;padding-top:26px;display:flex}footer p,footer button{color:#777;text-align:left;margin:0;font-size:14px;line-height:1.5}@media (width<=820px){.logo{font-size:24px}.header{grid-template-columns:1fr auto;height:68px}.desktop-nav,.contact-link{display:none}.menu-button{z-index:52;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:35px;height:35px;display:flex}.menu-button span{background:#fff;width:20px;height:1px;transition:transform .25s;display:block}.menu-button--open span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-button--open span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-nav{z-index:51;width:100vw;min-height:100dvh;padding:88px var(--pad) 32px;background:#090909;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-nav button{letter-spacing:-.06em;font-size:52px}.header--menu-open .logo{z-index:52;position:relative}.hero{height:500vh}.hero-video{object-position:center}.role{top:18%}.role strong{font-size:9px}.scene h1{font-size:clamp(38px,11vw,60px)}.scroll-meter{grid-template-columns:1fr 25px}.scroll-meter>span{display:none}.section-head,.section-head--dark{grid-template-columns:1fr;margin-bottom:60px}.section-head p{margin-top:4px}.project-list{grid-template-columns:1fr;gap:72px}.project-copy{display:block}.project-copy p{margin-top:8px}.service-row{grid-template-columns:12% 1fr}.service-detail{grid-column:2/-1}.about-copy p{margin-left:0}.team-grid{grid-template-columns:1fr;margin-top:80px}.team-grid article>div:last-child{display:block}.contact-section{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;gap:26px}}@media (width<=520px){.mobile-nav button{font-size:clamp(40px,13vw,52px)}.hero-video{width:180%;max-width:none;left:-40%}.role--left{left:18px}.role--right{right:18px}.scene-wrap{padding-left:18px;padding-right:18px}.hero-actions{flex-direction:column;align-items:center}.button{width:min(270px,100%)}.scroll-meter{left:20px;right:20px}.section{padding-top:92px;padding-bottom:92px}.section-head h2{font-size:45px}.project-visual{aspect-ratio:1.05}.mock-browser{width:84%}.about-copy h2{font-size:52px}.about-label{display:none}.team-photo{aspect-ratio:1.1}.contact-section h2{font-size:61px}footer{grid-template-columns:1fr}}@media (width<=820px){body:has(.mobile-nav){overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero{height:100svh}.scene-wrap .scene:not(.scene--final){display:none}}