@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f5f1;--ink:#252833;--muted:#777a7e;--line:#d5d5cf;--lime:#d5ed85;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #677d2e;outline-offset:6px}a:hover{opacity:.75}.site-header,main,footer{max-width:1600px;margin:auto}.site-header{padding:0 64px;height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:23px;letter-spacing:-1.2px}.brand svg{width:23px;height:23px;fill:var(--ink)}.brand-dot{color:#8da63e}nav{display:flex;align-items:center;gap:40px;font-size:12px;font-weight:600}.nav-contact{border:1px solid var(--ink);padding:12px 18px;border-radius:30px}.nav-contact span{margin-left:16px}.hero{padding:38px 64px 0}.hero-meta,.section-index{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;font-weight:600}.hero h1{font-size:clamp(85px,9.6vw,148px);font-weight:500;line-height:.94;letter-spacing:-9px;margin:50px 0 42px}.hero-second{display:block;text-align:right}em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em}.hero h1 em{color:#666f59}.hero-intro{display:grid;grid-template-columns:1fr 1fr 65px;gap:35px;align-items:center;margin:40px 0 65px}.hero-korean{font-size:23px;font-weight:500;letter-spacing:-1px;line-height:1.55}.hero-intro p{font-size:13px;line-height:1.9;color:var(--muted)}.round-link{border:1px solid var(--ink);width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:25px}.round-link:hover{background:var(--lime);opacity:1}.hero-gallery{display:grid;grid-template-columns:.66fr repeat(4,1fr);min-height:230px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.gallery-label{display:flex;flex-direction:column;justify-content:space-between;padding:24px 10px 24px 0;font-size:10px;letter-spacing:1.6px;line-height:1.6}.gallery-label>span:last-child{color:var(--muted)}.gallery-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;padding:22px 15px;border-left:1px solid var(--line);background:#efeee8}.gallery-item>img{width:84px;height:84px;border-radius:19px;box-shadow:0 10px 20px #22291f0c;transition:transform .3s}.gallery-item:hover img{transform:translateY(-6px) rotate(-4deg)}.gallery-number{align-self:flex-start;font-size:8px;letter-spacing:1px}.gallery-item>span:last-child{font-size:12px;font-weight:600}.gallery-photo{background:#e2e5de}.gallery-plant{background:#eaecde}.gallery-tapeed{background:#e2e2ec}.section{padding:100px 64px}.about{padding-top:100px;padding-bottom:110px}.tiny-square{width:7px;height:7px;background:#8da63e}.about-body{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;margin-top:55px}.about h2{font-size:38px;font-weight:500;line-height:1.5;letter-spacing:-2px;margin:0}.about h2 span{color:#777e70}.about-copy p{font-size:13px;line-height:2;color:#747774;margin:0 0 24px}.works{padding-top:65px;border-top:1px solid var(--line)}.works-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:44px 0 55px}.works-heading h2{font-size:65px;font-weight:500;line-height:1.1;letter-spacing:-4px;margin:0}.works-heading h2 em{color:#707761}.works-note{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:8px}.knot-project{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.knot-art{min-height:650px;background:#e5e8dd;position:relative;overflow:hidden;padding:30px}.knot-art-top,.knot-art-bottom{display:flex;justify-content:space-between;font-size:9px;line-height:1.6;letter-spacing:1.2px}.art-caption{font-size:9px;letter-spacing:1.2px}.knot-art-bottom{position:absolute;bottom:30px;left:30px;right:30px}.knot-art-bottom>span:last-child{font-size:30px}.knot-word{position:absolute;left:20px;top:185px;font-size:210px;letter-spacing:-15px;font-family:var(--serif);font-style:italic;color:#bdc5ac;line-height:1}.knot-screen{position:absolute;height:470px;width:auto;max-width:60%;object-fit:contain;right:65px;top:95px;transform:rotate(8deg);border-radius:18px;box-shadow:20px 35px 45px #253b2421}.project-detail{padding:20px 20px 20px 0}.project-topline{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-bottom:50px}.pill{border:1px solid #b9bdb1;border-radius:20px;padding:8px 12px;letter-spacing:.6px;font-size:8px}.app-icon{width:58px;height:58px;border-radius:14px}.project-detail h3{font-size:55px;font-weight:500;letter-spacing:-3px;margin:18px 0}.project-detail h4{font-size:25px;letter-spacing:-1px;line-height:1.6;font-weight:500;margin:0 0 22px}.project-detail p{font-size:13px;color:var(--muted);line-height:2;max-width:350px}.product-tags{display:flex;gap:15px;font-size:9px;color:#84887a;letter-spacing:.3px;margin-top:27px}.product-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;font-size:12px;margin-top:36px;max-width:350px}.product-link span{font-size:21px}.daily-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}.daily-art{height:400px;overflow:hidden;position:relative;padding:24px;background:#e0d9cd}.daily-art img{position:absolute;width:160px;height:330px;object-fit:cover;border-radius:16px;top:90px;right:25px;transform:rotate(8deg);box-shadow:0 20px 40px #25283326}.daily-art .art-type{position:absolute;top:75px;left:20px;font-size:48px;line-height:1.03;letter-spacing:-2.5px;color:#fffaf1;z-index:1;text-shadow:0 2px 15px #55555508}.daily-art .art-type em{font-size:57px}.photo-art{background:#bdb8ac}.plant-art{background:#a2ae8d}.tapeed-art{background:#a3a5bb}.plant-art img{transform:rotate(-9deg);top:145px}.tapeed-art img{top:110px;right:10px;transform:rotate(12deg)}.daily-info{display:flex;align-items:center;gap:12px;margin-top:25px}.small-icon{width:40px;height:40px;border-radius:10px}.daily-info h3{font-size:19px;letter-spacing:-.6px;margin:0 0 5px;font-weight:600}.daily-info div>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.daily-info>a{margin-left:auto;font-size:25px;border:1px solid var(--line);width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.daily-project>p{font-size:12px;line-height:1.9;color:var(--muted);margin:18px 0}.next-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;margin-top:90px;padding-bottom:23px;border-bottom:1px solid var(--ink)}.next-heading span:last-child{letter-spacing:0;color:var(--muted);font-size:11px}.coming-project{display:grid;grid-template-columns:35px 1fr 1.5fr auto;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding:36px 0}.coming-number{font-size:10px;color:var(--muted);align-self:start;margin-top:9px}.coming-name h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0 0 9px}.coming-name h3 small{font-size:15px;color:var(--muted);margin-left:6px}.coming-name>span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.coming-project p{font-size:11px;line-height:2;color:var(--muted);margin:0}.coming-badge{font-size:10px;white-space:nowrap;display:flex;gap:14px;align-items:center}.coming-badge i{width:5px;height:5px;background:#809a42;border-radius:50%}.contact{background:var(--ink);color:var(--paper);margin:0 20px}.contact .section-index{color:#b5b7ad}.contact-main{display:flex;justify-content:space-between;align-items:center;margin:65px 0}.contact h2{font-size:58px;letter-spacing:-3px;line-height:1.4;font-weight:500;margin:0}.contact h2 em{font-family:inherit;letter-spacing:-3px;font-style:normal;color:var(--lime)}.contact-arrow{width:125px;height:125px;background:var(--lime);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:65px;transition:transform .3s}.contact-arrow:hover{transform:rotate(10deg);opacity:1}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #4b4e54;padding-top:30px;gap:30px}.contact-bottom p{font-size:12px;line-height:1.9;color:#b5b7ad;margin:0}.contact-bottom a{font-size:22px;letter-spacing:-.5px;word-break:break-all}.contact-bottom a span{margin-left:16px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:42px 64px}footer .brand{font-size:18px}footer>span,footer small{font-size:9px;color:var(--muted)}.back-top{font-size:23px}@media(min-width:1500px){.hero h1{font-size:155px}}@media(max-width:1100px){.site-header{padding:0 36px}.hero{padding-left:36px;padding-right:36px}.section{padding:75px 36px}.hero h1{letter-spacing:-6px}.knot-project{gap:35px}.knot-art{min-height:570px}.knot-screen{height:410px;right:40px}.knot-word{font-size:160px}.daily-art{height:330px;padding:18px}.daily-art img{width:130px;height:280px;right:15px}.daily-art .art-type{font-size:39px}.daily-art .art-type em{font-size:45px}.daily-info h3{font-size:16px}.daily-projects{gap:20px}.coming-project{grid-template-columns:20px 1fr 1.3fr auto;gap:18px}.about h2{font-size:31px}.contact-bottom a{font-size:18px}footer{padding:35px 36px}}@media(max-width:700px){.site-header{height:85px;padding:0 22px}.brand{font-size:18px;gap:8px}.brand svg{width:18px;height:18px}nav{gap:18px;font-size:10px}.nav-contact{padding:9px 11px}.nav-contact span{margin-left:5px}nav>a:first-child{display:none}.hero{padding:30px 22px 0}.hero-meta{font-size:8px;letter-spacing:1px}.hero-meta>span:last-child{display:none}.hero h1{font-size:clamp(48px,12.8vw,87px);letter-spacing:-3.5px;line-height:1.04;margin:40px 0 32px}.hero-second{text-align:left;margin-top:4px;white-space:nowrap}.hero-intro{grid-template-columns:1fr 48px;gap:20px;margin:32px 0 40px}.hero-korean{font-size:18px;line-height:1.55;letter-spacing:-.7px}.hero-intro p{grid-row:2;grid-column:1/-1;margin:0;font-size:11px}.round-link{grid-column:2;grid-row:1;width:45px;height:45px;font-size:22px}.hero-gallery{grid-template-columns:repeat(2,1fr);min-height:initial}.gallery-label{grid-column:1/-1;flex-direction:row;padding:18px 0;border-bottom:1px solid var(--line)}.gallery-label span:first-child br{display:none}.gallery-label span:first-child{font-size:9px}.gallery-item{padding:18px;min-height:190px;border-left:0}.gallery-item:nth-child(odd){border-left:1px solid var(--line)}.gallery-item:nth-child(2),.gallery-item:nth-child(3){border-bottom:1px solid var(--line)}.gallery-item>img{width:65px;height:65px;border-radius:15px}.gallery-item>span:last-child{font-size:11px}.gallery-number{font-size:7px}.section{padding:60px 22px}.section-index{font-size:8px;letter-spacing:1px}.about-body{display:block;margin-top:32px}.about h2{font-size:27px;letter-spacing:-1.3px;line-height:1.6}.about-copy{margin-top:28px}.about-copy p{font-size:11px;line-height:2.1;margin-bottom:20px}.works-heading{margin:35px 0}.works-heading h2{font-size:40px;letter-spacing:-2px}.works-note{display:none}.knot-project{grid-template-columns:1fr;gap:25px}.knot-art{min-height:460px;padding:22px}.knot-screen{height:330px;top:73px;right:45px;max-width:62%}.knot-word{font-size:155px;top:170px;left:15px}.knot-art-bottom{left:22px;right:22px;bottom:22px}.knot-art-top,.knot-art-bottom{font-size:7px}.art-caption{font-size:8px}.project-detail{padding:5px 0}.project-topline{margin-bottom:25px}.project-detail .app-icon{width:45px;height:45px;border-radius:11px}.project-detail h3{font-size:42px;margin:12px 0;letter-spacing:-2px}.project-detail h4{font-size:21px}.project-detail p{font-size:12px}.product-link{max-width:none}.daily-projects{grid-template-columns:1fr;gap:34px;margin-top:45px}.daily-art{height:365px;padding:22px}.daily-art img{height:320px;width:155px;right:40px;top:85px}.daily-art .art-type{font-size:54px;top:85px;left:25px}.daily-art .art-type em{font-size:64px}.plant-art img{top:135px}.daily-info h3{font-size:20px}.daily-project>p{font-size:12px}.next-heading{margin-top:60px;font-size:8px}.next-heading span:last-child{font-size:9px}.coming-project{grid-template-columns:22px 1fr;gap:14px;padding:27px 0}.coming-name h3{font-size:29px}.coming-project p{grid-column:2;font-size:10px;margin:4px 0 5px}.coming-badge{grid-column:2;font-size:9px}.contact{margin:0 10px;padding:45px 22px}.contact .section-index>span:last-child{display:none}.contact-main{margin:40px 0;gap:10px}.contact h2{font-size:30px;letter-spacing:-1.5px;line-height:1.6}.contact h2 em{letter-spacing:-1.5px}.contact-arrow{width:61px;height:61px;flex-shrink:0;font-size:35px}.contact-bottom{display:block;padding-top:25px}.contact-bottom p{font-size:11px;margin-bottom:23px}.contact-bottom a{font-size:14px;letter-spacing:-.2px}.contact-bottom a span{margin-left:4px}footer{padding:30px 22px;flex-wrap:wrap;gap:20px}footer>span{display:none}footer .brand{font-size:15px}footer small{font-size:8px}.back-top{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.site-header{gap:28px}.site-header nav{margin-left:auto}.language-switch{display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap}.language-switch a{color:#777a7e}.language-switch a[aria-current=page]{color:var(--ink);font-weight:800}.language-switch>span{color:#c1c2bc}.korean-page .hero h1{font-size:clamp(70px,8vw,120px);line-height:1.2;letter-spacing:-6px}.korean-page .hero h1 em,.korean-page .works-heading h2 em{font-family:inherit;font-style:normal;font-weight:500;letter-spacing:-.05em}html[lang=en] .contact h2{font-size:clamp(35px,4.2vw,64px);line-height:1.2;letter-spacing:-2px}html[lang=en] .contact h2 em{font-family:var(--serif);font-style:italic;letter-spacing:-.05em}html[lang=en] .about h2{font-size:36px;line-height:1.4;letter-spacing:-1.5px}html[lang=en] .project-detail h4{letter-spacing:-.7px}html[lang=en] .hero-korean{font-size:23px;letter-spacing:-.8px}html[lang=en] .coming-project{grid-template-columns:35px .9fr 1.6fr auto}@media(max-width:700px){.site-header{gap:12px;padding:0 20px}.site-header nav{gap:12px}.nav-contact{display:none}.language-switch{gap:5px;font-size:10px}.brand{font-size:16px;gap:7px}.korean-page .hero h1{font-size:clamp(40px,10vw,65px);letter-spacing:-2px}.korean-page .works-heading h2{font-size:37px;line-height:1.4}html[lang=en] .hero-korean{font-size:17px;letter-spacing:-.5px}html[lang=en] .about h2{font-size:27px;letter-spacing:-1px}html[lang=en] .contact h2{font-size:30px;letter-spacing:-1px}html[lang=en] .coming-project{grid-template-columns:22px 1fr}html[lang=en] .contact-main{align-items:flex-end}html[lang=en] .contact-arrow{width:50px;height:50px;font-size:30px}}