@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600&family=Playfair+Display:wght@500;600&display=swap');
:root{--ink:#211c18;--muted:#716960;--paper:#f7f4ef;--white:#fff;--line:#d9d2c8;--wood:#7d3f26;--wood-dark:#40261d;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",Arial,sans-serif;font-weight:300;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-header{height:86px;padding:0 max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,244,239,.96);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px;font-weight:600;letter-spacing:.12em}.brand img{width:44px;height:44px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;letter-spacing:.08em}.site-header nav>a{position:relative}.site-header nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--wood);transition:.25s}.site-header nav>a:hover:after{right:0}.lang{display:flex;gap:9px;align-items:center;margin-left:10px}.lang a{color:#aaa;font-size:11px}.lang a.active{color:var(--ink);font-weight:600}.lang i{height:12px;border-left:1px solid var(--line)}.nav-toggle{display:none;background:none;border:0}.hero{max-width:var(--max);margin:auto;min-height:calc(100vh - 86px);display:grid;grid-template-columns:42% 58%;align-items:center}.hero-copy{padding:70px 10% 70px 0}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:11px;font-weight:600;color:var(--wood);margin:0 0 22px}.hero h1,.page-intro h1,.detail h1,.post h1,.about-hero h1,.contact h1{font-family:"Playfair Display","Noto Sans KR",serif;font-weight:500;line-height:1.16;letter-spacing:-.03em}.hero h1{font-size:clamp(48px,6vw,86px);margin:0 0 30px}.hero-copy>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:16px}.button{display:inline-block;border:1px solid var(--ink);padding:12px 24px;margin-top:18px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600;transition:.2s}.button:hover{background:var(--ink);color:white}.button.outline{border-color:var(--line)}.hero-image{height:78vh;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image span{position:absolute;bottom:20px;right:24px;color:white;font-size:10px;letter-spacing:.2em}.statement{background:var(--wood-dark);color:white;padding:110px max(24px,calc((100% - 1000px)/2));text-align:center}.statement>p,.statement>span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.statement h2{font-family:"Playfair Display","Noto Sans KR",serif;font-weight:400;font-size:clamp(28px,4vw,48px);line-height:1.55;margin:30px auto;max-width:900px}.section{max-width:var(--max);margin:0 auto;padding:120px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading h2{font:500 42px/1.2 "Playfair Display","Noto Sans KR",serif;margin:0}.text-link{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:5px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 34px}.work-card:nth-child(even){margin-top:80px}.card-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#e8e1d8}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.work-card:hover .card-image img{transform:scale(1.025)}.work-card>div{padding:26px 8px}.work-card h3{font:500 30px/1.3 "Playfair Display","Noto Sans KR",serif;margin:0 0 13px}.work-card h3 a:hover{color:var(--wood)}.work-card p:not(.eyebrow){color:var(--muted);max-width:560px}.journal-preview{border-top:1px solid var(--line)}.journal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.journal-card a{display:grid;grid-template-columns:42% 58%;background:#fff;height:100%}.journal-card img{width:100%;height:100%;object-fit:cover;min-height:300px}.journal-card div{padding:34px}.journal-card time,.post time{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.journal-card h3{font:500 25px/1.4 "Playfair Display","Noto Sans KR",serif;margin:14px 0}.journal-card p{color:var(--muted);font-size:14px}.site-footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:70px 0 36px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.footer-brand{font:600 22px "Playfair Display","Noto Sans KR",serif;letter-spacing:.08em}.site-footer p{color:var(--muted);font-size:13px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;font-size:12px;align-content:start}.footer-links a{border-bottom:1px solid var(--line);padding:9px 0}.site-footer small{grid-column:1/-1;color:#aaa;font-size:10px;letter-spacing:.09em}.page-intro{max-width:var(--max);margin:auto;padding:110px 0 60px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(52px,7vw,96px);margin:0}.page-intro>p:last-child{max-width:560px;color:var(--muted);font-size:16px}.works-section{padding-top:38px}.filters{display:flex;gap:8px;margin-bottom:45px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:8px 18px;font-size:11px;letter-spacing:.1em;cursor:pointer}.filters button.active,.filters button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.coming-visual{aspect-ratio:4/3!important;background:#e8e1d8;display:grid;place-items:center}.coming-visual img{width:30%;opacity:.25}.detail,.post{max-width:var(--max);margin:auto;padding:55px 0 120px}.back{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.detail-head{display:grid;grid-template-columns:38% 62%;align-items:center;margin-top:50px}.detail-head>div{padding-right:12%}.detail-head h1{font-size:clamp(48px,6vw,82px);margin:0 0 28px}.detail-head>div>p:last-child{color:var(--muted)}.detail-head img{width:100%;height:68vh;object-fit:cover}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:110px 6%}.detail-body h2{font:400 31px/1.7 "Playfair Display","Noto Sans KR",serif;margin:0}.detail-body dl{margin:0}.detail-body dl>div{display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.detail-body dl>div:last-child{border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.shop-buttons{display:flex;gap:10px;flex-wrap:wrap}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery img:nth-child(3n){grid-column:1/-1;aspect-ratio:2/1}.post{max-width:960px}.post header{text-align:center;padding:80px 8% 55px}.post h1{font-size:clamp(42px,6vw,72px);margin:18px 0}.post header p{color:var(--muted);font-size:17px}.post-cover{width:100%;max-height:680px;object-fit:cover}.post-copy{max-width:680px;margin:70px auto}.post-copy p{font-size:17px;margin:0 0 30px}.about-hero{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:90px 0}.about-hero h1{font-size:clamp(48px,6vw,78px);margin:0 0 35px}.about-hero p:not(.eyebrow){color:var(--muted);font-size:16px}.about-hero img{height:72vh;width:100%;object-fit:cover}.values{background:var(--wood-dark);color:#fff;padding:100px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.values span{font-size:11px;opacity:.5}.values h2{font:500 27px "Playfair Display","Noto Sans KR",serif}.values p{font-size:14px;opacity:.7}.contact{max-width:var(--max);min-height:calc(100vh - 86px);margin:auto;padding:100px 0}.contact h1{max-width:900px;font-size:clamp(48px,7vw,92px);margin:0 0 25px}.contact>p:not(.eyebrow){color:var(--muted)}.email-link{display:inline-block;font-size:clamp(20px,3vw,38px);border-bottom:1px solid var(--ink);margin:30px 0 90px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-grid a{padding:35px;border-right:1px solid var(--line);display:grid}.contact-grid a:last-child{border:0}.contact-grid span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.contact-grid strong{font:500 25px "Playfair Display",serif;margin-top:16px}.contact-grid i{font-style:normal;justify-self:end}
@media(max-width:900px){.site-header{height:72px;padding:0 20px}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);padding:30px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.lang{margin:10px 0 0}.hero{grid-template-columns:1fr;min-height:0;padding:0 20px}.hero-copy{padding:70px 0}.hero-image{height:60vh}.section,.site-footer,.page-intro,.detail,.contact{margin-left:20px;margin-right:20px}.work-grid,.journal-grid,.site-footer,.detail-head,.detail-body,.about-hero,.values{grid-template-columns:1fr}.work-card:nth-child(even){margin-top:0}.journal-card a{grid-template-columns:1fr}.journal-card img{height:280px}.page-intro{padding-top:70px}.detail-head>div{padding:30px 0}.detail-head img{height:58vh}.detail-body{padding:70px 0;gap:55px}.gallery{grid-template-columns:1fr}.gallery img:nth-child(3n){grid-column:auto;aspect-ratio:4/3}.about-hero{padding:70px 20px}.about-hero img{height:60vh}.values{padding:80px 24px}.contact-grid{grid-template-columns:1fr}.contact-grid a{border-right:0;border-bottom:1px solid var(--line)}.site-footer{padding-top:55px}.footer-links{grid-template-columns:1fr}}
@media(max-width:560px){.brand img{width:36px;height:36px}.hero h1{font-size:47px}.statement{padding-top:75px;padding-bottom:75px}.section{padding:80px 0}.section-heading{align-items:start;gap:20px}.section-heading h2{font-size:34px}.section-heading>.text-link{display:none}.work-grid{grid-template-columns:1fr;gap:45px}.work-card>div{padding-left:0;padding-right:0}.journal-card div{padding:25px}.detail-head img{height:48vh}.detail-body h2{font-size:25px}.gallery{gap:10px}.footer-links{font-size:11px}.contact{padding-top:70px}.contact .email-link{margin-bottom:60px}}