:root{--bg:#f5f1e8;--ink:#23291f;--mute:#62695a;--line:rgba(35,41,31,.14);--ac:#4f6b3a;--och:#c08a3e;--serif:'Gowun Batang',Georgia,serif;--sans:'Josefin Sans',system-ui,sans-serif;--btn-bg:#4f6b3a;--btn-ink:#fff}
body{font-size:17.5px}em{font-style:normal;color:var(--och)}.kicker{color:var(--ac);font-weight:600}.h1{font-size:clamp(46px,6vw,90px);line-height:1.05}.h2{font-size:clamp(34px,4vw,58px);line-height:1.12}.sec-p{color:var(--mute);line-height:1.8;margin-top:16px}.lead{color:var(--mute);line-height:1.8;max-width:50ch;margin-top:22px;font-size:18px}
.intro{background:#23291f;align-items:center;justify-content:center;flex-direction:column;gap:20px}.in-l svg{width:110px;height:146px}.in-l path,.brand path{fill:none;stroke:#c9d4a8;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.in-t{margin:0;color:#f5f1e8;font-family:var(--serif);font-size:clamp(44px,6vw,74px);line-height:1;display:flex;flex-direction:column;align-items:center}.in-t span{font-family:var(--sans);font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:#c08a3e;margin-top:14px}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(20px,4vw,48px);transition:background .3s}.nav.scrolled{background:rgba(245,241,232,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand svg{width:30px;height:40px}.brand path{stroke:var(--ac)}.brand span{font-family:var(--serif);font-size:24px;line-height:1;display:flex;flex-direction:column}.brand small{font-family:var(--sans);font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--och);margin-top:3px}.nav nav{display:flex;gap:28px}.nav nav a{text-decoration:none;font-size:15px}.nav nav a:hover{color:var(--ac)}
.hero{padding:140px 0 60px}.hg{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(30px,5vw,80px);align-items:center;min-height:calc(100vh - 260px)}.h-b{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.h-f{margin:0;border-radius:200px 20px 200px 20px;overflow:hidden}.h-f img{width:100%;aspect-ratio:5/4;object-fit:cover}.bad{display:flex;flex-wrap:wrap;gap:10px;margin-top:50px}.bad li{border:1px solid var(--ac);color:var(--ac);border-radius:999px;padding:9px 18px 7px;font-size:14.5px}
.natur{padding:clamp(80px,9vw,130px) 0 0}.ng{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,6vw,100px);align-items:start}.q{font-family:var(--serif);font-size:24px;line-height:1.5;color:var(--ac);margin-top:26px}.strip{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:16px;margin-top:70px;padding:0 clamp(20px,5vw,72px)}.strip img{width:100%;height:clamp(200px,24vw,340px);object-fit:cover;border-radius:18px}
.prod{padding:clamp(90px,10vw,140px) 0}.p-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}.fbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.fb{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:#fffdf7;border-radius:14px;padding:11px 16px 8px;cursor:pointer;font:600 15px var(--sans);transition:background .25s,color .25s}.fb small{font-weight:400;font-size:12.5px;color:var(--mute)}.fb.on{background:var(--ac);color:#fff;border-color:var(--ac)}.fb.on small{color:#dfe8cc}.fb:focus-visible,.sz:focus-visible,.pc-d summary:focus-visible{outline:2px solid var(--och);outline-offset:2px}
.pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;align-items:start}.pc{background:#fffdf7;border-radius:22px;overflow:hidden;border:1px solid var(--line)}.pc[hidden]{display:none}.pc-f{margin:0;overflow:hidden}.pc-f img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.pc:hover .pc-f img{transform:scale(1.05)}.pc-b{padding:20px 22px 18px}.pc-t{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.pc-t h3{font-size:23px}.pc-p{margin:0;white-space:nowrap;color:var(--mute);font-size:14px}.pc-p b{font-family:var(--serif);font-size:24px;color:var(--och)}.szs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.sz{border:1px solid var(--line);background:none;border-radius:999px;padding:7px 12px 5px;font:400 13.5px var(--sans);cursor:pointer}.sz:hover{border-color:var(--ac)}.sz.on{background:var(--ink);color:#fff;border-color:var(--ink)}.sz1{font-size:13.5px;color:var(--mute);padding:7px 0}
.pc-d{margin-top:14px;border-top:1px solid var(--line)}.pc-d summary{padding:12px 0 4px;font-weight:600;color:var(--ac);display:flex;justify-content:space-between}.pc-d summary::after{content:'+';transition:transform .3s}.pc-d[open] summary::after{transform:rotate(45deg)}.scs{animation:op .45s ease}@keyframes op{from{opacity:0}to{opacity:1}}.scs li{padding:8px 0;border-top:1px dashed var(--line);font-size:14.5px;line-height:1.5}.scs b{display:block}.scs span{color:var(--mute)}.ing{font-size:13px;color:var(--mute);line-height:1.6;margin:10px 0 0}.p-n{color:var(--mute);margin:30px 0 0}
.cl{padding:clamp(90px,10vw,140px) 0;background:#23291f;color:#f5f1e8}.cl .sec-p{color:#c6c9bc}.cl .kicker{color:#c9d4a8}.cg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,6vw,100px);align-items:center}.c-f{margin:0}.c-f img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 20px 20px}.sig{font-family:var(--serif);font-size:22px;line-height:1.55;margin-top:26px;color:#e3c48f}
.best{padding:clamp(90px,10vw,140px) 0}.bg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}.steps{list-style:none;padding:0;margin:28px 0 0}.steps li{display:flex;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:17px}.steps b{width:38px;height:38px;border-radius:50%;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);flex:0 0 auto}.kc{background:#fffdf7;border-radius:28px;padding:clamp(28px,3vw,44px);border:1px solid var(--line)}.kc address{font-style:normal;font-size:19px;line-height:1.7}.kl{font-size:18px;line-height:1.9;margin-top:14px}.kl a{text-decoration:none;color:var(--ac);font-weight:600}
.tnv-cta{--cta-sec:#f5f1e8;--cta-bg:#4f6b3a;--cta-ink:#f5f1e8;--cta-line:rgba(245,241,232,.3);--cta-accent:#e3c48f;--cta-r:28px}.tnv-cta .btn:not(.btn-ghost){--btn-bg:#e3c48f;--btn-ink:#23291f}
@media(max-width:1000px){.pcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hg,.ng,.p-h,.cg,.bg,.pcs{grid-template-columns:1fr}.strip{grid-template-columns:1fr 1fr}.strip img:nth-child(2){display:none}.nav nav{display:none}}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:30px clamp(20px,5vw,80px);font-size:14px;border-top:1px solid var(--line);color:var(--mute)}
.foot p{margin:0;display:flex;gap:22px;flex-wrap:wrap;line-height:1.5}.foot a{text-decoration:none}
main{overflow-x:clip}