:root{--green:#0d3425;--green2:#1e5a40;--gold:#c9a34e;--cream:#f6f2e8;--ink:#18221d;--muted:#68736d;--white:#fff;--line:#ddd8cb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);line-height:1.6}.container{width:min(1180px,92%);margin:auto}
.topbar{background:#09251a;color:#dbe6df;font-size:12px}.topbar-inner{height:38px;display:flex;justify-content:space-between;align-items:center}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;gap:28px}
.company-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green)}.company-logo b{font-family:"Playfair Display",serif;font-size:23px;letter-spacing:.03em}.company-logo small{display:block;color:var(--gold);font-size:10px;letter-spacing:.12em;font-weight:700}.logo-symbol{display:grid;place-items:center;border:3px solid var(--green);width:40px;height:40px;border-radius:8px;font-family:"Playfair Display",serif;font-size:23px}
nav{margin-left:auto;display:flex;gap:23px}nav a{text-decoration:none;color:#2d3932;font-weight:600;font-size:13px}.visit-btn{background:var(--green);color:#fff;text-decoration:none;padding:13px 20px;border-radius:6px;font-weight:700;font-size:13px}.menu-btn{display:none;border:0;background:none;font-size:25px}
.hero{position:relative;overflow:hidden;background:var(--green);color:white;min-height:600px}.hero-pattern{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(201,163,78,.18),transparent 28%),linear-gradient(100deg,#082519 0%,#123e2c 50%,#1e5a40 100%)}.hero-grid{min-height:600px;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative}.hero-copy{padding:60px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;margin:0 0 14px}.gold{color:#e1c273}.green{color:var(--green2)}.hero h1{font:700 clamp(58px,8vw,105px)/.9 "Playfair Display",serif;margin:0}.hero h1 span{color:#fff}.hero h2{font-size:18px;letter-spacing:.09em;margin:22px 0 15px}.gold-line{width:65px;height:2px;background:var(--gold);margin:20px 0}.hero-copy>p:not(.eyebrow){font-size:17px;color:#dbe8e1;max-width:530px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{border:0;border-radius:6px;padding:13px 21px;text-decoration:none;font-weight:700;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.gold-btn{background:var(--gold);color:#132119}.outline-btn{border:1px solid rgba(255,255,255,.55);color:#fff;background:transparent}.dark-btn{background:var(--green);color:#fff}
.hero-store{height:460px;align-self:end;position:relative;background:linear-gradient(145deg,#3b2a1e,#17130f 65%);border-radius:8px 0 0 0;box-shadow:-25px 25px 80px rgba(0,0,0,.28);padding:40px 35px 0}.store-sign{font:700 52px "Playfair Display",serif;color:#f1c864;text-shadow:0 0 18px rgba(241,200,100,.28);text-align:right}.store-sign small{display:block;color:#fff;font:700 11px "DM Sans",sans-serif;letter-spacing:.1em}.aisles{display:flex;gap:13px;position:absolute;left:35px;right:35px;bottom:70px;height:230px;align-items:end}.aisle{flex:1;background:linear-gradient(90deg,#9a6a38 0 10%,#f0c66c 11% 19%,#5c8b4d 20% 30%,#b34e3f 31% 42%,#e0ad52 43% 55%,#567c58 56% 68%,#c44d36 69% 80%,#d6b05b 81%);height:82%;border-radius:3px;box-shadow:inset 0 0 0 5px rgba(0,0,0,.18)}.aisle:nth-child(2){height:100%}.aisle:nth-child(3){height:91%}.produce{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:30px;background:#271a11;padding:12px}
.section{padding:95px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:42px}.section-heading h2,.about h2,.store h2,.contact h2{font:700 clamp(38px,5vw,56px)/1.08 "Playfair Display",serif;margin:0}.section-heading>p,.muted{max-width:380px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(18,38,27,.12)}.card-image{height:180px;display:grid;place-items:center;font-size:65px}.groceries{background:#dce9d7}.household{background:#dbe6e7}.arrivals{background:#eee0c6}.offers{background:#dfe8dc;font-size:70px;color:var(--green)}.card-body{padding:23px}.card h3{font:700 27px "Playfair Display",serif;margin:0}.card p{color:var(--muted);font-size:14px}.card a{color:var(--green2);text-decoration:none;font-weight:800;font-size:13px}
.benefits{background:var(--green);color:#fff;padding:80px 0}.center-heading{text-align:center}.center-heading h2{font:700 42px "Playfair Display",serif;margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}.benefit-grid>div{text-align:center;padding:0 25px;border-right:1px solid rgba(255,255,255,.18)}.benefit-grid>div:last-child{border:0}.benefit-grid b{color:var(--gold);font-size:34px}.benefit-grid h3{font:600 17px "DM Sans",sans-serif;letter-spacing:.04em}.benefit-grid p{color:#c5d2ca;font-size:13px}
.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about p:not(.eyebrow){color:var(--muted);font-size:17px}.about-panel{height:390px;border-radius:16px;background:linear-gradient(135deg,#123d2b,#c6a24f);position:relative;display:grid;place-items:center;overflow:hidden}.city-mark{position:absolute;bottom:-18px;left:20px;font-size:85px;font-weight:800;color:rgba(255,255,255,.1);letter-spacing:.08em}.panel-card{background:rgba(255,255,255,.95);border-radius:12px;padding:34px 45px;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.2);min-width:270px}.panel-card strong{font-size:13px;letter-spacing:.15em;color:var(--green)}.panel-card span{font-size:11px;color:var(--muted);margin:8px 0}.panel-card b{font:700 45px "Playfair Display",serif;color:#a47c28}.panel-card small{color:var(--muted)}
.store{background:#fff}.store-grid{display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:center}.store-card{border:1px solid var(--line);border-radius:16px;padding:25px 30px;box-shadow:0 15px 40px rgba(18,38,27,.08)}.store-card>div{padding:15px 0;border-bottom:1px solid var(--line)}.store-card small{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.store-card strong{display:block;margin-top:3px}.full{width:100%;margin-top:20px}
.contact{background:#0a251a;color:#fff;padding:85px 0}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact h2{font-size:55px}.contact p:not(.eyebrow){color:#c6d3cb;max-width:500px}.contact form{display:grid;gap:12px}.contact input,.contact textarea{width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;border-radius:5px;padding:14px;font:inherit}.contact input::placeholder,.contact textarea::placeholder{color:#aebdb4}.contact form .btn{width:max-content}.contact #form-note{font-size:12px;margin:0}
footer{background:#061810;color:#dce6df;padding:28px 0}.footer{display:flex;justify-content:space-between;gap:20px}.footer b{display:block;letter-spacing:.1em}.footer span{font-size:12px;color:#9fb0a7}.footer div:last-child{font-size:12px;color:#9fb0a7}
@media(max-width:900px){nav,.visit-btn{display:none}.menu-btn{display:block;margin-left:auto}.nav.mobile-open{height:auto;flex-wrap:wrap;padding:15px 0}.nav.mobile-open nav{display:flex;order:3;width:100%;flex-direction:column;gap:12px}.hero-grid{grid-template-columns:1fr}.hero-store{display:none}.cards,.benefit-grid{grid-template-columns:1fr 1fr}.about-grid,.store-grid,.contact-inner{grid-template-columns:1fr;gap:45px}.section-heading{display:block}.section-heading>p{margin-top:15px}}
@media(max-width:560px){.topbar-inner{font-size:10px}.company-logo b{font-size:18px}.cards,.benefit-grid{grid-template-columns:1fr}.benefit-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:20px}.hero{min-height:560px}.hero-grid{min-height:560px}.hero h1{font-size:65px}.contact h2{font-size:42px}.footer{display:block}.footer div:last-child{margin-top:14px}}