@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#08090b;--surface:#101115;--text:#f5f5f4;--muted:#a1a3ac;--blue:#3d65ff;--line:#2a2b31;--pad:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Noto Sans KR',sans-serif;font-size:16px;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a8bbff;outline-offset:6px}::selection{background:#3457ff;color:white}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--blue);z-index:200}.skip:focus{top:10px}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--blue);width:0;z-index:100}.header{height:96px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:30;border-bottom:1px solid #ffffff18}.logo{font-size:34px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;white-space:nowrap}.logo>span:not(.brand-icon){font-weight:400}.logo sup{font-size:11px;letter-spacing:0;align-self:flex-start;margin-top:9px;margin-left:4px}.brand-icon{font-size:40px;color:var(--blue);margin-right:10px;line-height:1}.desktop-nav{display:flex;gap:40px;font-size:14px}.desktop-nav a{position:relative;padding:12px 0}.desktop-nav a:after{content:'';position:absolute;height:1px;bottom:5px;left:0;width:0;background:var(--blue);transition:width .3s}.desktop-nav a:hover:after{width:100%}.header-contact{border:1px solid #55565d;padding:12px 19px;border-radius:40px;font-size:14px;display:flex;gap:24px;align-items:center}.header-contact span{font-size:22px}.header-contact:hover{background:var(--blue);border-color:var(--blue)}.menu-toggle{display:none}.hero{min-height:860px;height: min(1000px,100svh);position:relative;padding:132px var(--pad) 0;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;color:var(--muted);position:relative;z-index:2}.hero-top{padding-bottom:36px}.hero-content{position:relative;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(112px,12.6vw,202px);letter-spacing:-.025em;line-height:.88;margin:8px 0 30px;font-weight:700}.outline{color:transparent;-webkit-text-stroke:1px #d8d9e0}.electric{color:var(--blue)}.period{color:white}.hero-description{margin-top:30px}.hero-description h2{font-size:clamp(25px,2.5vw,38px);line-height:1.5;letter-spacing:-1.8px;margin:0 0 14px}.hero-description p{color:var(--muted);line-height:1.8;margin:0 0 25px;font-size:15px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:40px;padding:17px 24px;border:0;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.pill span{font-size:24px;line-height:1}.pill:hover{transform:translateY(-3px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#5679ff}.hero-art{position:absolute;width:65%;aspect-ratio:1;right:-7%;top:14%;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .65s ease-out}.hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;animation:float 9s ease-in-out infinite}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 22%,transparent 88%,var(--bg));pointer-events:none}.art-cross{position:absolute;color:#92949f;font-size:20px;z-index:1}.cross-one{top:8%;left:25%}.cross-two{right:17%;bottom:19%}.art-label{position:absolute;bottom:12%;left:22%;color:#818591;font-size:11px;letter-spacing:2px;line-height:1.8;z-index:1}.hero-bottom{position:absolute;bottom:24px;left:var(--pad);right:var(--pad);border-top:1px solid var(--line);padding-top:20px;letter-spacing:1px}.hero-bottom a{display:flex;gap:20px}.hero-bottom a span{color:white}.marquee{background:var(--blue);padding:20px 0;overflow:hidden}.marquee>div{display:flex;align-items:center;gap:35px;width:max-content;white-space:nowrap;font-size:22px;letter-spacing:1px;font-weight:700;animation:marquee 35s linear infinite}.marquee span{font-size:29px}.section{padding:125px var(--pad)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:58px;gap:28px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);display:block;margin-bottom:25px}.section-heading h2{font-size:clamp(34px,3.5vw,54px);line-height:1.4;letter-spacing:-2px;margin:0}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 5px}.blue{color:var(--blue)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-card{border:0;background:none;padding:0;text-align:left;min-width:0}.project-visual{position:relative;aspect-ratio:1.24;overflow:hidden;padding:28px;transition:transform .5s}.work-card:hover .project-visual{transform:translateY(-7px)}.mock-nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.mock-nav strong{font-size:19px;letter-spacing:-1px}.mock-nav>span{font-size:9px}.nexus{background:#101524;border:1px solid #252e49}.nexus img{width:77%;height:auto;position:absolute;right:-15%;top:12%;mix-blend-mode:screen;transition:transform .7s}.work-card:hover .nexus img{transform:scale(1.06) rotate(4deg)}.nexus-copy{position:relative;z-index:2;font-size:clamp(30px,4.1vw,66px);font-weight:500;line-height:1.02;letter-spacing:-3px;margin-top:50px}.nexus-copy span{color:#5680ff}.mock-caption{position:absolute;bottom:34px;font-size:10px;line-height:1.5;letter-spacing:1px;color:#aeb7d0}.view-circle{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffffff;color:#08090b;font-size:25px;z-index:3;transition:transform .4s}.work-card:hover .view-circle{transform:rotate(45deg);background:var(--blue);color:white}.forme{background:#e6e6df;color:#141513}.forme .mock-nav strong{font-size:27px}.forme-copy{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px}.forme-copy>span{font-size:clamp(32px,4vw,65px);letter-spacing:-4px;font-weight:800;line-height:.94}.forme-copy i{font-family:Georgia,serif;font-size:clamp(20px,2.5vw,40px);line-height:1.1;font-weight:400}.swatch-row{display:flex;justify-content:space-between;font-size:9px;border-top:1px solid #aaa;padding-top:12px;margin-top:25px}.color-swatches{display:flex;gap:10px;margin-top:12px}.color-swatches>div{flex:1}.color-swatches i{display:block;height:75px;background:#304fe9}.color-swatches>div:nth-child(2) i{background:#30322e}.color-swatches>div:nth-child(3) i{background:#fafbf4}.color-swatches span{font-size:8px;letter-spacing:1px}.project-info{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:23px}.project-info h3{font-size:19px;letter-spacing:-.6px;margin:0 0 9px}.project-info p{color:var(--muted);font-size:14px;margin:0}.concept-tag{font-size:10px;letter-spacing:1px;color:var(--muted);white-space:nowrap}.concept-note{color:#858893;font-size:13px;margin:32px 0 0}.services{padding-top:40px}.service-row{display:grid;grid-template-columns:.15fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding:46px 0}.service-row:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:14px;color:var(--muted)}.service-title h3{font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.1;margin:0 0 20px;letter-spacing:-2px;position:relative}.service-title h3>span{position:absolute;right:15%;top:0;font-size:35px;color:var(--blue);transition:transform .3s}.service-row:hover h3>span{transform:translate(5px,-5px)}.service-title>span{font-size:15px;color:var(--muted)}.service-detail p{line-height:1.9;font-size:16px;margin:8px 0 25px;color:#c1c2c9}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid #3b3d45;border-radius:20px;font-size:12px;padding:8px 12px;color:#b0b2be}.approach{padding:78px var(--pad);background:#141824;position:relative;overflow:hidden;background-image:linear-gradient(#7a8ac909 1px,transparent 1px),linear-gradient(90deg,#7a8ac909 1px,transparent 1px);background-size:55px 55px}.approach-inner>p{text-align:center;font-size:clamp(30px,5.3vw,82px);font-weight:700;line-height:1.5;letter-spacing:-3px;margin:55px 0}.approach-inner>p span{color:var(--blue)}.approach-bottom{display:flex;align-items:center;justify-content:space-between}.approach-bottom>span:not(.spinning-star){font-size:12px;line-height:1.9;letter-spacing:.5px;color:#a5a9b9}.spinning-star{font-size:76px;color:var(--blue);animation:spin 22s linear infinite}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.process-grid article{border-top:1px solid #52545e;padding-top:25px}.step-number{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.step-number>span{font-size:20px;color:var(--blue)}.process-grid h3{font-size:30px;font-weight:500;margin:35px 0 13px;letter-spacing:-1px}.process-grid h4{font-size:16px;font-weight:500;margin:0 0 16px}.process-grid p{color:var(--muted);font-size:14px;line-height:1.9}.contact{background:#244cf5;padding-top:65px;padding-bottom:60px}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact-top .eyebrow{color:#c9d3ff;margin:0}.contact-top>span:last-child{font-size:14px;color:#d0d9ff}.contact-headline{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,12vw,180px);font-weight:600;line-height:.95;text-align:left;border:0;padding:0;background:none;letter-spacing:-2px;position:relative;width:100%;margin:45px 0}.contact-headline>span:not(.contact-arrow){color:transparent;-webkit-text-stroke:1px white}.contact-arrow{position:absolute;right:2%;bottom:0;font-family:Manrope,sans-serif;font-size:1.1em;transition:transform .4s}.contact-headline:hover .contact-arrow{transform:translate(12px,-12px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff55;padding-top:28px}.contact-bottom p{font-size:16px;line-height:1.8;margin:0}.light{color:#173fdb;background:white}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px;border-bottom:1px solid var(--line)}footer{padding:55px var(--pad) 28px}.footer-top>span,.footer-top>a:last-child{font-size:11px;letter-spacing:1px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;font-size:12px;color:#868994}dialog{background:#111319;color:white;border:1px solid #363a47;border-radius:18px;padding:45px;max-width:560px;width:calc(100% - 36px);max-height:90svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:16px;top:12px;font-size:30px;border:0;background:none;min-width:40px;min-height:40px;color:#d7d9e3}dialog h2{font-size:30px;line-height:1.5;letter-spacing:-1.2px;margin:0 0 20px}dialog p{font-size:15px;color:#b7bac6;line-height:1.8}dialog .dialog-note{font-size:13px;margin:25px 0}form label{display:block;margin:23px 0 9px;font-size:14px}form select,form textarea{display:block;width:100%;background:#1c1f29;color:white;border:1px solid #484c5e;border-radius:8px;padding:12px;font-size:16px}form textarea{resize:vertical;line-height:1.6}form small{font-size:12px;color:#969ba9;line-height:1.6}.brief-actions{display:flex;align-items:center;gap:20px;margin:23px 0 10px}.text-button{background:none;border:0;color:#c6d0ff;font-size:14px;padding:10px 0}#brief-status{color:#a5baff;font-size:14px}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.motion-ready .reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-16px) rotate(3deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero-art{width:58%;right:-2%;top:8%}}@media(max-width:1000px){.hero{min-height:840px}.hero h1{font-size:145px}.hero-art{width:78%;right:-21%;top:25%}.hero-top>span:last-child{display:none}.desktop-nav{gap:24px}.service-title h3>span{right:5%}.process-grid{gap:18px}.project-info{align-items:flex-start;flex-direction:column;gap:8px}.project-visual{padding:20px}.mock-nav>span{font-size:8px}.color-swatches i{height:50px}.forme-copy{margin-top:30px}.nexus-copy{margin-top:32px}.section{padding-top:90px;padding-bottom:90px}.services{padding-top:10px}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:78px}.logo{font-size:29px}.brand-icon{font-size:34px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:1px solid #4d505b;width:44px;height:44px;border-radius:50%;align-items:center}.menu-toggle span{display:block;width:18px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#mobile-nav:not([hidden]){display:flex;position:absolute;top:77px;left:0;right:0;background:#101219;padding:20px 24px 30px;flex-direction:column;box-shadow:0 20px 30px #0008}#mobile-nav a{font-size:26px;padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}#mobile-nav small{font-size:13px;color:var(--muted);align-self:center}.hero{height:auto;min-height:940px;padding-top:108px}.hero-top{font-size:10px;letter-spacing:1.4px;padding-bottom:20px}.hero h1{font-size:clamp(98px,21vw,148px);line-height:.91;margin:0;letter-spacing:-1px}.hero-art{width:112%;right:-22%;top:190px;max-width:660px;opacity:.95}.hero-content{padding-bottom:90px}.hero-description{margin-top:300px;position:relative;z-index:3}.hero-description h2{font-size:28px;letter-spacing:-1px;margin-bottom:12px}.hero-description p{font-size:14px;margin-bottom:22px}.art-label{display:none}.cross-one{left:22%;top:17%}.cross-two{bottom:15%;right:25%}.hero-bottom{font-size:10px;letter-spacing:.8px;bottom:22px;padding-top:17px}.hero-bottom>span:first-child{display:none}.hero-bottom .hero-index{display:block}.marquee{padding:15px 0}.marquee>div{font-size:17px;gap:22px}.marquee span{font-size:23px}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:block;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:20px}.section-heading h2{font-size:34px;line-height:1.45;letter-spacing:-1.5px}.section-heading>p{font-size:14px;margin-top:22px}.work-grid{grid-template-columns:1fr;gap:42px}.project-visual{padding:23px;aspect-ratio:1.2}.mock-nav>span{font-size:8px}.nexus-copy{font-size:48px;margin-top:40px}.forme-copy>span{font-size:49px}.forme-copy i{font-size:28px}.color-swatches i{height:60px}.project-info{flex-direction:row;gap:10px;align-items:center}.project-info h3{font-size:17px}.project-info p{font-size:13px}.concept-tag{font-size:8px}.concept-note{font-size:12px;line-height:1.8}.services{padding-top:0}.service-row{grid-template-columns:30px 1fr;gap:15px;padding:32px 0}.service-detail{grid-column:2}.service-title h3{font-size:36px}.service-title h3>span{right:0}.service-detail p{font-size:14px;margin:4px 0 20px}.tags span{font-size:11px;padding:7px 10px}.approach{padding:55px 24px}.approach-inner>p{font-size:34px;letter-spacing:-1.5px;margin:45px 0}.approach-bottom>span:not(.spinning-star){font-size:10px}.approach-bottom>span:last-child{display:none}.spinning-star{font-size:55px}.process-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.process-grid h3{font-size:26px;margin-top:24px}.process-grid h4{font-size:14px}.process-grid p{font-size:13px}.process-grid p br{display:none}.contact-top{display:block}.contact-top>span:last-child{display:block;font-size:12px;margin-top:15px}.contact-headline{font-size:clamp(65px,16vw,108px);letter-spacing:-1px;margin:35px 0 45px}.contact-arrow{font-size:.6em;right:0;bottom:-28px}.contact-bottom{display:block}.contact-bottom p{font-size:14px;margin-bottom:24px}.contact-bottom .pill{width:100%}.footer-top{flex-wrap:wrap;gap:22px;padding-bottom:25px}.footer-top>span{display:none}.footer-top>a:last-child{font-size:9px}.footer-bottom{flex-direction:column;gap:12px;font-size:11px}footer{padding-top:38px}dialog{padding:34px 24px}dialog h2{font-size:27px}.brief-actions{gap:12px;flex-wrap:wrap}.pill{min-height:50px}}
@media(max-width:360px){.hero h1{font-size:90px}.hero{min-height:890px}.hero-description{margin-top:270px}.project-info{flex-direction:column;align-items:flex-start}.forme-copy>span{font-size:41px}.forme-copy i{font-size:23px}.color-swatches i{height:40px}.process-grid{grid-template-columns:1fr}.contact-headline{font-size:60px}.section-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.hero-art{transform:none}}

.hero-art img{mask-image:radial-gradient(ellipse at center,#000 52%,transparent 73%)}

.company-info{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:24px;color:var(--muted);font-size:14px;line-height:1.8}.company-info span{max-width:100%;overflow-wrap:anywhere}@media(max-width:700px){.company-info{flex-direction:column;gap:6px}}