:root {
  --cream:#f5ebdd; --paper:#fffaf2; --brown:#493426; --terracotta:#9f4937;
  --green:#354c37; --saffron:#e7be69; --line:#dfcfbb; --muted:#796858;
  --serif:"Cormorant Garamond", Georgia, serif; --sans:"DM Sans", Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--brown);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
.announcement{background:var(--green);color:#fff8ed;text-align:center;padding:9px 14px;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 6.5%;gap:24px;background:var(--cream);border-bottom:1px solid var(--line)}
.wordmark{text-decoration:none;display:inline-flex;flex-direction:column;gap:2px}
.wordmark>span{font-family:var(--serif);font-size:29px;font-weight:700;letter-spacing:2.3px;line-height:1}
.wordmark small{font-size:8px;letter-spacing:2px;font-weight:700}
nav{display:flex;align-items:center;gap:28px;font-size:12px}
nav a{text-decoration:none}
.nav-cart{border-bottom:1px solid var(--terracotta);padding-bottom:5px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:530px;background:var(--cream);padding:55px 9% 68px;gap:6%;align-items:center;overflow:hidden}
.hero-copy{max-width:570px}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--terracotta);margin:0 0 17px}
h1,h2,h3{font-family:var(--serif);font-weight:600}
h1{font-size:clamp(58px,7.7vw,100px);line-height:.83;letter-spacing:-2.6px;margin:0 0 26px}
h1 em,h2 em,.quote-band em{color:var(--terracotta);font-weight:500}
.hero-intro{max-width:460px;line-height:1.85;font-size:14px;color:#645142}
.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:var(--terracotta);color:#fffaf2;text-decoration:none;border:0;border-radius:2px;padding:15px 21px;font:600 12px var(--sans);cursor:pointer;transition:background .2s,transform .2s}
.button:hover{background:var(--green);transform:translateY(-1px)}
.hero-note{font-size:10px;color:var(--muted);margin-top:17px;letter-spacing:.2px}
.hero-art{height:360px;max-width:420px;width:100%;justify-self:center;position:relative;background:#e7d6bd;border-radius:48% 48% 3px 3px;overflow:hidden;border:1px solid #d4bea0}
.sun{position:absolute;width:215px;height:215px;border-radius:50%;background:var(--saffron);right:7%;top:7%;opacity:.9}
.cookie{position:absolute;width:135px;height:135px;border-radius:50%;background:#b97b45;border:9px solid #d49a5e;box-shadow:inset 0 0 0 3px #a86a3b;z-index:2}
.cookie i{position:absolute;width:10px;height:10px;border-radius:50%;background:#65432e}
.cookie i:nth-child(1){top:25%;left:30%}.cookie i:nth-child(2){top:55%;left:63%}.cookie i:nth-child(3){top:70%;left:30%}
.cookie-one{left:10%;top:30%;transform:rotate(-18deg)}
.cookie-two{right:8%;bottom:13%;transform:rotate(13deg);background:#8c5636;border-color:#bd8050}
.art-caption{position:absolute;z-index:3;left:36%;top:43%;font:700 12px var(--sans);letter-spacing:2px;line-height:1.8;color:var(--green);transform:rotate(-7deg)}
.art-stem{position:absolute;width:3px;height:260px;background:var(--green);bottom:-30px;left:48%;transform:rotate(23deg);opacity:.7}
.grain{position:absolute;color:var(--green);font-size:75px;z-index:1;opacity:.8}.grain-one{top:12%;left:22%;transform:rotate(75deg)}.grain-two{right:10%;top:28%;transform:rotate(-35deg)}
.ticker{display:flex;justify-content:center;align-items:center;gap:23px;padding:17px 10px;background:var(--terracotta);color:#fff8ed;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;flex-wrap:wrap}
.ticker b{color:var(--saffron);font-size:13px}
.section-wrap{padding:85px 9%}
.story{display:grid;grid-template-columns:.7fr 1.5fr .5fr;gap:35px;align-items:center}
.story-label{align-self:start}.story-number{display:block;margin-top:80px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.story h2,.section-heading h2,.checkout-intro h2{font-size:clamp(42px,5vw,64px);line-height:.95;margin:0 0 22px;letter-spacing:-1px}
.story-copy>p:not(.pull-quote){font-size:13px;line-height:1.95;color:#6c5a49;max-width:560px}
.pull-quote{font:italic 23px var(--serif);color:var(--terracotta);margin-top:28px}
.story-seal{width:118px;height:118px;border:1px solid var(--terracotta);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--terracotta);transform:rotate(9deg);font-size:8px;letter-spacing:1px}
.story-seal strong{font:600 45px var(--serif);line-height:1.1}
.shop{background:#f1e4d2}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}
.section-heading h2{margin:0}
.section-heading>p{max-width:240px;font-size:12px;line-height:1.8;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.product-card{background:var(--paper);border:1px solid #e1cfb8;padding:12px;min-width:0}
.product-art{height:185px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--art-bg,#ead8bf);color:var(--green)}
.product-art:before{content:"";position:absolute;width:130px;height:130px;border:1px solid currentColor;border-radius:50%;opacity:.45}
.product-art:after{content:"";position:absolute;width:90px;height:90px;border:1px solid currentColor;border-radius:50%;opacity:.45}
.product-symbol{position:relative;z-index:1;font:600 25px var(--serif);text-align:center;line-height:1.05;max-width:125px}
.product-kicker{font-size:8px;text-transform:uppercase;letter-spacing:1.4px;color:var(--terracotta);margin-top:16px}
.product-card h3{font-size:25px;line-height:1;margin:7px 0}
.pack-size{font-size:10px;letter-spacing:.5px;font-weight:700;color:var(--green);margin:8px 0}
.product-description{font-size:11px;line-height:1.65;color:var(--muted);min-height:38px}
.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px}
.product-price{font-size:13px;font-weight:700}
.add-button{background:transparent;border:1px solid var(--terracotta);color:var(--terracotta);padding:9px 11px;font:600 10px var(--sans);cursor:pointer}
.add-button:hover{background:var(--terracotta);color:white}
.shop-disclaimer{font-size:10px;line-height:1.7;color:var(--muted);margin-top:22px}
.quote-band{background:var(--green);color:var(--paper);text-align:center;padding:65px 20px}
.quote-mark{font:60px var(--serif);color:var(--saffron);line-height:.8}
.quote-band p{font:600 clamp(34px,5vw,56px)/.95 var(--serif);margin:12px 0 22px}
.quote-band em{color:var(--saffron)}
.quote-credit{font-size:9px;letter-spacing:2px;color:#e4d4bd}
.checkout-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
.checkout-intro{position:sticky;top:30px}
.checkout-intro>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);max-width:360px}
.shipping-note{display:flex;gap:13px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;line-height:1.8}
.shipping-note>span{color:var(--terracotta);font-size:20px}
.shipping-note small{color:var(--muted)}
.checkout-card{background:white;border:1px solid var(--line);padding:27px}
.checkout-card h3{font-size:31px;margin:0 0 17px}
.cart-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eee4d8;font-size:11px}
.cart-row small{display:block;color:var(--muted);margin-top:4px}
.qty-controls{display:flex;align-items:center;gap:9px}
.qty-controls button{border:1px solid var(--line);background:var(--paper);width:27px;height:27px;cursor:pointer;color:var(--brown)}
.empty-cart{font-size:12px;color:var(--muted);padding:12px 0}
.totals{margin:18px 0 23px;border-top:1px solid var(--line);padding-top:12px;font-size:12px}
.totals>div{display:flex;justify-content:space-between;margin:9px 0}
.grand-total{border-top:1px solid var(--line);padding-top:12px;font-size:15px}
label{display:block;font-size:10px;font-weight:700;margin:14px 0 6px}
.optional{font-weight:400;color:var(--muted)}
input,textarea{width:100%;border:1px solid #d9c8b4;background:#fffdf9;border-radius:0;padding:12px;font:12px var(--sans);color:var(--brown)}
input:focus,textarea:focus{outline:2px solid #c68a72;outline-offset:1px}
textarea{resize:vertical}
.button-full{width:100%;margin-top:16px}
.form-message{font-size:11px;line-height:1.7;color:var(--terracotta);overflow-wrap:anywhere}
.fine-print{font-size:9px;line-height:1.8;color:var(--muted);margin-bottom:0}
.fine-print a{color:var(--terracotta)}
.site-footer{background:var(--brown);color:var(--cream);padding:38px 7%;text-align:center}
.footer-wordmark{color:var(--cream)}.footer-wordmark small{color:#d8c5ae}
.site-footer>p{font:italic 20px var(--serif);color:var(--saffron)}
.footer-links{display:flex;justify-content:center;gap:20px;margin:17px}
.footer-links a{font-size:10px;color:var(--cream)}
.site-footer>small{display:block;font-size:9px;color:#d1beaa;line-height:1.7}
@media(max-width:900px){.hero{padding:50px 6%;grid-template-columns:1fr  .8fr}.hero-art{height:310px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story{grid-template-columns:.5fr 1.5fr}.story-seal{display:none}.story-number{margin-top:45px}.checkout-wrap{gap:5%}}
@media(max-width:720px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:160px}}
@media(max-width:620px){.site-header{padding:18px 5%;align-items:flex-start}.wordmark>span{font-size:24px}.wordmark small{font-size:7px;letter-spacing:1.2px}nav{gap:13px;font-size:10px;padding-top:5px}.hero{grid-template-columns:1fr;padding:52px 7% 35px;gap:30px}.hero-art{height:285px;width:min(100%,340px)}h1{font-size:66px}.ticker{gap:10px;font-size:8px}.section-wrap{padding:58px 6%}.story{grid-template-columns:1fr;gap:20px}.story-number{margin-top:12px}.story h2,.section-heading h2,.checkout-intro h2{font-size:48px}.section-heading{display:block}.section-heading>p{margin-top:15px}.product-grid{gap:10px}.product-card{padding:9px}.product-art{height:145px}.product-card h3{font-size:22px}.pack-size{font-size:10px;letter-spacing:.5px;font-weight:700;color:var(--green);margin:8px 0}
.product-description{min-height:52px}.product-bottom{align-items:flex-start;flex-direction:column}.add-button{width:100%}.checkout-wrap{grid-template-columns:1fr;gap:25px}.checkout-intro{position:static}.checkout-card{padding:19px}.announcement{font-size:8px;letter-spacing:.7px}}
