/*
Theme Name:  40 Acres Landing
Theme URI:   https://40acreleague.org
Description: Fully hardcoded landing page — no plugins, no page builder, no dynamic content.
Author:      Brogrammers Agency
Author URI:  https://brogrammersagency.com
Version:     3.4.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 40acres-landing
*/

/* ── Reset ───────────────────────────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Lock page — no scroll in any direction ──────────────────────────────────── */
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* ── Full-viewport container ─────────────────────────────────────────────────── */
.page {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── Background: cover viewport, trees pinned to bottom ─────────────────────── */
.bg {
  position: absolute;
  inset: 0;
  background-image: url('/wp-content/themes/40acres-landing/images/background.png?v=3.4.0');
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

/* ── Content stack: centered, above background ───────────────────────────────── */
.content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 24px;
  /* shift content slightly above true center to sit in sky area */
  margin-top: -8vh;
}

/* ── Logo ────────────────────────────────────────────────────────────────────── */
.logo-wrap {
  margin-bottom: 1.5rem;
}

.logo {
  display: block;
  width: clamp(280px, 62vw, 720px);
  height: auto;
  max-height: 34vh;
  object-fit: contain;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ── Heading ─────────────────────────────────────────────────────────────────── */
.site-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 400;
  font-size: clamp(2rem, 5vw, 3.75rem);
  color: #1f3f2d;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-bottom: 1.25rem;
}

/* ── Gold divider ────────────────────────────────────────────────────────────── */
.divider {
  width: 56px;
  height: 1px;
  background: #c9a84c;
  margin: 0 auto 1.25rem;
}

/* ── "COMMITTED" label ───────────────────────────────────────────────────────── */
.label {
  font-family: 'Cormorant SC', 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: clamp(0.65rem, 1.2vw, 0.8rem);
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #1f3f2d;
  margin-bottom: 0.5rem;
}

/* ── Italic tagline ──────────────────────────────────────────────────────────── */
.tagline {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  color: #1f3f2d;
  opacity: 0.9;
}

/* ── Admin bar offset ────────────────────────────────────────────────────────── */
.admin-bar .page {
  height: calc(100vh - 32px);
}