@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600&display=swap');
:root{--paper:#f7f3eb;--ink:#382c25;--muted:#7d7165;--gold:#ad8c5c;--line:#ded6c9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:10}header{padding:20px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px}.logo{width:77px;height:48px;overflow:hidden;position:relative;display:block}.logo img{width:100px;position:absolute;left:-12px;top:-27px;mix-blend-mode:multiply}.brand small{font-size:10px;letter-spacing:3px;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px}nav a:hover{color:var(--gold)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:85px 8% 25px 12%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:600;margin:0 0 28px}h1,h2,h3{font-family:'Noto Serif KR',serif;font-weight:500;line-height:1.5;letter-spacing:-2px;margin:0}h1{font-size:clamp(40px,4.2vw,67px)}.intro{color:var(--muted);line-height:2;margin:28px 0 34px}.button{display:inline-flex;gap:40px;align-items:center;padding:14px 23px;background:var(--ink);color:var(--paper);font-size:12px}.button:hover{background:#5a4333}.hero-foot{margin-top:auto;padding-top:65px;width:100%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}.hero-art{position:relative;background:#ece3d4;display:flex;flex-direction:column;justify-content:center;padding:40px;overflow:hidden}.hero-art img{width:100%;mix-blend-mode:multiply}.art-label{position:absolute;top:38px;left:40px;font-family:'Noto Serif KR';font-size:13px}.art-caption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);gap:20px}.experience,.products{padding:105px 8%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading h2,h2{font-size:38px}.section-heading>p{color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--line)}.steps article{padding:28px 25px 10px 0}.steps article+article{padding-left:30px;border-left:1px solid var(--line)}.steps span{font-size:10px;letter-spacing:2px;color:var(--gold)}.steps h3{font-size:25px;margin:20px 0 12px}.steps p{color:var(--muted);font-size:13px}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:12%;padding:90px 10%;background:#eae3d7}.story-mark{border:1px solid #b9a58b;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.story-mark>span{font-family:'Noto Serif KR';font-size:95px;line-height:1.15;color:#9b7952}.story-mark small{margin-top:30px;text-align:center;color:var(--muted)}.story p:not(.eyebrow){color:#726355;font-size:14px;line-height:2.1}.signature{border-top:1px solid #cfc4b4;margin-top:30px;padding-top:20px;font-size:12px}.signature span{margin-left:20px;letter-spacing:2px;color:var(--gold);font-size:10px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.word{height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:'Noto Serif KR';font-size:49px;color:#77553b;background:#ede2d2;letter-spacing:7px}.word span{font-family:sans-serif;font-size:9px;letter-spacing:3px;margin-top:20px}.thanks{background:#e9e8df}.city{background:#e8dfd6}.tag{font-size:10px;color:var(--gold);margin:20px 0 8px}.product-grid h3{font-size:23px;letter-spacing:-1px}.product-grid article>p:last-child{font-size:12px;color:var(--muted)}.product-note{font-size:11px;color:var(--muted);margin-top:35px}.gift{padding:85px 8%;background:var(--ink);color:var(--paper);text-align:center}.gift p:not(.eyebrow){color:#c7b9a8;font-size:13px;margin:25px 0}.light{border:1px solid #a18d74;margin-top:15px}footer{padding:45px 8%;display:flex;justify-content:space-between;gap:30px}footer strong{font-family:'Noto Serif KR';font-size:27px}footer p{font-size:10px;color:var(--muted)}footer a{font-size:12px;margin-right:25px}.page{max-width:1050px;margin:auto;padding:80px 30px 130px;min-height:65vh}.page h1{font-size:45px}.page .lead{color:var(--muted);margin-bottom:50px}.empty{padding:60px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-grid article{border-top:1px solid var(--line);padding:28px 0}.contact-grid h2{font-size:24px}.contact-grid p{color:var(--muted)}@media(max-width:760px){header{padding:15px 5%;align-items:flex-start}.brand{gap:3px}.brand small{display:none}nav{gap:12px;font-size:11px;padding-top:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7% 30px}.hero-foot{padding-top:50px}.hero-art{padding:40px 7% 25px;min-height:380px}.art-label{top:20px;left:7%}.experience,.products{padding:65px 7%}.section-heading{display:block}h2,.section-heading h2{font-size:30px}.steps{margin-top:30px;grid-template-columns:1fr}.steps article+article{padding-left:0;border-left:0;border-top:1px solid var(--line)}.steps article{padding:22px 0}.steps h3{margin:10px 0}.story{grid-template-columns:1fr;gap:35px;padding:55px 7%}.story-mark{flex-direction:row;gap:15px;padding:25px}.story-mark>span{font-size:55px}.story-mark small{margin:0 0 0 20px;font-size:11px}.product-grid{grid-template-columns:1fr}.word{height:210px}.gift{padding:60px 7%}.gift h2{font-size:28px}footer{padding:35px 7%;flex-direction:column}.contact-grid{grid-template-columns:1fr}.page{padding:55px 7% 80px}.page h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-art img{mix-blend-mode:normal;max-height:560px;object-fit:contain;border-radius:2px}.art-caption{margin-top:12px}@media(max-width:760px){.hero-art img{max-height:500px}}
header{position:sticky;top:0;z-index:100;background:var(--paper)}.hero-art{background:#e9dfcf;justify-content:center;gap:18px}.art-label{position:static;display:block;color:#655344;align-self:flex-start}.hero-art img{display:block;flex-shrink:0}.art-caption{margin-top:0;color:#655344}@media(max-width:760px){html{scroll-padding-top:90px}.hero-art{padding:28px 7%;gap:16px}}
.story-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:26px 0;font-size:12px;color:#70583f}.story-links a{border-bottom:1px solid #b9a58b}.identity,.stockists{padding:85px 8%}.identity{background:#eee7db}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}.identity-art{height:240px;background:var(--paper);display:flex;align-items:center;justify-content:center;overflow:hidden}.identity-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.plain-mark{font-family:sans-serif;font-size:60px;font-weight:600}.identity h3,.stockists h3{font-size:23px;margin-top:20px;letter-spacing:-1px}.identity article p,.stockists p{font-size:13px;color:var(--muted)}.identity small{font-size:11px;color:var(--muted)}.stockists .contact-grid{margin-top:35px}@media(max-width:760px){.identity,.stockists{padding:60px 7%}.identity-grid{grid-template-columns:1fr}.identity-art{height:220px}}
.story-menu{position:relative}.story-menu summary{cursor:pointer;list-style:none}.story-menu summary::-webkit-details-marker{display:none}.story-menu summary span{margin-left:5px}.submenu{display:none;position:absolute;top:100%;right:0;min-width:150px;padding:12px 0;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 20px #382c2510;z-index:110}.submenu a{display:block;padding:9px 20px;white-space:nowrap}.story-menu:hover .submenu{display:block}.submenu a:hover,.submenu a:focus-visible{background:#eee7db}.identity{padding:35px 8% 50px;background:#eae3d7}.identity .section-heading h2{font-size:24px;letter-spacing:-1px}.identity .section-heading h2 br{display:none}.identity .section-heading>p{font-size:12px}.identity .eyebrow{margin-bottom:14px}.identity-grid{margin-top:22px;gap:24px}.identity-art{height:105px;background:transparent}.identity-art img{width:140px;height:105px}.plain-mark{font-size:36px}.identity h3{font-size:17px;margin-top:12px}.identity article p{font-size:12px;margin:8px 0}.story{padding-bottom:40px}.story-links{display:none}@media(max-width:760px){.identity{padding:25px 7% 40px}.identity-grid{grid-template-columns:1fr}.identity-grid article{display:grid;grid-template-columns:110px 1fr;column-gap:18px;border-top:1px solid var(--line);padding-top:15px}.identity-art{grid-row:1 / span 3}.identity-art img{width:110px;height:100px}.identity h3{margin-top:0}.submenu{right:0}.identity .section-heading h2{font-size:24px}}
.story-menu summary{display:block;list-style:none;cursor:pointer}.story-menu summary::marker{content:""}.story-menu summary::-webkit-details-marker{display:none}.submenu{min-width:172px;padding:10px 0}.submenu a{display:block;padding:15px 24px;line-height:1.6;cursor:pointer}.submenu a+a{border-top:1px solid #ded6c966}
.story-trigger{border:0;padding:0;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer}.story-menu:has(.story-trigger:focus-visible) .submenu,.story-menu:has(.submenu a:focus-visible) .submenu{display:block}.story-trigger:focus-visible{outline:2px solid var(--gold);outline-offset:5px}