
:root{
  --navy:#102947;
  --navy2:#0b213b;
  --green:#174f2a;
  --green2:#27683a;
  --cream:#fbf8f1;
  --paper:#fffdf8;
  --orange:#c85b2e;
  --ink:#10223a;
  --muted:#5e625d;
  --line:#ded8cc;
  --shadow:0 10px 30px rgba(15,38,61,.10);
  --serif:Georgia,"Times New Roman",serif;
  --sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}
img{display:block;max-width:100%}
a{color:inherit}
.topline{
  background:var(--navy);color:#fff;text-align:center;letter-spacing:.18em;
  font-size:.72rem;padding:.5rem 1rem;font-weight:700
}
.site-header{
  min-height:96px;background:rgba(255,253,248,.97);display:flex;align-items:center;
  gap:2rem;padding:10px clamp(18px,5vw,70px);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:20
}
.brand{width:min(255px,28vw);flex:0 0 auto}
.brand img{width:100%;height:76px;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:1.55rem;margin-left:auto;font-size:.82rem;font-weight:700;text-transform:uppercase}
.main-nav a{text-decoration:none;border-bottom:2px solid transparent;padding:.55rem 0}
.main-nav a.active{color:var(--orange);border-color:var(--orange)}
.main-nav .nav-cta{background:var(--navy);color:#fff;padding:.9rem 1.15rem;border-radius:2px;border:0}
.nav-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);font-size:1.5rem;padding:.35rem .55rem}
main{overflow:hidden}
h1,h2,h3{font-family:var(--serif);margin:0 0 .7rem;color:var(--navy2);line-height:1.05}
h1{font-size:clamp(2.8rem,6vw,5.3rem);text-transform:uppercase;letter-spacing:-.025em}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:1.4rem}
p{margin:.35rem 0 1rem}
.eyebrow{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}
.lead{font-size:1.2rem;max-width:720px}
.button-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}
.button,.small-button{
  display:inline-block;background:var(--navy);color:white;text-decoration:none;border:1px solid var(--navy);
  padding:.9rem 1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;border-radius:2px;
  cursor:pointer
}
.button:hover,.small-button:hover{background:var(--green);border-color:var(--green)}
.button-outline{background:transparent;color:var(--navy)}
.button-light{background:#fff;color:var(--navy);border-color:#fff}
.text-link{font-weight:800;color:var(--green);text-decoration:none}
.split-hero,.page-hero{display:grid;grid-template-columns:1fr 1.2fr;background:var(--paper);min-height:520px}
.hero-copy,.page-hero>div{padding:clamp(50px,8vw,110px) clamp(25px,6vw,85px);display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-copy:before,.page-hero>div:before{
  content:"";position:absolute;left:clamp(25px,6vw,85px);top:60px;width:34px;height:3px;background:var(--orange)
}
.hero-photo,.page-hero>img{min-height:520px;height:100%;width:100%;object-fit:cover}
.page-hero{min-height:430px}
.page-hero>img{min-height:430px}
.page-hero.reverse{grid-template-columns:1.15fr 1fr}
.page-hero.reverse>img{order:0}
.page-hero.reverse>div{order:1}
.page-hero h1{font-size:clamp(2.7rem,5vw,4.5rem)}
.three-features{
  display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:0 clamp(20px,5vw,70px)
}
.three-features article{text-align:center;padding:35px 30px;border-right:1px solid var(--line)}
.three-features article:last-child{border-right:0}
.feature-icon{font-size:1.8rem;color:var(--green)}
.three-features p{color:var(--muted)}
.section{padding:clamp(55px,8vw,100px) clamp(20px,5vw,70px)}
.centered{text-align:center;max-width:1050px;margin:auto}
.section-intro{max-width:760px;margin:0 auto;color:var(--muted);font-size:1.05rem}
.home-grid{display:grid;grid-template-columns:1fr 1fr}
.photo-panel{min-height:400px}
.photo-panel img{width:100%;height:100%;object-fit:cover}
.mike-home img{object-position:center}
.text-panel{padding:clamp(45px,7vw,95px);display:flex;flex-direction:column;justify-content:center;background:#f0f3e8}
.home-grid>.text-panel:nth-child(3){background:var(--paper)}
.contact-band{
  display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:26px clamp(20px,5vw,70px);gap:20px
}
.contact-band div{display:flex;flex-direction:column}
.contact-band span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.75}
.contact-band a{font-weight:800;text-decoration:none}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column}
.product-card img{width:100%;aspect-ratio:4/4.2;object-fit:cover;object-position:center top}
.product-copy{padding:22px;display:flex;flex-direction:column;flex:1}
.product-copy h3{text-transform:uppercase}
.flavor{text-transform:uppercase;font-weight:800;letter-spacing:.08em;color:var(--orange);font-size:.75rem}
.pill{display:inline-block;color:var(--green);font-weight:800;text-transform:uppercase;font-size:.7rem;margin:.4rem 0 1rem}
.small-button{margin-top:auto;text-align:center;font-size:.72rem;padding:.7rem}
.availability-note{margin:36px auto 0;max-width:950px;padding:18px 22px;border-left:4px solid var(--orange);background:#f2ede4}
.why-living{display:grid;grid-template-columns:repeat(3,1fr);padding:55px clamp(20px,8vw,110px);background:var(--paper)}
.why-living div{text-align:center;padding:20px 35px;border-right:1px solid var(--line)}
.why-living div:last-child{border-right:0}
.why-living span{font-size:2rem;color:var(--green)}
.custom-grow,.freshness-section{display:grid;grid-template-columns:1.15fr 1fr;background:#edf1e6}
.custom-grow img,.freshness-section img{width:100%;height:100%;min-height:360px;object-fit:cover}
.custom-grow>div,.freshness-section>div{padding:clamp(45px,6vw,80px);display:flex;flex-direction:column;justify-content:center}
.homebuyer-callout{
  margin:55px clamp(20px,8vw,110px);padding:35px 40px;background:var(--paper);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px
}
.homebuyer-callout>div{max-width:800px}
.process-list{max-width:1120px;margin:55px auto;padding:0 20px}
.process-step{display:grid;grid-template-columns:65px 1fr 1.2fr;border:1px solid var(--line);border-bottom:0;background:var(--paper);min-height:160px}
.process-step:last-child{border-bottom:1px solid var(--line)}
.step-number{display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;font-weight:800;color:#fff;background:var(--navy);width:42px;height:42px;border-radius:50%;align-self:center;justify-self:center}
.step-copy{padding:34px 24px;align-self:center}
.process-step img{width:100%;height:100%;min-height:160px;object-fit:cover}
.process-benefits{margin-bottom:0}
.about-mike{display:grid;grid-template-columns:.85fr 1.35fr;gap:65px;padding:75px clamp(20px,7vw,100px);background:var(--paper)}
.about-photo{align-self:start;position:sticky;top:140px}
.about-photo img{width:100%;box-shadow:var(--shadow)}
blockquote{font-family:var(--serif);font-size:1.5rem;color:var(--green);margin:28px 10px;padding-left:18px;border-left:4px solid var(--orange)}
.story p{font-size:1.03rem}
.story-close{font-size:1.2rem!important;color:var(--green)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;padding:0 clamp(20px,5vw,70px)}
.timeline div{padding:35px 28px;border-right:1px solid rgba(255,255,255,.18)}
.timeline div:last-child{border-right:0}
.timeline strong{display:block;color:#fff;font-family:var(--serif);font-size:2rem;margin-bottom:8px}
.timeline span{font-size:.9rem}
.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:65px clamp(20px,8vw,110px)}
.approach article{background:var(--paper);border:1px solid var(--line);padding:38px;text-align:center}
.big-quote{background:#eef1e8;padding:60px 25px;text-align:center}
.big-quote p{font-family:var(--serif);font-size:clamp(2rem,5vw,4rem);line-height:.9;color:var(--navy);margin:.3rem}
.contact-layout{display:grid;grid-template-columns:.75fr 1.45fr;gap:28px;padding:65px clamp(20px,6vw,85px);background:var(--paper)}
.contact-details,.inquiry-card{border:1px solid var(--line);padding:35px;background:#fff}
.contact-details{background:#f3f1e9}
.contact-item{padding:18px 0;border-bottom:1px solid var(--line)}
.contact-item span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;color:var(--orange)}
.contact-item a{font-size:1.07rem;font-weight:800;text-decoration:none;word-break:break-word}
.privacy-note{font-size:.84rem;color:var(--muted);margin-top:25px}
form label{font-weight:800;font-size:.82rem}
form label span{font-weight:400;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
input,textarea{
  width:100%;margin-top:7px;border:1px solid #cfc9bd;background:#fff;padding:12px;font:inherit;border-radius:0;color:var(--ink)
}
textarea{resize:vertical}
fieldset{border:0;padding:20px 0 10px;margin:8px 0;border-bottom:1px solid var(--line)}
legend{font-weight:800;font-size:.82rem;margin-bottom:8px}
.choice{display:inline-flex;align-items:center;gap:7px;margin:4px 18px 8px 0;font-weight:600}
.choice input{width:auto;margin:0}
.form-button{margin-top:20px;min-width:180px}
.form-note{font-size:.8rem;color:var(--muted);margin-top:12px}
.buyer-sections{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.buyer-sections article{background:#eef1e8;padding:55px clamp(30px,7vw,90px)}
.ready-strip{
  min-height:205px;padding:40px clamp(20px,6vw,80px);display:flex;align-items:center;justify-content:center;gap:50px;text-align:center;
  color:#fff;background:linear-gradient(rgba(16,41,71,.55),rgba(16,41,71,.65)),url("greens-strip.webp") center/cover
}
.ready-strip h2{color:#fff;text-transform:uppercase}
.ready-strip p{margin-bottom:0}
.site-footer{
  background:var(--navy);color:#fff;display:grid;grid-template-columns:1.3fr .9fr 1.2fr;gap:35px;padding:38px clamp(20px,5vw,70px) 20px
}
.footer-brand img{width:min(280px,100%);max-width:280px;height:auto;object-fit:contain;background:#fff;padding:10px;border-radius:2px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.footer-brand p{font-size:.82rem}
.footer-links,.footer-contact{display:flex;flex-direction:column;gap:8px}
.footer-links a,.footer-contact a{text-decoration:none}
.footer-contact{font-size:.9rem}
.footer-tagline{grid-column:1/-1;text-align:center;border-top:1px solid rgba(255,255,255,.18);padding-top:16px;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}

@media(max-width:1000px){
  .brand{width:215px}
  .main-nav{gap:.8rem;font-size:.72rem}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .contact-band{grid-template-columns:1fr 1fr}
  .about-mike{grid-template-columns:1fr}
  .about-photo{position:static;max-width:700px;margin:auto}
}
@media(max-width:760px){
  .restaurant-list{grid-template-columns:1fr 1fr}
  .site-header{min-height:78px;padding:8px 16px}
  .brand{width:175px}
  .brand img{height:60px}
  .nav-toggle{display:block}
  .main-nav{
    display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);
    flex-direction:column;align-items:stretch;padding:16px 22px 24px;box-shadow:var(--shadow)
  }
  .main-nav.open{display:flex}
  .main-nav a{padding:10px 0}
  .main-nav .nav-cta{text-align:center;margin-top:5px}
  .split-hero,.page-hero,.page-hero.reverse,.custom-grow,.freshness-section{grid-template-columns:1fr}
  .hero-photo,.page-hero>img{min-height:310px;max-height:460px}
  .page-hero.reverse>img{order:1}.page-hero.reverse>div{order:0}
  .hero-copy:before,.page-hero>div:before{top:36px}
  h1{font-size:clamp(2.6rem,12vw,4rem)}
  .three-features,.why-living,.approach,.timeline{grid-template-columns:1fr}
  .three-features article,.why-living div,.timeline div{border-right:0;border-bottom:1px solid var(--line)}
  .home-grid{grid-template-columns:1fr}
  .photo-panel{min-height:300px}
  .home-grid .text-panel:nth-child(3){order:4}
  .home-grid .mike-home{order:3}
  .contact-band{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr}
  .homebuyer-callout{flex-direction:column;align-items:flex-start;margin:35px 18px;padding:28px}
  .process-step{grid-template-columns:55px 1fr}
  .process-step img{grid-column:1/-1;min-height:220px}
  .contact-layout{grid-template-columns:1fr;padding:35px 18px}
  .form-grid{grid-template-columns:1fr}
  .buyer-sections{grid-template-columns:1fr}
  .site-footer{grid-template-columns:1fr}
  .footer-tagline{grid-column:1}
}


.restaurant-proof{
  padding:clamp(55px,8vw,90px) clamp(20px,7vw,95px);
  background:var(--paper);
  text-align:center;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.restaurant-proof-copy{max-width:840px;margin:0 auto 30px}
.restaurant-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  max-width:980px;
  margin:0 auto 26px
}
.restaurant-list span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:62px;
  padding:12px 18px;
  border:1px solid var(--line);
  background:#f4f1e8;
  color:var(--navy);
  font-family:var(--serif);
  font-size:1.18rem;
  font-weight:700
}
.restaurant-note{max-width:760px;margin:0 auto 24px;color:var(--muted)}

@media(max-width:480px){.restaurant-list{grid-template-columns:1fr}}


.extra-varieties{margin:38px 0 0;padding:30px 28px;background:var(--paper);border:1px solid var(--line);text-align:center}
.extra-varieties h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-bottom:.45rem}
.extra-varieties p{color:var(--muted);margin-bottom:1rem}
.variety-chips{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.variety-chips span{display:inline-block;padding:.55rem .9rem;border:1px solid var(--line);background:#f3f1e9;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}


.benefits-section{
  padding:clamp(60px,8vw,100px) clamp(20px,7vw,95px);
  background:var(--paper);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)
}
.benefits-heading{
  max-width:900px;
  margin:0 auto 38px;
  text-align:center
}
.benefits-heading>p:last-child{
  max-width:820px;
  margin:0 auto;
  color:var(--muted);
  font-size:1.04rem
}
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  max-width:1180px;
  margin:0 auto
}
.benefits-grid article{
  background:#f3f1e9;
  border:1px solid var(--line);
  padding:34px 30px;
  text-align:center
}
.benefit-icon{
  display:block;
  color:var(--green);
  font-size:2rem;
  margin-bottom:12px
}
.benefits-grid p{
  color:var(--muted);
  margin-bottom:0
}
@media(max-width:760px){
  .benefits-grid{grid-template-columns:1fr}
}

.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:.75rem 1rem;background:#fff;color:#102947;border:2px solid #102947;text-decoration:none}
