@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap');
:root{--cream:#f7eee3;--cream2:#f2e6d8;--olive:#39451f;--olive2:#59652f;--gold:#ae8235;--ink:#292a22;--line:#d7c7b3;--white:#fffaf4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif}.announcement{height:34px;background:var(--olive);color:#fff7e9;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1.3px}.header{height:145px;display:grid;grid-template-columns:1fr 260px 1fr;align-items:center;padding:0 3.7%;background:rgba(250,243,235,.96);border-bottom:1px solid #eadfd2;position:sticky;top:0;z-index:30}.brand img{width:255px;height:125px;object-fit:contain;display:block;margin:auto}.nav{display:flex;align-items:center;gap:31px}.nav-right{justify-content:flex-end}.nav a,.icon-btn{font-size:11px;letter-spacing:.7px;color:var(--ink);text-decoration:none;border:0;background:none;cursor:pointer}.nav .active{border-bottom:1px solid var(--ink);padding-bottom:4px}.icon-btn{font-size:26px;line-height:1;position:relative}.icon-btn b{position:absolute;right:-7px;top:-5px;background:var(--olive);color:#fff;border-radius:50%;font:600 8px Arial;min-width:15px;height:15px;display:grid;place-items:center}.hamburger,.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:42% 58%;min-height:500px}.hero-copy{padding:68px 10% 50px 12%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--gold);margin:0 0 16px;font-weight:600}.hero h1{font:500 57px/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:3px;color:var(--olive);margin:0}.hero h1 em{font-style:normal}.hero-copy>p:not(.eyebrow){max-width:365px;font-size:14px;line-height:1.75;margin:20px 0 25px;color:#4d4d44}.gold-rule{display:flex;align-items:center;gap:12px;width:190px;color:var(--gold);margin:10px 0}.gold-rule:before,.gold-rule:after{content:"";height:1px;background:var(--gold);flex:1}.gold-rule span{font-size:10px}.btn{display:inline-flex;width:max-content;background:var(--olive);color:#fffdf7;text-decoration:none;border:0;padding:14px 20px;font-size:10px;letter-spacing:1px;cursor:pointer}.hero-image{min-height:500px;overflow:hidden;background:#e8ddce}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.values{display:grid;grid-template-columns:repeat(4,1fr);background:#fbf3e9;border-bottom:1px solid var(--line);padding:25px 7%}.values div{text-align:center;border-right:1px solid var(--line);min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center}.values div:last-child{border:0}.values i{font-style:normal;font-size:23px;color:var(--gold);margin-bottom:8px}.values strong{font:600 15px/1.2 'Cormorant Garamond',serif;letter-spacing:.6px}.values small{font-size:10px;line-height:1.6;margin-top:7px;color:#55564e}
.shop{padding:60px 7% 70px}.heading{text-align:center}.heading h2{font:500 30px/1 'Cormorant Garamond',serif;letter-spacing:2px;color:var(--olive);margin:0}.heading .gold-rule{margin:12px auto 28px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1110px;margin:auto}.product{text-align:center}.product-image{aspect-ratio:1/1.18;overflow:hidden;background:#e5d8c8}.product-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}.product:hover .product-image img{transform:scale(1.03)}.product h3{font-size:10px;font-weight:500;letter-spacing:.8px;margin:13px 0 3px}.price{font:500 17px 'Cormorant Garamond',serif;margin:0 0 11px}.outline{background:transparent;border:1px solid #b9aa97;padding:10px 20px;font-size:9px;letter-spacing:1px;color:var(--ink);cursor:pointer}.outline:hover{background:var(--olive);border-color:var(--olive);color:white}
.story{display:grid;grid-template-columns:1fr 1fr;background:#f2e9dc}.story-image{height:370px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{padding:65px 9%;display:flex;flex-direction:column;justify-content:center}.story-copy h2,.contact h2{font:500 38px/1.02 'Cormorant Garamond',serif;letter-spacing:1px;color:var(--olive);margin:0 0 20px}.story-copy p:not(.eyebrow),.contact p:not(.eyebrow){max-width:470px;font-size:12px;line-height:1.8;color:#56564d;margin:0 0 24px}.ingredients{padding:75px 8%;background:#fbf5ed}.ingredient-grid{max-width:1000px;margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.ingredient-grid div{border-top:1px solid var(--line);padding:22px;text-align:center}.ingredient-grid h3{font:600 20px 'Cormorant Garamond',serif;letter-spacing:1px;color:var(--olive);margin:0 0 8px}.ingredient-grid p{font-size:11px;line-height:1.7;color:#666;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:75px 10%;background:#e7dccb}.contact .btn{margin-top:10px}
footer{background:#323b20;color:#f8f0e3;padding:45px 7% 20px}.footer-main{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px;max-width:1200px;margin:auto}.footer-brand img{width:215px;height:110px;object-fit:contain;object-position:left center;filter:none}.footer-brand p{font-size:11px;color:#c8cbbd}.footer-main h4{font:600 15px 'Cormorant Garamond',serif;letter-spacing:1px;margin:8px 0 13px}.footer-main a{display:block;color:#c8cbbd;text-decoration:none;font-size:10px;margin:8px 0}.footer-bottom{border-top:1px solid #5a634c;max-width:1200px;margin:25px auto 0;padding-top:18px;text-align:center;color:#b7bcac;font-size:9px;letter-spacing:.3px}
.cart-shade{position:fixed;inset:0;background:rgba(24,27,16,.4);display:none;z-index:60}.cart-shade.open{display:block}.cart{position:fixed;right:-470px;top:0;width:min(450px,100%);height:100%;background:var(--white);z-index:70;padding:35px;transition:.3s;box-shadow:-20px 0 50px rgba(0,0,0,.12)}.cart.open{right:0}.cart-head{display:flex;justify-content:space-between;gap:20px}.cart-head h2{font:500 28px 'Cormorant Garamond',serif;color:var(--olive);margin:0}.cart-head button,.search-box button{border:0;background:none;font-size:30px;cursor:pointer;color:var(--olive)}.cart-line{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-line small{display:block;color:#777;font-size:9px;margin-top:4px}.cart-total{display:flex;justify-content:space-between;padding:22px 0;font-size:12px;letter-spacing:1px}.full{width:100%;justify-content:center}.cart-note{font-size:9px;color:#777}.search-box{position:fixed;top:34px;left:0;right:0;background:var(--white);z-index:80;padding:35px 8%;display:none;box-shadow:0 15px 35px rgba(0,0,0,.1)}.search-box.open{display:flex;gap:20px}.search-box input{flex:1;border:0;border-bottom:1px solid var(--line);background:none;padding:10px;font:20px 'Cormorant Garamond',serif;outline:none}
@media(max-width:900px){.header{height:90px;grid-template-columns:50px 1fr 50px}.brand img{width:190px;height:80px}.nav{display:none}.hamburger{display:block;border:0;background:none;font-size:20px;color:var(--olive)}.mobile-nav{position:fixed;top:124px;left:0;right:0;z-index:25;background:var(--white);padding:15px 25px;box-shadow:0 10px 20px rgba(0,0,0,.08)}.mobile-nav.open{display:block}.mobile-nav a{display:block;text-decoration:none;color:var(--ink);font-size:11px;letter-spacing:1.5px;padding:13px 0;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 8%;text-align:center;align-items:center}.hero-image{height:430px}.values{grid-template-columns:1fr 1fr}.values div{border-bottom:1px solid var(--line)}.values div:nth-child(2){border-right:0}.products{grid-template-columns:1fr 1fr}.story,.contact{grid-template-columns:1fr}.story-image{height:300px}.ingredient-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.announcement{font-size:9px}.hero h1{font-size:49px}.products{grid-template-columns:1fr}.values{grid-template-columns:1fr}.values div{border-right:0}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.shop{padding:50px 7%}}

.brand img{mix-blend-mode:multiply}
.footer-brand img{mix-blend-mode:screen}
.product-detail{display:grid;grid-template-columns:1fr 1fr;background:#eee4d6;max-width:1180px;margin:0 auto 75px}.detail-image{min-height:570px;overflow:hidden;background:#dfd1bf}.detail-image img{width:100%;height:100%;object-fit:cover;display:block}.detail-copy{padding:80px 11%;display:flex;flex-direction:column;justify-content:center}.detail-copy h2{font:500 48px/1 'Cormorant Garamond',serif;letter-spacing:1.5px;color:var(--olive);margin:0 0 12px}.detail-sub{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 22px}.detail-copy>p:not(.eyebrow):not(.detail-sub):not(.tiny){font-size:12px;line-height:1.8;color:#5b5b52;max-width:430px}.detail-price{font:500 30px 'Cormorant Garamond',serif;color:var(--olive);margin:18px 0}.quantity{display:flex;align-items:center;border:1px solid #c8b9a6;width:max-content;margin-bottom:15px}.quantity button{width:34px;height:34px;border:0;background:transparent;font-size:18px;color:var(--olive);cursor:pointer}.quantity span{width:32px;text-align:center;font-size:11px}.tiny{font-size:9px;color:#777;margin-top:12px}
@media(max-width:900px){.product-detail{grid-template-columns:1fr;margin:0 7% 55px}.detail-image{min-height:420px}.detail-copy{padding:55px 9%}}
@media(max-width:520px){.detail-image{min-height:350px}.detail-copy h2{font-size:40px}}