/* Lauderdale County Farm Supply guide — built by KEEN. Feed-store heritage look:
   kraft-paper cream, field green, barn-red stamps, Oswald condensed (echoes the LCFS wordmark), square corners, 2px rules. */
@font-face{font-family:Oswald;font-weight:500;font-display:swap;src:url(/static/fonts/oswald-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:600;font-display:swap;src:url(/static/fonts/oswald-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:700;font-display:swap;src:url(/static/fonts/oswald-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-weight:400;font-display:swap;src:url(/static/fonts/source-serif-4-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-weight:400;font-style:italic;font-display:swap;src:url(/static/fonts/source-serif-4-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-weight:600;font-display:swap;src:url(/static/fonts/source-serif-4-latin-600-normal.woff2) format("woff2")}
:root{--paper:#F3EDDD;--paper2:#E8DEC5;--ink:#1E1B16;--muted:#5B5346;--green:#24301A;--green2:#33441F;--olive:#5F6E1C;--sage:#B5C46A;--red:#9B3220;--line:2px solid var(--ink);
--hd:Oswald,"Arial Narrow",Impact,sans-serif;--bd:"Source Serif 4",Georgia,serif;--w:1180px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.6 var(--bd);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .15 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img,svg{display:block;max-width:100%}a{color:var(--olive);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--red)}
h1,h2,h3{font-family:var(--hd);font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;margin:0 0 .5em}
h2{font-size:clamp(30px,4vw,44px)}h3{font-size:22px;letter-spacing:.02em}
p{margin:0 0 1em}.wrap{max-width:var(--w);margin:0 auto;padding:0 22px}
.kicker{font:600 14px/1 var(--hd);letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 14px;display:flex;align-items:center;gap:10px}
.kicker:before{content:"";width:26px;height:2px;background:currentColor}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
/* top bar + header */
.topbar{background:var(--ink);color:var(--paper);font:500 14px/1 var(--hd);letter-spacing:.06em;text-transform:uppercase;display:flex;justify-content:center;gap:28px;padding:9px 16px;flex-wrap:wrap}
.topbar a,.topbar>span{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:7px}.topbar svg{width:15px;height:15px}.topbar a:hover{color:var(--sage)}
.site-h{background:var(--paper);border-bottom:var(--line);position:sticky;top:0;z-index:20}
.site-h .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand svg{width:42px;height:42px;flex:none}
.brand span{display:flex;flex-direction:column;line-height:1;white-space:nowrap}.brand small{font:400 13px/1 var(--bd);letter-spacing:.14em;text-transform:uppercase}
.brand b{font:700 30px/1 var(--hd);text-transform:uppercase;letter-spacing:.02em;margin-top:3px}.brand:hover{color:var(--ink)}
.brand.sm b{font-size:24px}.brand.sm svg{width:34px;height:34px}
.nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:flex-end}
.nav a{font:500 15px/1 var(--hd);text-transform:uppercase;letter-spacing:.05em;color:var(--ink);text-decoration:none;padding:9px 9px;border-bottom:3px solid transparent}
.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--olive)}
.nav .nav-cta{background:var(--red);color:#fff;border:var(--line);margin-left:8px;padding:10px 14px}.nav .nav-cta:hover,.nav .nav-cta[aria-current]{background:var(--ink);color:#fff;border-bottom:var(--line)}
.burger{display:none;background:none;border:var(--line);width:46px;height:42px;padding:9px;cursor:pointer}.burger span{display:block;height:2px;background:var(--ink);margin:5px 0}
@media (max-width:1180px){.burger{display:block}.nav{display:none;position:fixed;inset:118px 0 0;background:var(--paper);flex-direction:column;align-items:stretch;padding:12px 22px 100px;overflow:auto;border-top:var(--line)}
.nav.open{display:flex}.nav a{font-size:22px;padding:16px 4px;border-bottom:1px solid var(--paper2)}.nav .nav-cta{margin:16px 0 0;text-align:center}}
/* buttons */
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-flex;align-items:center;gap:9px;font:600 17px/1 var(--hd);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;padding:16px 20px;border:var(--line);background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.btn svg{width:19px;height:19px}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);color:var(--ink)}
.btn.primary{background:var(--red);color:#fff}.btn.primary:hover{color:#fff}
.hero .btn{border-color:var(--paper);box-shadow:4px 4px 0 #0d120a}.hero .btn:not(.primary){background:transparent;color:var(--paper)}
.ctas.light .btn{border-color:var(--ink)}
/* hero */
.hero{background:var(--green);color:var(--paper);border-bottom:var(--line);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.035) 46px 48px);pointer-events:none}
.hero .wrap{position:relative;padding-top:26px;padding-bottom:64px}
.hero-in{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;padding-top:28px}
.hero h1{font-size:clamp(40px,6.4vw,76px);font-weight:700;margin-bottom:.3em;max-width:16ch}.hero h1 em{font-style:normal;color:var(--sage)}
.hero .kicker{color:var(--sage)}.lede{font-size:21px;max-width:58ch;color:#E9E3CF}
.crumbs{font:500 13px/1 var(--hd);letter-spacing:.1em;text-transform:uppercase;display:flex;gap:8px;color:#C9C2AA}.crumbs a{color:inherit}
.stamp{width:200px;height:200px;border:3px solid var(--sage);border-radius:50%;display:grid;place-items:center;color:var(--sage);outline:2px solid var(--sage);outline-offset:-14px;transform:rotate(-8deg)}
.stamp svg{width:92px;height:92px}
.seal{width:250px;height:250px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;text-align:center;border:3px solid var(--ink);box-shadow:0 0 0 8px var(--green),0 0 0 10px var(--sage);transform:rotate(-6deg)}
.seal small{display:block;font:600 14px/1.2 var(--hd);letter-spacing:.2em;text-transform:uppercase}.seal b{display:block;font:700 72px/1 var(--hd);color:var(--red);margin:4px 0}.seal svg{width:44px;height:44px;margin:0 auto 6px}
@media (max-width:860px){.hero-in{grid-template-columns:1fr}.stamp,.seal{display:none}.hero .wrap{padding-bottom:44px}}
/* content */
.content{padding-top:56px;padding-bottom:30px}
.content>section,.prose{margin-bottom:72px}
.prose{max-width:760px}.prose h2{margin-top:1.2em}.prose ul{padding-left:0;list-style:none}.prose li{padding:6px 0 6px 28px;position:relative;border-bottom:1px dashed #cfc4a6}
.prose li:before{content:"";position:absolute;left:4px;top:15px;width:10px;height:10px;background:var(--olive);transform:rotate(45deg)}
.split{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:start}@media (max-width:900px){.split{grid-template-columns:1fr;gap:20px}}
.box{border:var(--line);background:#FBF7EC;padding:28px;box-shadow:6px 6px 0 var(--paper2)}.box h3{color:var(--olive)}
.box ul{margin:0;padding:0;list-style:none}.box li{padding:7px 0;border-bottom:1px dashed #cfc4a6}.box li:last-child{border:0}
.label{border:var(--line);background:#FBF7EC;position:relative}
.label .lh{background:var(--ink);color:var(--paper);font:600 15px/1 var(--hd);letter-spacing:.16em;text-transform:uppercase;padding:12px 18px;display:flex;justify-content:space-between}
.label .lb{padding:22px 18px}.label table{width:100%;border-collapse:collapse;font-size:16px}.label td{padding:9px 0;border-bottom:1px solid #d8ceb2;vertical-align:top}.label td:first-child{font:600 15px/1.3 var(--hd);text-transform:uppercase;letter-spacing:.05em;width:42%;padding-right:12px}
.brands{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.brands li{font:600 16px/1 var(--hd);letter-spacing:.06em;text-transform:uppercase;border:var(--line);padding:11px 14px;background:var(--paper)}
/* department cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:var(--line);border-left:var(--line)}
@media (max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cards{grid-template-columns:1fr}}
.card{border-right:var(--line);border-bottom:var(--line);padding:30px 26px;text-decoration:none;color:var(--ink);background:#FBF7EC;display:flex;flex-direction:column;transition:background .15s}
.card .ic{width:58px;height:58px;color:var(--olive);margin-bottom:16px}.card p{color:var(--muted);font-size:17px;flex:1}.card .more{font:600 14px/1 var(--hd);letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.card:hover{background:var(--green);color:var(--paper)}.card:hover p{color:#DCD5BE}.card:hover .ic,.card:hover .more{color:var(--sage)}
/* seasonal */
.seasonal{background:var(--ink);color:var(--paper);padding:48px 40px;border:var(--line);box-shadow:8px 8px 0 var(--olive)}
.seasonal .kicker{color:var(--sage)}.season{display:none}.season.on{display:block}
.no-js .season[data-season=fall]{display:block}
.season-name{font-size:16px;color:var(--sage);letter-spacing:.14em;margin:6px 0 22px}
.sgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width:700px){.sgrid{grid-template-columns:1fr}.seasonal{padding:34px 22px}}
.sitem{display:flex;gap:16px;align-items:flex-start;border:1px solid #4a4436;padding:18px;text-decoration:none;color:var(--paper)}
.sitem .ic{width:44px;height:44px;flex:none;color:var(--sage)}.sitem b{display:block;font:600 19px/1.15 var(--hd);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
.sitem span span{color:#CFC8B2;font-size:16px;line-height:1.45}.sitem:hover{border-color:var(--sage);background:#2a2620;color:var(--paper)}
.seasonal .fine{color:#B9B29C;margin:22px 0 0}
/* visit */
.visit{display:grid;grid-template-columns:1fr 1.15fr;border:var(--line);background:#FBF7EC;box-shadow:8px 8px 0 var(--paper2)}
.visit-info{padding:40px}.map{border-left:var(--line);min-height:420px}.map iframe{width:100%;height:100%;min-height:420px;border:0;display:block;filter:sepia(.25) saturate(.9)}
@media (max-width:900px){.visit{grid-template-columns:1fr}.map{border-left:0;border-top:var(--line)}.visit-info{padding:28px 22px}}
.addr{display:flex;gap:10px;font-size:20px;font-weight:600}.addr svg{width:22px;height:22px;color:var(--red);flex:none;margin-top:4px}
.status{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--hd);text-transform:uppercase;letter-spacing:.08em;padding:9px 12px;border:var(--line);margin:4px 0 14px}
.status svg{width:17px;height:17px}.status.open{background:var(--olive);color:#fff;border-color:var(--olive)}.status.closed{background:var(--paper2)}
.topbar .open{color:var(--sage)}
.hours{margin:0;display:grid;gap:0;max-width:420px}.hours div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #cfc4a6}
.hours dt{font:600 15px/1.4 var(--hd);text-transform:uppercase;letter-spacing:.05em}.hours dd{margin:0}.hours .today{color:var(--red)}.hours .today dt:after{content:"Today";font-size:11px;letter-spacing:.1em;border:1px solid currentColor;padding:2px 5px;margin-left:8px;vertical-align:2px}
.fine{font-size:15px;color:var(--muted);margin-top:18px}
/* reviews */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width:900px){.quotes{grid-template-columns:1fr}}
.quotes blockquote{margin:0;padding:28px 24px 24px;border:var(--line);background:#FBF7EC;position:relative;font-style:italic;font-size:18px}
.quotes blockquote:before{content:"“";position:absolute;top:-22px;left:16px;background:var(--paper);padding:0 8px;color:var(--red);font:700 54px/1 var(--hd);height:34px;overflow:hidden}
.quotes p{margin:0}
/* faq */
.faq{max-width:860px}.faq details{border-top:var(--line);padding:4px 0}.faq details:last-child{border-bottom:var(--line)}
.faq summary{cursor:pointer;list-style:none;font:600 20px/1.3 var(--hd);text-transform:uppercase;letter-spacing:.02em;padding:16px 40px 16px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:6px;top:10px;font-size:30px;color:var(--red)}.faq details[open] summary:after{content:"–"}
.faq details p{margin:0 0 18px;max-width:70ch}
/* related + cta band */
.rel{display:flex;flex-wrap:wrap;gap:12px}.rel a{display:inline-flex;align-items:center;gap:10px;border:var(--line);padding:12px 16px;text-decoration:none;color:var(--ink);font:600 17px/1 var(--hd);text-transform:uppercase;letter-spacing:.04em;background:#FBF7EC}
.rel svg{width:28px;height:28px;color:var(--olive)}.rel a:hover{background:var(--ink);color:var(--paper)}.rel h2{font-size:28px}
.cta-band{background:var(--sage);border:var(--line);padding:44px 40px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta-band h2{max-width:20ch}.cta-band .kicker{color:var(--ink)}.cta-band p{margin:0}.cta-band .ctas{margin:0}
/* timeline (about) */
.timeline{border-left:var(--line);margin:10px 0 0 10px;padding-left:28px}.timeline div{position:relative;padding-bottom:26px}
.timeline div:before{content:"";position:absolute;left:-38px;top:6px;width:16px;height:16px;background:var(--red);border:2px solid var(--ink);transform:rotate(45deg)}
.timeline b{display:block;font:700 26px/1 var(--hd);color:var(--olive);margin-bottom:6px;text-transform:uppercase}
/* footer */
.site-f{background:var(--green);color:#E4DDC7;border-top:var(--line);margin-top:40px;padding:56px 0 90px;font-size:16px}
.site-f a{color:#fff}.site-f .brand{color:var(--paper);margin-bottom:16px}.site-f h2{font-size:18px;color:var(--sage);letter-spacing:.14em}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}@media (max-width:800px){.fgrid{grid-template-columns:1fr}}
.site-f ul{list-style:none;padding:0;margin:0}.site-f li{padding:4px 0}.site-f .hours div{border-color:#4b5a37}.site-f .hours .today,.site-f .hours .today dt:after{color:var(--sage)}
.social{display:flex;gap:10px}.social a{width:40px;height:40px;border:2px solid #E4DDC7;display:grid;place-items:center}.social svg{width:20px;height:20px}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #4b5a37;margin-top:40px;padding-top:20px;font-size:14px;color:#B7B19B}
/* mobile action bar */
.mbar{display:none}
@media (max-width:760px){.mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:30;border-top:var(--line)}
.mbar a{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font:600 18px/1 var(--hd);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;background:var(--red);color:#fff}
.mbar a+a{background:var(--paper);color:var(--ink);border-left:var(--line)}.mbar svg{width:20px;height:20px}
body{font-size:17px}.topbar{gap:16px;font-size:13px}.topbar a:last-child{display:none}.brand b{font-size:25px}.content{padding-top:40px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
div.card:hover{background:#FBF7EC;color:var(--ink)}div.card:hover p{color:var(--muted)}div.card h3{color:var(--olive)}
