:root{--ink:#213c37;--gold:#a58f6b;--paper:#f9f8f5;--cream:#eeeee7;--muted:#66736c;--border:#e1e2dc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Inter,Arial,sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1140px,92%);margin:auto}.top{background:#213c37;color:white;font-size:11px;text-align:center;letter-spacing:.11em;padding:10px}.nav{display:flex;align-items:center;justify-content:space-between;height:77px;gap:15px}.sitehead{position:sticky;top:0;background:rgba(249,248,245,.97);backdrop-filter:blur(16px);z-index:100;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand-monogram{font-family:Georgia,serif;font-size:37px;letter-spacing:-3px;white-space:nowrap}.brand-monogram em{font-style:normal;color:var(--gold)}.brand-sub{font-size:10px;letter-spacing:.25em;font-weight:700}.navlinks{display:flex;gap:28px;font-size:13px;font-weight:700}.navlinks a:hover,.active{color:#92764d}.menu{display:none;background:none;border:0;font-size:23px;color:var(--ink)}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:30px;padding:14px 24px;min-height:46px;font-weight:700;font-size:13px;border:1px solid var(--ink);transition:.2s}.primary{background:var(--ink);color:#fff}.primary:hover{background:#395d54}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:#e9ede8}.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:490px;background:#e7ebe5;border-radius:15px;overflow:hidden;margin:25px auto 42px}.hero-copy{padding:clamp(26px,6vw,75px);display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.22em;color:#7f896c;font-weight:800;text-transform:uppercase}.hero h1,h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(38px,6vw,70px);line-height:1.06;margin:20px 0}h2{font-size:clamp(27px,4vw,42px);margin:12px 0}.hero p{color:#596a60;line-height:1.75;max-width:460px}.hero-art{min-height:390px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#faf7ef 0,#c6d4cd 45%,#8ca79b 100%);display:grid;place-items:center}.bottle{position:relative;width:142px;height:198px;border-radius:24px 24px 22px 22px;background:linear-gradient(95deg,#b5a97d,#eee4bd 37%,#b49f74 65%,#9f936e);box-shadow:inset 12px 0 22px #ffffff88,inset -12px 0 22px #5d514744,25px 38px 50px #22413b55;transform:rotate(-10deg)}.bottle:before{content:'';position:absolute;width:58px;height:48px;left:42px;top:-47px;border-radius:7px 7px 2px 2px;background:linear-gradient(90deg,#253a33,#596c5d,#21332f)}.bottle:after{content:'C&N';position:absolute;left:23px;right:23px;top:77px;background:#ecebdfbb;padding:19px 0;text-align:center;font:26px Georgia;color:#283e33;letter-spacing:-2px}.hero-art .circle{position:absolute;width:350px;height:350px;border:1px solid #fff9;border-radius:50%}.section{padding:35px 0 50px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:22px}.section-intro p,.muted{color:var(--muted);line-height:1.65}.cat-head{padding:32px 0 10px}.searchbox{position:relative;max-width:720px;margin:20px 0 15px}.searchbox input{width:100%;height:54px;border-radius:13px;background:white;border:1px solid var(--border);padding:0 18px 0 46px;color:var(--ink);outline-color:var(--gold)}.searchbox .mag{position:absolute;left:17px;top:16px;opacity:.65}.suggestions{position:absolute;top:58px;left:0;right:0;background:#fff;z-index:30;border:1px solid var(--border);border-radius:12px;box-shadow:0 15px 35px #203a3022;overflow:hidden;max-height:300px;overflow-y:auto}.suggestions:empty{display:none}.suggestions button{display:block;width:100%;text-align:left;padding:12px 15px;background:white;border:0;border-bottom:1px solid var(--border);font-size:13px}.suggestions button:hover,.suggestions button:focus{background:#f3f5f0}.chips{display:flex;gap:9px;overflow:auto;padding:5px 0 12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;background:#fff;border:1px solid #d5dbd3;padding:10px 16px;border-radius:28px;font-size:12px;color:var(--ink)}.chip.selected{background:var(--ink);color:white;border-color:var(--ink)}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:9px 0 25px}.filters select{min-height:40px;border:1px solid var(--border);border-radius:9px;color:var(--ink);background:#fff;padding:0 12px;max-width:46%}.filters label{font-size:12px}.count{font-size:12px;color:var(--muted);margin-left:auto}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.product{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden;min-width:0}.visual{aspect-ratio:4/5;background:linear-gradient(140deg,#eff0eb,#dfe7e0);display:grid;place-items:center;position:relative;overflow:hidden}.visual img{width:100%;height:100%;object-fit:contain;background:#f5f4f1}.placeholder-bottle{height:58%;width:40%;background:linear-gradient(100deg,#c4cbba,#f6f7f1 45%,#b5c2b5);box-shadow:15px 20px 27px #243f3423;position:relative;border-radius:10px 10px 16px 16px}.placeholder-bottle:before{content:'';position:absolute;width:44%;height:18%;left:28%;top:-17%;background:linear-gradient(90deg,#28423a,#6d8478,#28423a);border-radius:5px 5px 0 0}.placeholder-bottle:after{content:'C&N';position:absolute;left:7%;right:7%;top:39%;text-align:center;font:clamp(10px,2vw,18px) Georgia;color:#55675c;border-top:1px solid #7c8d81;border-bottom:1px solid #7c8d81;padding:8px 0}.flag{position:absolute;top:10px;left:10px;background:#fffdf3;color:#6b5f40;font-size:10px;padding:6px 9px;border-radius:30px;z-index:1}.product-info{padding:14px}.product-info .maker{text-transform:uppercase;color:#738176;letter-spacing:.12em;font-weight:700;font-size:10px}.product-info h3{font-size:14px;line-height:1.42;margin:7px 0;min-height:42px}.product-info .subtitle{font-size:11px;color:var(--muted);margin:7px 0 14px;min-height:18px}.product-info a{font-size:12px;font-weight:800;display:block;padding:10px;border:1px solid var(--ink);border-radius:24px;text-align:center}.product-info a:hover{background:var(--ink);color:white}.center{text-align:center;margin-top:28px}.empty{background:#e9eee9;padding:35px;border-radius:14px;text-align:center;color:#56695c;line-height:1.7}.detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:42px 0}.detail .visual{border-radius:16px;max-height:590px}.detail p{line-height:1.85;color:var(--muted)}.detail .meta{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 25px}.tag{display:inline-block;background:#e7eee7;border-radius:22px;font-size:12px;padding:8px 12px}.detail h3{font-size:15px;margin:25px 0 5px}.code{font-size:12px;color:#748078}.footer{background:var(--ink);color:#f0f1ea;padding:50px 0 30px;margin-top:60px}.footer .footrow{display:flex;justify-content:space-between;gap:35px}.footer p{color:#d0d8cf;font-size:13px;line-height:1.7}.footer a{display:inline-block;margin:5px 0}.bottom{margin-top:30px;padding-top:20px;border-top:1px solid #566a60;color:#cbd6cb;font-size:11px}.contactbox{max-width:680px;background:#edf0e9;border-radius:16px;padding:30px;margin:32px 0}.note{font-size:12px;color:#7d786d;margin-top:12px}.preview{background:#f4e5c8;padding:11px;font-size:12px;text-align:center;color:#6c542b}
@media(max-width:750px){.nav{height:66px}.brand-monogram{font-size:31px}.brand-sub{font-size:8px}.navlinks{display:none;position:absolute;left:0;right:0;top:66px;background:var(--paper);padding:20px 6%;box-shadow:0 15px 20px #0002;flex-direction:column;gap:18px}.navlinks.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;margin:12px auto 30px;min-height:auto}.hero-copy{padding:30px 23px}.hero h1{font-size:40px;margin:13px 0}.hero-art{min-height:250px}.hero-art .circle{height:250px;width:250px}.bottle{transform:scale(.65) rotate(-10deg)}.section{padding:25px 0 35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-info{padding:11px}.product-info h3{font-size:12px;min-height:48px}.product-info .subtitle{font-size:10px}.product-info a{font-size:11px;padding:9px 4px}.section-intro{align-items:start}.detail{grid-template-columns:1fr;gap:22px;padding:20px 0}.detail .visual{max-height:450px}.footer .footrow{flex-direction:column}.filters{gap:7px}.filters select{font-size:12px}.top{font-size:9px}}
