@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700;900&family=Oswald:wght@400;500;600;700&display=swap');
:root{--cream:#f5ebdd;--red:#a83226;--wood:#89613d;--dark:#302b26;--paper:#fff4df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--dark);font-family:Georgia,serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ec9b31;outline-offset:3px}.skip{position:absolute;top:-100px;left:12px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.topbar{background:#7e180f;color:#fff6e9;display:flex;justify-content:space-between;padding:10px max(5%,calc((100vw - 1250px)/2));font:500 12px Arial,sans-serif;letter-spacing:.04em}.header{background:#fbf1df;display:flex;align-items:center;justify-content:space-between;padding:15px 5%;gap:24px;box-shadow:0 3px 12px #160d081f;position:relative;z-index:2}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-star{font-size:42px;color:var(--red)}.brand strong{font:900 clamp(24px,3vw,36px) 'Roboto Slab',Georgia,serif;letter-spacing:-2px;display:block}.brand small{display:block;text-align:center;font:700 15px 'Oswald',sans-serif;letter-spacing:3px;color:var(--red)}nav{display:flex;align-items:center;gap:23px}nav a{text-decoration:none;text-transform:uppercase;font:600 13px 'Oswald',sans-serif;letter-spacing:.04em}nav a:hover{color:var(--red)}.nav-cta,.btn{background:var(--red);color:white!important;padding:14px 22px;border-radius:4px;text-decoration:none;display:inline-block;font:700 15px 'Oswald',sans-serif;letter-spacing:.07em;transition:background .2s}.nav-cta:hover,.btn:hover{background:#76190f}.menu{display:none}.hero{background:radial-gradient(circle at 70% 40%,#75482b 0%,#432719 38%,#211811 90%);color:#fff5df;overflow:hidden}.hero-inner{max-width:1300px;margin:auto;min-height:510px;padding:65px 5%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.eyebrow{font:700 15px Georgia,serif;letter-spacing:.22em}.hero h1{font:900 clamp(48px,7vw,94px)/.99 'Roboto Slab',Georgia,serif;letter-spacing:-3px;margin:15px 0 22px;text-shadow:2px 3px 1px #150e09}.hero h1 span{display:block;color:#e24a35;font-size:.55em;letter-spacing:-1px}.hero-desc{font-size:18px;line-height:1.7;max-width:570px}.hero .btn{margin-top:18px;min-width:230px;text-align:center}.hero-foot{letter-spacing:.23em;font-size:12px;margin-top:30px}.product-art{min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;filter:drop-shadow(16px 15px 12px #120d09)}.jar{width:220px;height:300px;background:linear-gradient(90deg,#65160d,#b33317 20%,#d54c25 50%,#8a230d 80%,#50170e);border-radius:20px 20px 32px 32px;border:8px solid #57200f;display:flex;align-items:center;justify-content:center;box-shadow:inset 12px 0 18px #ffd08d33,inset -15px 0 20px #170a07a8}.jar-lid{position:absolute;top:35px;width:250px;height:42px;background:linear-gradient(#251b16,#0f0d0b,#31241d);border-radius:12px;z-index:1;border:2px solid #574334}.jar-label{background:#f5e6c8;color:#31251e;border:5px double #8f2d1d;text-align:center;width:190px;padding:19px 5px;transform:rotate(-1deg)}.jar-label span{font:600 12px 'Oswald',sans-serif;letter-spacing:2px}.jar-label strong{display:block;font:900 64px 'Roboto Slab',serif;line-height:1}.jar-label em{font:700 20px 'Oswald',sans-serif;color:var(--red);font-style:normal;display:block}.jar-label small{font:700 9px Arial,sans-serif;letter-spacing:1px}.pepper{position:absolute;font-size:80px;bottom:0}.pepper-one{left:7%;transform:rotate(-30deg)}.pepper-two{right:6%;transform:rotate(25deg)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 5%;background:#f9eedd}.benefits>div{text-align:center;border-right:1px solid #bd9576;padding:0 15px}.benefits>div:last-child{border:0}.benefits span{display:block;color:var(--red);font-size:35px;margin-bottom:10px}.benefits b{font:700 14px 'Roboto Slab',serif}.section{text-align:center;padding:70px 5%}.section h2,.story h2,.contact h2{font:900 clamp(30px,4vw,48px) 'Roboto Slab',serif;margin:12px 0 16px}.dark{color:#70442e}.recipes h2{color:var(--red)}.recipes h2 i{font-style:normal;font-size:17px;vertical-align:middle;color:#6b3526}.section>p{max-width:760px;margin:12px auto 30px;line-height:1.7}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:35px auto}.recipe-grid article{background:#fff8ec;border:1px solid #e1c9a9;padding-bottom:16px}.recipe-visual{height:165px;display:grid;place-items:center;font-size:70px;color:#f7cf99}.steak{background:radial-gradient(#a84221,#321c13)}.vegetables{background:radial-gradient(#8d7b2f,#3e3920)}.soup{background:radial-gradient(#aa4d2a,#2e1a15)}.marinade{background:radial-gradient(#a52d1c,#3e1812)}.recipe-grid h3{font:700 16px 'Roboto Slab',serif}.recipe-grid p{font-size:14px;padding:0 12px;line-height:1.5}.note{font-size:12px;color:#6e6257}.story{display:grid;grid-template-columns:1fr 1fr;background:#ebd4b1}.story-text{padding:70px max(9%,30px)}.story-text p{line-height:1.8}.story-art{background:linear-gradient(135deg,#522c1b,#a42c19 65%,#301c14);color:#fff1d9;display:flex;align-items:center;justify-content:center;gap:25px;padding:45px}.story-art span{font-size:65px}.story-art p{font:italic 30px/1.6 Georgia,serif;transform:rotate(-5deg)}.product{background:#fff3df}.status{max-width:600px;margin:auto;border:1px dashed #a77550;padding:20px;background:#f7e6ce;font-size:14px}.find{background:#e9d6b7}.contact{background:#7e1e15;color:#fff0df;text-align:center;padding:55px 5%}.contact p{line-height:1.7}footer{background:#241913;color:#fff1df;text-align:center;padding:42px 5%;font-size:13px}.footer-brand{font:900 26px 'Roboto Slab',serif}.footer-brand span{display:block;color:#e65a41;font:600 18px 'Oswald',sans-serif}.footer-small{opacity:.7;font-size:11px}@media(max-width:950px){nav{gap:12px}.header{flex-wrap:wrap}.brand strong{font-size:25px}.hero-inner{min-height:450px}.jar{transform:scale(.85)}}@media(max-width:720px){.topbar span:last-child{display:none}.header{padding:12px 5%}.menu{display:block;background:transparent;border:1px solid #b99b81;border-radius:4px;padding:10px;color:#38251b;font:600 14px Arial,sans-serif}nav{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0}nav.open{display:flex}nav a{padding:13px 6px;border-top:1px solid #e7d5b9}.hero-inner{grid-template-columns:1fr;padding:55px 7% 25px;text-align:center}.hero h1{font-size:clamp(43px,12vw,70px)}.hero-desc{margin:auto}.hero-foot{letter-spacing:.12em}.product-art{min-height:340px}.jar-lid{top:9px}.benefits{grid-template-columns:1fr 1fr;gap:22px}.benefits>div{border:0}.recipe-grid{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.story-text{padding:50px 7%}.story-art{min-height:240px}.section{padding:50px 6%}}@media(max-width:420px){.recipe-grid{grid-template-columns:1fr}.benefits b{font-size:11px}.story-art p{font-size:23px}}

/* Rustic Texas photographic design, approved concept inspired */
body{background:#f5ebdd;background-image:radial-gradient(#a7794820 .6px,transparent .6px);background-size:6px 6px}
.header{background:#f9efdd;border-bottom:5px solid #37251b}.topbar{background:#861c13}
.brand strong{font-weight:900;letter-spacing:-1px}.brand-star{font-size:50px;color:#9e2118}
.hero{background:linear-gradient(105deg,#1c100a 0%,#3b2417 56%,#4d2b19 100%);border-bottom:8px solid #d5b18b}
.hero-inner{max-width:1440px;grid-template-columns:1fr 1.05fr;min-height:510px;gap:10px;padding-top:35px;padding-bottom:35px}
.hero h1{font-size:clamp(49px,6.6vw,88px);text-transform:uppercase}.hero h1 span{color:#c63227}
.hero-copy{position:relative;z-index:1}.hero .btn{background:#a51f18;border-radius:2px}.hero-desc{font-size:18px}
.product-photo{position:relative;align-self:stretch;min-height:400px;overflow:hidden;border-radius:4px;box-shadow:0 12px 30px #1209047d}
.product-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.concept-tag{position:absolute;bottom:8px;right:8px;background:#1e110ad9;color:#f9e6c6;font:700 10px Arial,sans-serif;letter-spacing:.06em;padding:7px 10px}
.benefits{background:#f5e7cf;border-bottom:1px solid #d8b88c}.benefits span{filter:saturate(.7)}
.recipes{background:#f9efdd}.recipes h2{font-family:'Oswald',Georgia,serif;letter-spacing:.03em}.recipe-grid article{background:transparent;border:0}.recipe-visual{width:100%;height:170px;object-fit:cover;display:block;border:3px solid #fdf5e9;box-shadow:0 2px 8px #34201140}.recipe-grid h3{margin:12px 0 3px}.recipe-grid p{margin:4px}
.story{background:#ead2a7}.story-text{background:linear-gradient(90deg,#f3dfb9,#e8cba0)}.story-text:before{content:'';display:block;height:95px;width:120px;background:url('assets/texas-windmill.jpg') center/cover;border-radius:2px;margin-bottom:16px;box-shadow:0 2px 7px #0002}.story-art{background:linear-gradient(#24170a55,#24170a55),url('assets/story-peppers.jpg') center/cover;min-height:320px;justify-content:flex-end}.story-art p{font-size:clamp(25px,3vw,43px);text-shadow:0 3px 9px #000;transform:rotate(-7deg)}
footer{background:repeating-linear-gradient(0deg,#2c1a12,#2c1a12 7px,#301d14 8px,#28170f 15px);border-top:5px solid #5c3421}
@media(max-width:720px){.hero-inner{grid-template-columns:1fr}.product-photo{min-height:330px}.hero h1{font-size:clamp(42px,11vw,65px)}.story-art{justify-content:center}}

/* Our Story: only section changed for v3 */
.story-keith{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;background:#ead2a7}
.story-keith .story-image{min-width:0;background:#2c1b13;display:flex;align-items:center}
.story-keith .story-image img{width:100%;height:100%;max-height:850px;object-fit:cover;object-position:left center;display:block}
.story-keith .story-text{padding:clamp(28px,4vw,70px);background:linear-gradient(90deg,#f3dfb9,#e8cba0)}
.story-keith .story-text:before{display:none}
.story-keith .story-text p{line-height:1.65}
.story-keith .story-text h2{font-size:clamp(27px,3vw,42px)}
@media(max-width:720px){.story-keith{grid-template-columns:1fr}.story-keith .story-image img{max-height:470px;object-position:center 30%}}
