/* Zeemering Foundation — Static site styles
   Modern, fast, SEO-friendly, responsive */
:root{
  --color-bg:#f7f5f0;
  --color-surface:#ffffff;
  --color-text:#1a1a1a;
  --color-text-secondary:#4a4a4a;
  --color-accent:#2f5f3f;
  --color-accent-light:#4a7c5c;
  --color-border:#e3dfd6;
  --color-alert:#c45c3e;
  --max-width:1200px;
  --radius:12px;
  --shadow:0 2px 12px rgba(0,0,0,0.06);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}
a{color:var(--color-accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
header,section,footer{max-width:var(--max-width);margin:0 auto;padding:0 20px}
.hero{padding:64px 20px 56px;background:linear-gradient(180deg,#eaf2ec 0%, var(--color-bg) 100%)}
.hero__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero__title{font-size:clamp(32px, 4vw, 52px);line-height:1.1;font-weight:800;letter-spacing:-0.02em}
.hero__subtitle{font-size:clamp(18px, 2vw, 22px);color:var(--color-text-secondary);margin-top:14px}
.hero__actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius);font-weight:600;border:1px solid transparent}
.btn--primary{background:var(--color-accent);color:#fff}
.btn--secondary{background:#fff;color:var(--color-accent);border-color:var(--color-border)}
.nav{margin-top:40px;display:flex;gap:18px;flex-wrap:wrap}
.nav a{padding:8px 12px;border-radius:999px;background:#ffffff;border:1px solid var(--color-border)}
.section{padding:48px 20px}
.section__title{font-size:clamp(24px,3vw,32px);margin-bottom:14px}
.section__lead{color:var(--color-text-secondary);max-width:860px;margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px,1fr));gap:18px}
.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card h3{font-size:18px;margin-bottom:8px}
.card p{color:var(--color-text-secondary);font-size:15px}
.footer{padding:36px 20px;color:var(--color-text-secondary);font-size:14px}
.footer a{color:var(--color-text-secondary)}
.media-embed{border-radius:var(--radius);overflow:hidden;background:#000;color:#fff;padding:18px;margin:18px 0;border:1px dashed rgba(255,255,255,.2)}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tag{font-size:12px;padding:6px 10px;border-radius:999px;background:#edf3ee;color:var(--color-accent);border:1px solid #d6e3da}
.callout{background:#fff7ed;border:1px solid #f1c091;border-radius:var(--radius);padding:16px;margin:16px 0;color:#5c3a1e}
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important}
}
@media (max-width: 760px){
  .hero__inner{grid-template-columns:1fr}
}

.hero__media{margin-top:18px}
.hero__media img{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;height:auto;display:block}
.section__media{margin-top:18px}
.section__media img{border-radius:var(--radius);width:100%;height:auto;display:block;box-shadow:var(--shadow)}
.barn-figure{margin-top:18px}
.barn-figure img{max-width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}
.video{margin-top:18px}
.video__item{margin-bottom:24px}
.video__item video{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);display:block;background:#000}
.video__label{font-size:14px;color:var(--muted);margin-top:6px;font-style:italic}
.video__badge{display:inline-block;background:#fff3cd;color:#856404;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px}
</style>