/* PrairieBins — styles.css (root)
   Static, SEO-first, phone-first. No JavaScript.
*/

:root{
  --ink:#111417;
  --slate:#24303a;
  --paper:#fbfaf7;
  --wheat:#f4efe6;
  --field:#2b4a3f;
  --rust:#b14c2a;
  --line:rgba(17,20,23,.14);
  --shadow:0 14px 34px rgba(17,20,23,.12);
  --radius-lg:18px;
  --radius-md:12px;
  --max:1120px;
  --font-display:"Fraunces", serif;
  --font-body:"Newsreader", serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--paper);
  line-height:1.55;
}
a{color:inherit}
img{max-width:100%;height:auto}

.wrap{max-width:var(--max);margin:auto;padding:1.5rem}
.page{min-height:100vh;display:flex;flex-direction:column}

.header{
  position:sticky;top:0;z-index:10;
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.header__inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.brand{text-decoration:none}
.brand__name{font-family:var(--font-display);font-weight:700;font-size:1.25rem}
.brand__tag{font-size:.85rem;color:var(--slate)}

.nav{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.nav__link{text-decoration:none;padding:.35rem .55rem}
.nav__link--active{border-bottom:2px solid var(--field)}
.btn{
  border:2px solid var(--field);
  border-radius:999px;
  padding:.5rem .95rem;
  font-weight:600;
  text-decoration:none;
}
.btn--primary{background:var(--field);color:white}
.btn--ghost{background:transparent}

.hero{background:var(--wheat)}
.hero__grid{display:grid;gap:2rem}
.hero__title{font-family:var(--font-display);font-size:2.2rem}
.hero__lede{max-width:48ch}

.card{
  background:white;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}
.card__inner{padding:1.25rem}
.card__kicker{font-size:.85rem;color:var(--slate)}
.card__headline{margin:.3rem 0}

.section{padding:2.5rem 0}
.faq__head{margin-bottom:1rem}
.faq__title{font-family:var(--font-display)}
.faq__grid{display:grid;gap:1rem}
.faq-item{background:white;border:1px solid var(--line);border-radius:var(--radius-md)}
.faq-item__body{padding:1rem}

.cta{
  margin-top:2rem;
  background:var(--wheat);
  padding:1.5rem;
  border-radius:var(--radius-lg);
}

.footer{
  margin-top:auto;
  border-top:1px solid var(--line);
  background:var(--paper);
}
.footer__grid{display:grid;gap:1.5rem}
.footer__title{font-family:var(--font-display)}
.footer__list{list-style:none;padding:0;margin:0}
.footer__link{text-decoration:none}
/* Media blocks (photos) */
.media {
  margin: 1.25rem 0 0;
}

.media__figure {
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--line);
  background: white;
  box-shadow: var(--shadow);
}

.media__img {
  display: block;
  width: 100%;
  height: auto;
}

.media__caption {
  font-size: .9rem;
  color: var(--slate);
  padding: .85rem 1rem;
  border-top: 1px solid var(--line);
  background: color-mix(in srgb, var(--paper) 65%, white);
}

@media (min-width: 880px){
  .hero__grid { grid-template-columns: 1.2fr .8fr; align-items: start; }
}