/* =====================
   PHILOSOPHY SECTION
===================== */
.philosophy-section {
  background: #ffffff;
  padding: 5rem 0 5rem 0;
}

.philosophy-container {
  max-width: none;
  margin: 0 auto;
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

.philosophy-title {
  font-family: 'Playfair Display', serif;
  font-size: 2.2rem;
  letter-spacing: 0.25em;
  font-weight: 500;
  text-transform: uppercase;
  color: #394144;
  margin-bottom: 1.6rem;
}

.philosophy-underline {
  width: 80px;
  height: 3px;
  background: #a6764b; /* or your brand blue */
  margin: 2.5rem auto 2.5rem auto;
}

.philosophy-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  text-align: left;
  color: #222;
  line-height: 2.6;
  margin: 0 auto;
  max-width: 1100px;
}

.philosophy-text::first-letter {
  float: left;
  font-size: 4.7rem;        /* Adjust size as needed */
  line-height: 1;
  font-weight: 400;
  font-family: 'Playfair Display', serif;; /* Or your headline font */
  color: #a6764b;         /* Gold-ish, change to match your brand */
  margin-right: 0.2em;    /* Space between letter and text */
  margin-top: 0.05em;      /* Optional: nudge letter down */
}

@media (max-width: 991.98px) {
  .philosophy-section {
    padding: 4rem 0 3rem 0;
  }
  .philosophy-container {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }
  .philosophy-title {
    font-size: 2rem;
    letter-spacing: 0.2em;
  }
  .philosophy-text {
    font-size: 1.08rem;
  }
}

@media (max-width: 500px) {
  .philosophy-section {
    padding: 3rem 0 2.2rem 0;
  }
  .philosophy-title {
    font-size: 1.5rem;
    letter-spacing: 0.15em;
  }
  .philosophy-text {
    font-size: 0.8rem;
  }
  .philosophy-text::first-letter {
    font-size: 3.8rem;
  }
}