@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600&family=Noto+Sans+KR:wght@400;500&display=swap');
:root{--ink:#44332b;--rose:#966b60;--paper:#faf8f5;--line:#d8cec5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--rose);outline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;gap:32px;position:absolute;z-index:5;width:100%;border-bottom:1px solid #604c3529;background:#ffffff1a}.brand{font-family:'Noto Serif KR',serif;font-size:32px;letter-spacing:-2px;white-space:nowrap}.brand small{display:block;text-align:center;font-family:Georgia,serif;font-size:10px;letter-spacing:5px;margin-top:2px}nav{display:flex;gap:48px;margin:auto;font-size:15px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:21px 36px;border-radius:50px;background:var(--ink);color:#fff;font-size:17px;transition:background .2s,transform .2s}.button:hover{background:#745346;transform:translateY(-2px)}.navbook{padding:14px 27px;font-size:14px}.menu{display:none}.hero{min-height:790px;height:100svh;max-height:1100px;background:url('assets/hero.png') center/cover;position:relative;padding:180px 5% 65px}.hero-copy{position:relative;z-index:1;width:65%}.eyebrow{font-family:Georgia,serif;font-size:11px;letter-spacing:5px;color:var(--rose);display:flex;align-items:center;gap:18px}.eyebrow i{width:80px;height:1px;background:var(--rose)}.eyebrow span{font-family:'Noto Sans KR',sans-serif;font-size:14px;letter-spacing:0;color:var(--ink)}h1,h2,h3{font-family:'Noto Serif KR',serif;font-weight:400}h1{font-size:clamp(44px,4.3vw,76px);line-height:1.55;letter-spacing:-3px;margin:32px 0 24px}em{font-style:normal;color:var(--rose)}.intro{font-family:'Noto Serif KR',serif;font-size:18px;line-height:2;margin-bottom:32px}.signature{display:flex;gap:24px;margin-top:50px;align-items:center}.signature span{font-family:Georgia,serif;color:var(--rose);font-size:11px;line-height:2.1;letter-spacing:3px;border-right:1px solid var(--rose);padding-right:24px}.signature p{font-family:'Noto Serif KR',serif;font-size:14px;line-height:2}.vertical{position:absolute;right:3%;top:32%;font:10px/2.6 Georgia,serif;letter-spacing:3px;color:var(--rose)}.vertical div{width:1px;height:60px;background:var(--rose);margin:28px 0}.concept{position:absolute;right:20px;bottom:14px;font-size:10px;color:#574c43;background:#fff9;padding:4px 7px}.scroll{position:absolute;bottom:24px;left:5%;font-size:10px;letter-spacing:3px}.mobile{display:none}.section{padding:110px 8%}.section h2{font-size:42px;line-height:1.6;letter-spacing:-2px;margin:20px 0 30px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:30px}.section p{line-height:2;color:#78685d}.service-list{display:grid;grid-template-columns:repeat(3,1fr);margin:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-list article{padding:36px 25px 30px 0}.service-list article+article{padding-left:30px;border-left:1px solid var(--line)}.service-list span{font:10px Georgia;letter-spacing:2px;color:var(--rose)}h3{font-size:24px}.service-list p{font-size:14px}.text-link{display:inline-block;padding-bottom:10px;border-bottom:1px solid var(--rose);font-size:14px}.artist{background:#eee6de;display:grid;grid-template-columns:1fr 1fr;gap:80px}.artist .large{font-family:'Noto Serif KR',serif;font-size:21px}.artist-copy{align-self:center}.artist-copy p{margin-bottom:28px}.portfolio-teaser{text-align:center}.portfolio-teaser .eyebrow{justify-content:center}.outline{background:transparent;color:var(--ink);border:1px solid var(--ink);margin-top:24px}.outline:hover{color:white}.visit{background:#f0ece6;display:grid;grid-template-columns:1fr 1fr;gap:60px}.details dt{font-size:10px;letter-spacing:3px;color:var(--rose);margin:0 0 10px}.details dd{margin:0 0 28px;line-height:1.9}.details small{font-size:11px;display:block;color:#88796b}.muted{font-size:12px}footer{padding:45px 8%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:not(.brand),footer>small{font-size:11px;letter-spacing:1px}.portfolio-page{padding-top:170px;min-height:80vh}.work-entry{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;gap:30px}.work-entry h3{margin-top:0}.work-entry p{max-width:620px}.portfolio-page .eyebrow{margin-bottom:20px}@media(min-width:1600px){.hero{padding-top:190px}.signature{margin-top:58px}}@media(max-width:1000px){nav{gap:22px}.navbook{display:none}.hero{background-position:57% center}.hero-copy{width:75%}.vertical{display:none}.intro{font-size:16px}.section{padding:75px 6%}}@media(max-width:680px){header{height:82px;padding:0 6%;justify-content:space-between;background:#faf8f5e8}.brand{font-size:25px}.brand small{font-size:8px;letter-spacing:3px}.menu{display:block;border:0;background:transparent;font-size:25px;color:var(--ink)}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:25px;background:var(--paper);box-shadow:0 10px 20px #44332b15}nav.open{display:grid;gap:22px}.hero{height:auto;min-height:940px;padding:490px 7% 60px;background-position:66% 0;background-size:auto 590px;background-repeat:no-repeat;background-color:var(--paper)}.hero:before{content:'';position:absolute;inset:330px 0 0;background:linear-gradient(transparent,var(--paper) 200px)}.hero-copy{width:100%}.hero .eyebrow{font-size:9px;letter-spacing:3px}.eyebrow i{width:20px}.eyebrow span{font-size:10px}h1{font-size:39px;line-height:1.5;letter-spacing:-2px;margin-top:20px}.intro{font-size:13px;line-height:2}.button{font-size:14px;padding:17px 27px}.signature{margin-top:30px}.signature p{font-size:12px}.signature span{font-size:9px}.concept{top:95px;bottom:auto;font-size:8px}.scroll{display:none}.section h2{font-size:31px}.section-head{display:block}.section-head p{font-size:13px}.service-list{display:block}.service-list article,.service-list article+article{border-left:0;padding:28px 0}.service-list article+article{border-top:1px solid var(--line)}.artist,.visit{grid-template-columns:1fr;gap:20px}.artist-copy{font-size:14px}.section{padding:65px 7%}footer{flex-wrap:wrap;padding:32px 7%}.work-entry{display:block}.portfolio-page{padding-top:125px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-blog{margin-left:12px;background:#faf8f5e8;color:var(--ink);border:1px solid var(--ink)}.hero-blog:hover{color:white}@media(min-width:1001px){nav{gap:28px}}@media(max-width:680px){.hero-blog{margin-left:6px;padding:17px 20px;gap:12px}}