@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#253328;--green:#31563a;--cream:#f7f3eb;--sand:#ede4d4;--orange:#d86e3c;--muted:#718075}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.announcement{background:#314e37;color:#fff;text-align:center;font-size:11px;letter-spacing:.08em;padding:9px}.site-header{height:92px;display:flex;align-items:center;max-width:1320px;padding:0 42px;margin:auto;justify-content:space-between}.wordmark{display:flex;flex-direction:column;font-family:'DM Serif Display',serif;line-height:.9;letter-spacing:.04em}.wordmark span{font-size:28px}.wordmark small{font-family:'Noto Sans KR',sans-serif;font-size:8px;letter-spacing:.27em;margin:7px 0 0 2px}.site-header nav{display:flex;gap:31px;font-size:14px;font-weight:500}.site-header nav a:hover,.text-link:hover{color:var(--orange)}.shop-link{border-bottom:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.12em;padding-bottom:4px}.shop-link span{margin-left:6px}.hero{min-height:600px;background:#e5ebd9;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{max-width:660px;margin-left:auto;padding:112px 70px 80px 42px}.eyebrow{color:#b95d37;letter-spacing:.17em;font-size:11px;font-weight:700;margin:0 0 16px}.hero h1,.intro h2,.feature h2,.latest h2,.shop-banner h2,.page-heading h1,.story h1{font-family:'DM Serif Display','Noto Sans KR',serif;letter-spacing:-.045em;line-height:1.18}.hero h1{font-size:clamp(42px,4.4vw,68px);margin:0 0 25px}.hero-copy>p:not(.eyebrow){font-size:16px;color:#536257}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:37px}.button{display:inline-block;padding:13px 22px;font-size:13px;font-weight:700;letter-spacing:-.02em}.button.dark{background:var(--ink);color:#fff}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link span{margin-left:7px}.hero-art{position:relative;background:linear-gradient(145deg,#c9d3aa,#f1d7ae);overflow:hidden}.hero-art:before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:#f6e4c9;right:-130px;bottom:-160px}.hero-art p{position:absolute;right:13%;top:15%;font:italic 27px/1.05 'DM Serif Display',serif;color:#35533c}.jar{position:absolute;width:210px;height:300px;border-radius:35px 35px 55px 55px;background:linear-gradient(90deg,#d78040,#eea95c 56%,#c76d39);left:31%;bottom:64px;box-shadow:20px 30px 30px #7b573544;transform:rotate(-7deg);z-index:2}.jar:before{content:'';position:absolute;width:140px;height:34px;background:#384636;border-radius:8px;left:35px;top:-19px}.jar i{position:absolute;inset:46px 20px 28px;background:#f8eedc;border-radius:3px}.jar b{position:absolute;text-align:center;top:78px;left:0;right:0;font:25px/1 'DM Serif Display',serif;letter-spacing:.07em}.jar b small{font:7px/1.4 'Noto Sans KR',sans-serif;letter-spacing:.18em}.fruit{position:absolute;border-radius:50%;z-index:3}.fruit.one{width:105px;height:105px;background:#e27348;bottom:48px;left:19%;box-shadow:inset -14px -12px #b84b32}.fruit.two{width:74px;height:74px;background:#f4c442;bottom:78px;left:63%;box-shadow:inset -11px -8px #d59f26}.leaf{position:absolute;width:100px;height:45px;border-radius:100% 0;background:#497443;bottom:130px;left:65%;transform:rotate(-35deg)}.intro{text-align:center;padding:130px 25px 72px}.intro h2,.feature h2{font-size:42px;margin:0 0 18px}.intro>p:last-child,.feature>div>p:not(.eyebrow){color:#5d6a61;font-size:15px}.category-grid{max-width:1235px;margin:0 auto 150px;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{min-height:270px;padding:28px;display:flex;flex-direction:column;transition:transform .25s}.category-card:hover{transform:translateY(-6px)}.category-card span{font-size:12px}.category-card h3{font:30px 'DM Serif Display','Noto Sans KR',serif;margin:auto 0 7px}.category-card p{font-size:12px;line-height:1.65;min-height:41px}.category-card b{font-size:11px;margin-top:14px}.cat-1{background:#dce6c4}.cat-2{background:#efd3b5}.cat-3{background:#e2dbce}.cat-4{background:#c9ddd3}.feature{max-width:1235px;margin:0 auto 150px;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;}.feature-art{height:425px;background:#d7c1a0;position:relative;overflow:hidden}.feature-art:before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:#e9e0c9;bottom:-290px;left:-60px}.cup{position:absolute;width:190px;height:120px;background:#f4efe6;border-radius:12px 12px 80px 80px;bottom:98px;left:calc(50% - 95px);box-shadow:12px 15px #876f5240}.cup:after{content:'';position:absolute;width:57px;height:57px;border:13px solid #f4efe6;border-radius:50%;right:-45px;top:20px}.steam{position:absolute;width:28px;height:100px;border-left:2px solid #fff8;top:80px;border-radius:50%;transform:rotate(12deg)}.s1{left:46%}.s2{left:55%;top:61px}.latest{max-width:1235px;margin:0 auto 150px;padding:0 32px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2{font-size:42px;margin:0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:37px 22px}.post-image{display:flex;height:240px;padding:16px;flex-direction:column;justify-content:space-between;color:#fff}.post-image span{align-self:flex-start;padding:4px 8px;background:#ffffff44;font-size:10px}.post-image b{font:28px 'DM Serif Display',serif;letter-spacing:.08em;align-self:center}.post-tone-0{background:linear-gradient(135deg,#e8b85b,#a95535)}.post-tone-1{background:linear-gradient(135deg,#4e7258,#b9ca95)}.post-tone-2{background:linear-gradient(135deg,#bc7a58,#efccb3)}.post-tone-3{background:linear-gradient(135deg,#91b1a3,#395e54)}.post-category{font-size:11px;color:#b95d37;margin:18px 0 7px}.post-card h3{font-size:18px;line-height:1.5;margin:0 0 9px;word-break:keep-all}.excerpt{font-size:13px;color:#647067;line-height:1.65;margin:0 0 10px}.post-card time{font-size:10px;color:#849087}.shop-banner{background:#3e5e45;color:white;text-align:center;padding:100px 25px;margin-top:20px}.shop-banner .eyebrow{color:#eed9ae}.shop-banner h2{font-size:48px;margin:0 0 9px}.shop-banner p:not(.eyebrow){color:#d7e1d1;font-size:14px}.button.cream{margin-top:20px;background:#f0e5cd;color:var(--ink)}.site-footer{background:#243b2c;color:#dce7db;padding:57px max(32px,calc((100vw - 1235px)/2));}.light{color:#fff}.site-footer p{font-size:13px}.site-footer div{display:flex;gap:20px;margin:28px 0}.site-footer div a,.site-footer small{font-size:11px;color:#b8c9b8}.page{max-width:1235px;margin:auto;padding:80px 32px 150px}.page-heading{text-align:center;margin:0 auto 70px}.page-heading h1{font-size:55px;margin:0 0 12px}.page-heading>p:last-child{color:#617067;font-size:14px}.story{max-width:800px;margin:auto;padding:90px 28px 120px}.story header{text-align:center;margin-bottom:48px}.story h1{font-size:51px;margin:0 auto 20px;word-break:keep-all}.story-excerpt{color:#68756a}.story time{font-size:11px;color:#8a948d}.story-cover{height:370px;background:linear-gradient(135deg,#d9c59a,#607b57);margin-bottom:55px}.story article{font-size:16px;line-height:2;color:#344238}.story article p{margin:0 0 24px}.story aside{margin:55px 0;background:#e6ecdc;padding:32px;text-align:center}.story aside p{font-size:10px;letter-spacing:.14em;color:#b95d37;margin:0}.story aside h3{font-size:21px;margin:7px 0 18px}.back{font-size:13px;border-bottom:1px solid currentColor}@media(max-width:800px){.site-header{height:72px;padding:0 20px}.site-header nav{display:none}.wordmark span{font-size:24px}.hero{grid-template-columns:1fr}.hero-copy{margin:0;padding:73px 28px 45px}.hero-art{height:360px}.hero h1{font-size:45px}.category-grid{grid-template-columns:1fr 1fr;padding:0 16px;margin-bottom:95px}.category-card{min-height:205px;padding:19px}.feature{grid-template-columns:1fr;padding:0 16px;margin-bottom:100px}.feature-art{height:300px}.intro{padding:90px 22px 48px}.intro h2,.feature h2{font-size:33px}.latest{padding:0 16px;margin-bottom:100px}.post-grid{grid-template-columns:1fr;gap:39px}.post-image{height:260px}.shop-banner{padding:75px 20px}.shop-banner h2{font-size:38px}.page{padding:60px 16px 100px}.page-heading{margin-bottom:45px}.page-heading h1,.story h1{font-size:39px}.story{padding:60px 20px 90px}.story-cover{height:245px}.site-footer{padding:45px 20px}}