:root {
  /* Abode palette — dark warm theme derived from Abode Warehouse */
  --beige:        #F3EDE3;   /* Warehouse cream — light sections       */
  --forest-green: #2C1E14;   /* deep espresso — dark sections           */
  --deep-green:   #1A110C;   /* near-black espresso — footer / darkest  */
  --orange:       #A67C52;   /* warm bronze accent                      */
  --linen:        #D4C4B0;   /* warm sand                               */
  /* Abode typography */
  --_typography---font-styles--heading: 'Cormorant Garamond', 'Times New Roman', serif;
  --_typography---font-styles--body: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Abode Lafayette — brand overrides */
.abode-wordmark {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.5rem;
  letter-spacing: .38em;
  text-transform: lowercase;
  color: currentColor;
  white-space: nowrap;
  line-height: 1;
}

/* Giant footer logotype replacing the embossed svg */
.abode-footer-logo {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(4rem, 15vw, 13rem);
  letter-spacing: .08em;
  line-height: 1;
  text-align: center;
  color: rgba(255, 255, 255, .07);
  -webkit-text-stroke: 1px rgba(255, 255, 255, .12);
  user-select: none;
}

.abode-contact-line {
  margin-top: 1rem;
  font-size: .9rem;
  line-height: 1.7;
  opacity: .65;
}

/* Preloader is faded by js/modules/main.js (3.5s inline fallback in index.html) */

/* footer wordmark needs light color on the dark footer */
footer .abode-wordmark { color: #fff; }

/* Ensure hero background (image or video) fills without stretching */
.header30_background-image.hero_image-bg-layer {
  object-fit: cover !important;
  object-position: center center;
}
video.header30_background-image.hero_image-bg-layer {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

/* Warm scrim behind hero text */
.header30_background-image-wrapper::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  background: linear-gradient(180deg,
    rgba(26,17,12,.65) 0%,
    rgba(26,17,12,.40) 55%,
    rgba(26,17,12,.65) 100%);
  pointer-events: none;
}


/* ===== BUTTONS — pill shape + warm brown fill (matches Warehouse) ===== */

.button,
.button0 {
  border-radius: 999px !important;
  background-color: #5C4033 !important;   /* Warehouse brown */
  border-color: #5C4033 !important;
  color: #FDFCFA !important;              /* Warehouse cream text */
  letter-spacing: .12em;
  padding: .625rem 1.75rem !important;
  transition: background-color .3s ease, border-color .3s ease;
}

.button:hover,
.button0:hover {
  background-color: #3D2B1F !important;   /* Warehouse brown-dark on hover */
  border-color: #3D2B1F !important;
  opacity: 1 !important;
}

.button-outline {
  border-radius: 999px !important;
  border-color: #5C4033 !important;
  transition: background-color .3s ease, border-color .3s ease;
}

.button-outline:hover {
  border-color: #3D2B1F !important;
}

/* Alternate (light-on-dark) buttons keep cream outline */
.button.is-alternate,
.button0.is-alternate {
  background-color: transparent !important;
  border: 1px solid rgba(253,252,250,.5) !important;
  color: #FDFCFA !important;
}

.button.is-alternate:hover,
.button0.is-alternate:hover {
  background-color: rgba(253,252,250,.12) !important;
  border-color: #FDFCFA !important;
}

.button-outline.is-alternate:hover {
  border-color: #FDFCFA !important;
}

/* Navbar button — slightly smaller pill */
.navbar .button {
  padding: .4rem 1.25rem !important;
}


/* ===== LETTER-SPACING — generous spacing on nav & labels (matches Warehouse) ===== */

.w-nav-link {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: .8125rem;
}

/* Section labels / taglines that use uppercase */
.text-style-tagline,
.section-tagline,
[class*="tagline"] {
  letter-spacing: .18em;
}

/* Headings — subtle tracking for elegance */
h1, h2, h3,
.heading-style-h1,
.heading-style-h2,
.heading-style-h3 {
  letter-spacing: .02em;
}