:root{--olive:#344438;--cream:#f5f0e7;--paper:#fffdf8;--wine:#682f40;--ink:#28332b;--muted:#697268;--line:#d9d5cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}h1,h2,h3,.logo{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.17}h1{font-size:clamp(3rem,6vw,6rem);margin:16px 0}h2{font-size:clamp(2.1rem,4vw,3.5rem);margin:12px 0 24px}h3{font-size:1.5rem}p{max-width:70ch}header{height:80px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}a{color:inherit}header a{text-decoration:none}header nav{display:flex;align-items:center;gap:22px}.logo{font-size:1.8rem}button{cursor:pointer;font:inherit}button.primary,.primary{background:var(--olive);border:1px solid var(--olive);color:white;padding:15px 24px;border-radius:4px;font-weight:600}button.primary:hover{background:#4d614e}.outline{background:transparent;border:1px solid var(--olive);padding:9px 16px;border-radius:4px}.link{border:0;background:none;color:var(--ink)}section{padding:80px 8%}.hero{min-height:75vh;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;background:var(--cream)}.hero img{width:100%;height:560px;object-fit:cover;border-radius:2px}.lead{font-size:1.3rem}.small{font-size:.85rem;color:var(--muted)}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.19em;color:var(--wine)}.cream{background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid var(--olive);padding-top:20px}.steps span{color:var(--wine);font-weight:700}.split{display:grid;grid-template-columns:36% 1fr;gap:7%;align-items:center}.split img{width:100%;max-height:580px;object-fit:cover;object-position:center}.panel{max-width:960px;margin:auto}.panel[hidden],section[hidden],[hidden]{display:none!important}fieldset{border:0;border-top:1px solid var(--line);padding:25px 0;margin:24px 0}legend{font-family:'Playfair Display',serif;font-size:1.6rem;padding-top:12px}label{display:block;margin:12px 0}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;border:1px solid var(--line);border-radius:4px;background:white;padding:13px;font:inherit;color:var(--ink)}textarea{min-height:90px}.choices{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.chip{border:1px solid #b9b8ac;background:white;border-radius:5px;padding:12px 17px}.chip.active{background:var(--olive);color:white}.style-card{border:1px solid var(--line);padding:15px;margin:10px 0;border-radius:6px}.style-card p{margin:3px 0 10px;color:var(--muted);font-size:.85rem}.style-card button{padding:8px 14px;border:1px solid var(--line);background:white;border-radius:4px;margin-right:7px}.style-card button.active{background:var(--wine);color:white}.qty{display:flex;align-items:center;gap:20px;margin:20px 0}.qty button{width:44px;height:44px;border:1px solid var(--olive);background:white;font-size:1.3rem}.summary{background:var(--cream);padding:20px;margin:20px 0;border-radius:5px}.summary strong{display:block;font-size:1.1rem}.check{display:flex;align-items:flex-start;gap:10px}.check input{margin-top:7px}#notice{position:sticky;top:80px;z-index:11;text-align:center;background:#e8eadc;color:var(--olive);padding:10px;display:none}#notice.error{background:#f9e4e5;color:#8a2530}.order-card{border:1px solid var(--line);padding:20px;margin:15px 0;border-radius:6px}.wine-row{border-top:1px solid var(--line);padding:14px 0}.wine-row button{margin-right:8px}footer{padding:35px 8%;background:var(--olive);color:white;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer span{font-size:.8rem;opacity:.8}@media(max-width:780px){header{height:auto;min-height:70px;flex-wrap:wrap;gap:10px;padding:12px 5%}header nav{gap:10px;flex-wrap:wrap;font-size:.75rem}.hero,.split,.steps{grid-template-columns:1fr}.hero img{height:330px}.split img{max-height:400px}section{padding:50px 6%}h1{font-size:3rem}}