/* Base/global styles */
:root {
  --cider-brown: #632e0a;
  --wood-ash: #233a45;
  --harvest-gold: #e1be6a;
  --cinnamon-bark: #a65022;
  --mulled-wine: #8a3e3e;
  --chestnut: #4f2407;
  --cream-linen: #f1e9df;
  --soft-white: #fffdfc;
  --soft-cream: #faf6f2;
}

body {
  font-family: "Inter", sans-serif;
  background: var(--cream-linen);
  color: var(--chestnut);
  line-height: 1.6;
}

/* Homepage fabric texture overlay */
body.home {
  background-color: var(--cream-linen);
  position: relative;
}
body.home::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: url("https://fallfriday.com/wp-content/uploads/2025/09/texture_fabric_2x.png");
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.25;
  z-index: -1;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.section-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 2.5rem;
  color: var(--cider-brown);
  margin-bottom: 10px;
  font-weight: 600;
}
.section-subtitle {
  color: var(--wood-ash);
  margin: 0 auto 40px;
  font-size: 1.1rem;
  max-width: 550px;
}

.ff-title {
  font-size: 3rem;
  margin: 2rem 0 0.5rem;
}

/* Hero */
.ff-hero {
  text-align: center;
  padding: 80px 0 60px;
  position: relative;
  background: transparent;
}
.logo-container {
  position: relative;
  width: 100%;
  max-width: 372px;
  margin: 0 auto 15px;
}
.logo-image {
  width: 100%;
  height: auto;
  display: block;
}
.logo-placeholder {
  display: none;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 600;
  color: #632e0a;
}
.logo-image:not([src]),
.logo-image[src=""] {
  display: none;
}
.logo-image:not([src]) ~ .logo-placeholder,
.logo-image[src=""] ~ .logo-placeholder {
  display: block;
}
.tagline {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.1rem;
  color: #8a3e3e;
  font-style: italic;
}