:root{--paper:#f7f0e3;--ink:#252923;--muted:#545b50;--green:#3e5139;--line:#b8b6a6;--display:Georgia,'Times New Roman',serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--body)}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #756023;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-100px;padding:12px;background:var(--paper);z-index:10}.skip:focus{top:8px}.header{display:flex;align-items:center;gap:36px;padding:20px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.1;white-space:nowrap}.brand img{width:75px;height:75px;object-fit:contain;mix-blend-mode:multiply}.brand span{font:27px/1.15 var(--display)}.brand i{font-weight:400}.brand small{display:block;font:9px/2.3 var(--body);letter-spacing:2px}.header nav{margin-left:auto;display:flex;gap:24px}.header nav a,.header-follow{font-size:13px;padding:10px 0;text-decoration:none}.header nav a:hover,.header-follow:hover{text-decoration:underline}.header-follow{color:var(--green);font-weight:700;white-space:nowrap}.hero{position:relative;min-height:690px;background:var(--paper) url('assets/valley.png') center/cover no-repeat}.hero-copy{position:relative;padding-top:100px;padding-bottom:90px}.eyebrow{font:700 11px/1.7 var(--body);letter-spacing:2.5px;color:var(--green);margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(58px,6.5vw,91px)/.99 var(--display);letter-spacing:-3px;margin-bottom:28px}h1 span{display:block}h2{font:400 clamp(36px,4vw,54px)/1.07 var(--display);letter-spacing:-1.5px;margin-bottom:24px}.intro{font-size:19px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:var(--paper);padding:15px 23px;min-height:52px;text-decoration:none;font-size:13px;font-weight:700}.button:hover{background:#283b25}.status{font-size:12px;margin:18px 0 0;color:var(--muted)}.status span{color:var(--green);font-size:9px;margin-right:7px}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.section-heading h2{margin:0}.section-heading>p{font-size:14px;color:var(--muted);max-width:370px;margin:0}.flavor-list{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.flavor{--flavor:#365b70;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:18px 0 22px;text-align:left;cursor:pointer;min-width:0;position:relative}.forest{--flavor:#435d3c}.garlic{--flavor:#947025}.campfire{--flavor:#ac5026}.chili{--flavor:#983e35}.number{font:12px var(--body);color:var(--muted)}.swatch{display:block;height:25px;width:75%;margin:30px 0 25px;background:var(--flavor);clip-path:polygon(2% 20%,17% 8%,40% 15%,66% 0,95% 17%,100% 60%,92% 83%,55% 100%,20% 88%,0 70%);opacity:.85}.flavor strong{display:block;font:400 25px/1.15 var(--display);margin-bottom:12px;min-height:58px}.flavor small{font-size:12px;color:var(--muted)}.flavor[aria-pressed=true]{border-top:3px solid var(--flavor);padding-top:16px}.flavor[aria-pressed=true] strong{color:var(--flavor)}.flavor:hover .swatch{opacity:1}.flavor-detail{border-top:1px solid var(--line);padding-top:28px;margin-top:22px;max-width:760px;min-height:145px}.flavor-detail .eyebrow{margin-bottom:10px}.flavor-detail>p:last-child{font-size:16px;margin-bottom:0}.kitchen{border-block:1px solid var(--line);background:#ede9dd}.section-intro{color:var(--muted)}.uses{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:50px}.use-word{font:italic 56px/1 var(--display);display:block;margin-bottom:25px;color:var(--green)}h3{font:400 24px/1.2 var(--display);margin-bottom:16px}.uses p{font-size:15px;color:var(--muted);max-width:300px}.footnote{font-size:12px;color:var(--muted);margin:38px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;gap:120px}.story-copy{padding-top:24px}.story-copy p{margin-bottom:24px}.follow{border-top:1px solid var(--line);text-align:center;background:#e5e8db}.follow p:not(.eyebrow){max-width:540px;margin-left:auto;margin-right:auto}.follow .handle{font-size:12px;margin-top:16px;margin-bottom:0}footer{display:flex;justify-content:space-between;gap:25px;padding-block:28px;font-size:11px;color:var(--muted)}footer>span:first-child{font:18px var(--display)}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{gap:22px}.header nav{gap:16px}.header-follow{display:none}.hero{min-height:640px}.hero-copy{padding-top:80px}.flavor-list{gap:16px}.flavor strong{font-size:21px}.story{gap:60px}.uses{gap:35px}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;gap:14px;padding:14px 0}.brand img{width:60px;height:60px}.brand span{font-size:24px}.header nav{width:100%;justify-content:space-between;margin:0}.header nav a{font-size:12px}.hero{min-height:690px;background-position:62% bottom}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,rgba(247,240,227,.92) 38%,rgba(247,240,227,.15) 100%)}.hero-copy{padding-top:60px;padding-bottom:180px}h1{font-size:64px;letter-spacing:-2px}.intro{font-size:17px}.section{padding-block:60px}.section-heading{display:block}.section-heading>p{margin-top:24px}.flavor-list{grid-template-columns:repeat(2,1fr);gap:22px}.flavor strong{font-size:24px}.swatch{width:55%;margin:20px 0}.uses{grid-template-columns:1fr;gap:34px}.uses article{display:grid;grid-template-columns:110px 1fr;gap:0 22px}.use-word{grid-row:span 2;font-size:40px;margin:0}.uses h3{font-size:22px}.uses p{max-width:none;margin:0}.story{grid-template-columns:1fr;gap:16px}.story h2 br{display:none}.story h2{max-width:420px}.story-copy{padding:0}.follow h2{max-width:450px;margin-inline:auto}footer{flex-wrap:wrap;gap:14px}footer>span:nth-child(2){width:100%;order:3}.footnote{margin-top:32px}}
@media(max-width:400px){h1{font-size:53px}.eyebrow{font-size:9px;letter-spacing:1.7px}.flavor strong{font-size:21px}.flavor-list{gap:16px}.uses article{grid-template-columns:86px 1fr;gap:0 16px}.use-word{font-size:34px}.intro{font-size:16px}.hero{min-height:640px}}
.status{display:table;background:rgba(247,240,227,.94);padding:3px 8px;margin-left:-8px}.story h2 br{display:block}.story h2{margin-bottom:0}
@media(max-width:768px){.story h2{font-size:40px}.hero:before{background:linear-gradient(90deg,var(--paper) 0%,rgba(247,240,227,.97) 48%,rgba(247,240,227,.30) 100%)}}
@media(max-width:400px){.story h2{font-size:36px}.section-heading>p br,.section-intro br{display:none}.uses article{display:block}.use-word{margin-bottom:18px}.uses h3{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}