:root{--green:#163f27;--green2:#245a35;--black:#11110e;--cream:#f3ead8;--paper:#fff7e8;--gold:#b98636;}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--black)}
.announcement{background:var(--green);color:white;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:.7rem 1rem;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5vw;background:var(--black);color:white;border-bottom:3px solid var(--gold)}
.brand{display:flex;align-items:center;gap:.8rem;color:white;text-decoration:none;font-weight:900;letter-spacing:.08em}
.brand img{width:68px;height:68px;object-fit:contain}
nav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}
nav a{color:white;text-decoration:none;font-family:Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:.82rem}
.shop-link{border:1px solid var(--gold);padding:.55rem .85rem}
.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:5rem 6vw;background:radial-gradient(circle at 80% 20%,rgba(184,134,54,.22),transparent 28%),linear-gradient(135deg,#11110e 0%,#21352b 55%,#f3ead8 55%,#e6d6b8 100%);color:white}
.hero-copy{max-width:650px}
.small-label{font-family:Arial,sans-serif;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:.82rem}
h1{font-size:clamp(3rem,7vw,6.8rem);margin:.15em 0;line-height:.9}
.hero h2{font-size:clamp(1.5rem,3vw,2.25rem);color:#f7dfaa}
.lead{font-size:1.25rem;line-height:1.55}
.button{display:inline-block;margin:.4rem .4rem .4rem 0;padding:.95rem 1.2rem;font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase;text-decoration:none;border-radius:4px}
.primary{background:var(--green2);color:white;border:2px solid var(--gold)}
.secondary{background:transparent;color:white;border:2px solid white}
.hero-art{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
.hero-main{max-width:85%;max-height:500px;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(0,0,0,.35))}
.hero-mascot{position:absolute;width:190px;right:2%;bottom:4%;transform:rotate(4deg);filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}
.values,.featured,.farm-proof,.story-strip,.crew{padding:5rem 6vw}
.values{background:var(--paper);text-align:center}
h2{font-size:clamp(2rem,4vw,4rem);margin:.2em 0 .6em}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.value-grid article{padding:1.5rem;border:1px solid rgba(0,0,0,.15);background:#fffaf0}
.featured{background:var(--black);color:white}
.section-head{text-align:center;margin-bottom:2rem}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.collection-card{background:#f4ead6;color:var(--black);border:2px solid var(--gold);display:flex;flex-direction:column}
.collection-card img{width:100%;height:320px;object-fit:contain;background:#171510;padding:1rem}
.collection-card div{padding:1.35rem}
.collection-card a{color:var(--green);font-weight:900}
.farm-proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;background:#e5d7bd}
.farm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.farm-cards article{background:var(--paper);padding:1.4rem;border-left:5px solid var(--green)}
.story-strip{background:var(--green);color:white;text-align:center}
.story-strip p{max-width:850px;margin:0 auto 1.5rem;font-size:1.2rem;line-height:1.55}
.crew{text-align:center;background:var(--paper)}
.crew input{padding:1rem;min-width:320px;max-width:85%;border:1px solid #aaa}
.crew button{padding:1rem 1.3rem;background:var(--green);color:white;border:0;font-weight:900}
footer{background:var(--black);color:white;text-align:center;padding:3rem 1rem;border-top:3px solid var(--gold)}
@media(max-width:900px){.site-header{flex-direction:column;gap:1rem}.hero,.farm-proof{grid-template-columns:1fr}.collection-grid,.value-grid,.farm-cards{grid-template-columns:1fr}.hero-art{min-height:360px}.hero-mascot{width:140px}}


.page-hero{
  min-height:420px;
  display:flex;
  align-items:center;
  padding:5rem 6vw;
  background:linear-gradient(135deg,#11110e 0%,#21352b 81%,#e6d6b8 81%,#f3ead8 100%);
  color:white;
}
.page-hero h1{
  font-size:clamp(3rem,7vw,6rem);
  margin:.1em 0;
}
.page-hero h2{
  color:#f7dfaa;
  font-size:clamp(1.4rem,3vw,2.2rem);
}
.page-hero p{
  font-size:1.25rem;
}
.story-page{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:3rem;
  align-items:center;
  padding:5rem 6vw;
  background:var(--paper);
}
.story-copy p{
  font-size:1.15rem;
  line-height:1.7;
}
.story-image-card{
  background:#171510;
  border:2px solid var(--gold);
  padding:1.25rem;
  box-shadow:0 24px 44px rgba(0,0,0,.18);
}
.story-image-card img{
  width:100%;
  display:block;
  object-fit:contain;
}
.story-values{
  background:#eadcc4;
}
.founder-note{
  padding:5rem 6vw;
  background:var(--black);
  color:white;
}
.founder-note div{
  max-width:920px;
  margin:0 auto;
}
.founder-note p{
  font-size:1.2rem;
  line-height:1.65;
}
@media(max-width:900px){
  .story-page{grid-template-columns:1fr}
}


.contact-page{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:3rem;
  padding:5rem 6vw;
  background:var(--paper);
}
.contact-copy p{
  font-size:1.15rem;
  line-height:1.65;
}
.contact-details{
  margin-top:2rem;
  display:grid;
  gap:1rem;
}
.contact-details article{
  background:#fffaf0;
  border-left:5px solid var(--green);
  padding:1.1rem 1.25rem;
}
.contact-details a{
  color:var(--green);
  font-weight:900;
}
.contact-card{
  background:#171510;
  color:white;
  border:2px solid var(--gold);
  padding:2rem;
  box-shadow:0 24px 44px rgba(0,0,0,.18);
}
.contact-form{
  display:grid;
  gap:1rem;
}
.contact-form label{
  display:grid;
  gap:.45rem;
  font-family:Arial,sans-serif;
  font-weight:900;
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.08em;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  padding:1rem;
  border:1px solid #cdb88b;
  background:#fff7e8;
  color:#11110e;
  font:inherit;
}
.contact-form button{
  margin-top:.5rem;
  padding:1rem 1.3rem;
  background:var(--green2);
  color:white;
  border:2px solid var(--gold);
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.form-note{
  margin-top:1rem;
  font-size:.9rem;
  color:#d8c49a;
  line-height:1.5;
}
@media(max-width:900px){
  .contact-page{grid-template-columns:1fr}
}


.collection-showcase{
  padding:5rem 6vw;
  background:#eadcc4;
  text-align:center;
}
.showcase-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.4rem;
  margin-top:2rem;
}
.showcase-grid article{
  background:#fffaf0;
  border:2px solid var(--gold);
  padding:1rem;
  box-shadow:0 16px 30px rgba(0,0,0,.12);
}
.showcase-grid img{
  width:100%;
  height:260px;
  object-fit:contain;
  background:#171510;
  padding:1rem;
}
.showcase-grid h3{
  margin-bottom:.35rem;
}
.showcase-grid p{
  line-height:1.5;
}
@media(max-width:1000px){
  .showcase-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .showcase-grid{grid-template-columns:1fr}
}


.pig-showcase-grid{
  grid-template-columns:repeat(4,1fr);
}
@media(max-width:1100px){
  .pig-showcase-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
  .pig-showcase-grid{grid-template-columns:1fr;}
}


.ancient-orders-grid{
  grid-template-columns:repeat(3,1fr);
}
.coming-soon-card{
  min-height:320px;
  background:#171510;
  border:2px solid var(--gold);
  color:#d8c7a0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2rem;
  text-align:center;
}
.coming-soon-card h3{
  color:#f7dfaa;
}
.coming-soon-card p{
  line-height:1.5;
}
@media(max-width:900px){
  .ancient-orders-grid{grid-template-columns:1fr;}
}


.homesteader-grid{
  grid-template-columns:repeat(3,1fr) !important;
}
@media(max-width:1000px){
 .homesteader-grid{grid-template-columns:repeat(2,1fr)!important;}
}
@media(max-width:600px){
 .homesteader-grid{grid-template-columns:1fr!important;}
}
.collection-link{
    text-decoration:none;
    color:inherit;
    display:block;
}

.collection-card{
    cursor:pointer;
}