@charset "UTF-8";
:root{--paper:#f5f3ed;--ink:#252921;--muted:#64675e;--line:#d5d6ca;--orange:#c74220;--accent:#ee5b31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}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(--orange);outline-offset:6px}::selection{background:#f3b499;color:#252921}.wrap{max-width:1280px;margin-inline:auto;padding-inline:48px}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:10px}.header{height:114px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;letter-spacing:-1px}.brand svg{width:31px;height:31px;stroke:currentColor;stroke-width:2;fill:none}.brand-dot{color:var(--orange)}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a:hover{color:var(--orange)}#language{border:1px solid var(--line);padding:8px 12px;background:transparent;border-radius:2px;cursor:pointer;font-size:12px;min-height:36px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-top:55px;padding-bottom:80px}.eyebrow,.art-label,.art-caption,.section-divider,.project-kind,.visual-top,.visual-bottom{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:11px;font-weight:400;letter-spacing:1.2px}.eyebrow{margin:0 0 30px;line-height:1.6}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}h1{font-size:clamp(65px,7.3vw,98px);line-height:.99;font-weight:500;letter-spacing:-6px;margin:0 0 30px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--orange);letter-spacing:-5px}.hero-description{color:var(--muted);font-size:17px;line-height:1.7;max-width:380px;margin-bottom:27px;word-break:keep-all}.button{display:inline-flex;align-items:center;gap:45px;padding:17px 21px;background:var(--ink);color:var(--paper);font-size:13px}.button:hover{background:var(--orange)}.button span:last-child{font-size:22px;line-height:1}.hero-art{padding-top:20px}.art-label{text-align:right;color:var(--muted);font-size:9px}.order-study{width:100%;display:block;margin:10px 0}.art-caption{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:9px;letter-spacing:.4px}.section-divider{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.6px}.section-divider span:last-child{font-size:9px}.work{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:54px}.section-heading .eyebrow{margin-bottom:22px}h2{font-size:43px;line-height:1.13;letter-spacing:-1.7px;font-weight:500;margin:0;word-break:keep-all}.section-heading>p{max-width:325px;font-size:14px;line-height:1.8;color:var(--muted);margin:0}.project{display:grid;grid-template-columns:1.12fr 1fr;border-top:1px solid var(--line);padding:32px 0;gap:62px;align-items:center}.project-visual{overflow:hidden;min-width:0;padding:22px;background:#e4e3d9}.visual-top,.visual-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;gap:10px}.visual-bottom{font-size:8px}.project-visual svg{width:100%;height:auto;display:block;margin:12px 0}.project-emucap .project-visual{background:#203c34;color:#c4d4b9}.project-dotmend .project-visual{background:#e9e4d8}.project-tunemend .project-visual{background:#eee1d8}.project-kind{font-size:10px;color:var(--muted);margin:0 0 13px}h3{font-size:39px;letter-spacing:-1.5px;font-weight:500;margin:0 0 16px}.project-tagline{font-size:18px;line-height:1.45;margin:0 0 12px;word-break:keep-all}.project-copy>p:not(.project-kind):not(.project-tagline){font-size:14px;color:var(--muted);line-height:1.85;max-width:390px;word-break:keep-all}.text-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--ink);padding:9px 0;font-size:13px;margin-top:10px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.text-link span:last-child{font-size:19px}.more-work{margin-top:48px}.more-work .eyebrow{margin-bottom:20px;color:var(--muted)}.more-work>a{border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr 20px;gap:20px;align-items:center;padding:24px 0}.more-work>a:last-child{border-bottom:1px solid var(--line)}.more-work>a span:first-child{font-size:18px;letter-spacing:-.4px}.more-work>a span:nth-child(2){font-size:13px;color:var(--muted);line-height:1.6}.more-work>a:hover span{color:var(--orange)}.about{background:#e9e9df;padding-block:87px}.about-inner{display:grid;grid-template-columns:1.12fr 1fr;gap:62px}.about .eyebrow{color:var(--muted)}.about-copy{padding-top:34px}.about-copy p{font-size:17px;line-height:1.85;margin:0 0 18px;word-break:keep-all}.about-copy p:nth-child(2){font-size:15px;color:var(--muted)}.contact{padding-top:90px;padding-bottom:90px}.contact .eyebrow{color:var(--muted);margin-bottom:28px}.contact-line{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:58px;letter-spacing:-2px}.email{font-size:24px;border-bottom:1px solid var(--line);padding-bottom:12px;white-space:nowrap}.email span{margin-left:22px;color:var(--orange)}.email:hover{color:var(--orange)}.contact>p:last-child{font-size:14px;color:var(--muted);margin-top:27px;line-height:1.7}footer{border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;min-height:100px;font-size:11px;color:var(--muted)}.footer-brand{font-size:17px;font-weight:700;letter-spacing:-.6px;color:var(--ink);margin-right:auto}footer a:hover{color:var(--orange)}html[lang=ko] h2{font-size:38px;line-height:1.35;letter-spacing:-1.5px}html[lang=ko] .contact h2{font-size:50px}html[lang=ko] .section-heading h2{max-width:400px}@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:100px}}@media(max-width:900px){.wrap{padding-inline:30px}.header{height:90px}.hero{gap:20px;padding-top:40px;padding-bottom:60px}h1{font-size:70px;letter-spacing:-4px}h1 em{letter-spacing:-3px}.hero-description{font-size:15px}.project,.about-inner{gap:32px}.section-heading{gap:35px}h2{font-size:35px}.email{font-size:18px}.contact h2{font-size:45px}.more-work>a{grid-template-columns:180px 1fr 20px}.visual-top{font-size:8px}.visual-bottom{letter-spacing:0;font-size:7px}}@media(max-width:620px){.wrap{padding-inline:22px}.header{height:82px}.brand{font-size:20px;gap:8px}.brand svg{width:24px;height:24px}nav{gap:16px;font-size:12px}nav a[href="#contact"]{display:none}#language{padding:7px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:35px;gap:24px}h1{font-size:76px;letter-spacing:-4px;line-height:1}.hero .eyebrow{font-size:9px;margin-bottom:26px}.hero-description{font-size:16px;max-width:350px}.hero-art{max-width:390px;width:100%;margin-inline:auto;padding-top:15px}.order-study{margin:0;max-height:330px}.art-caption{font-size:8px}.section-divider span:last-child{display:none}.work{padding-top:65px;padding-bottom:60px}.section-heading{display:block;margin-bottom:32px}h2{font-size:35px}.section-heading>p{margin-top:22px;max-width:100%}.project{grid-template-columns:1fr;gap:25px;padding:26px 0 38px}.project-visual{padding:18px}.project-visual svg{margin:6px 0}.project-copy{padding-inline:2px}h3{font-size:35px}.project-tagline{font-size:18px}.project-copy>p:not(.project-kind):not(.project-tagline){max-width:100%;font-size:15px}.visual-top{font-size:9px}.visual-bottom{font-size:7px}.more-work{margin-top:26px}.more-work>a{grid-template-columns:1fr 20px;gap:8px;padding:22px 0}.more-work>a span:nth-child(2){grid-column:1;grid-row:2}.more-work>a span:last-child{grid-column:2;grid-row:1}.about{padding-block:60px}.about-inner{grid-template-columns:1fr;gap:8px}.about-copy{padding-top:17px}.contact{padding-top:60px;padding-bottom:55px}.contact-line{display:block}.contact h2{font-size:46px;margin-bottom:30px}.email{font-size:clamp(16px,5.1vw,22px);display:inline-block}.email span{margin-left:9px}footer{flex-wrap:wrap;gap:20px;min-height:130px;padding-block:25px}.footer-brand{flex-basis:45%;margin-right:0}footer>span{margin-left:auto}footer>a:last-child{margin-left:auto}html[lang=ko] h2{font-size:32px}html[lang=ko] .contact h2{font-size:40px}}@media(max-width:360px){nav{gap:10px}.brand{font-size:18px}h1{font-size:66px}.wrap{padding-inline:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
