/* F and Flipped F */
.logo-f {
  font-size: 35px;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Georgia, serif; /* or any other font you prefer */
}

/* Flipped F */
.flipped {
  transform: scaleX(-1);
  display: inline-block;
}

/* & symbol */
.logo-and {
  font-size: 10px;
  font-weight: 400;
  position: relative;
  top: -7px;
  margin: 0 5px;
  font-family: Georgia, serif;
}

/* INTERIORS text */
.interiors {
  font-size: 9px;
  font-weight: 100;
  letter-spacing: 9px;
  font-family: Helvetica, Arial, sans-serif; /* alternate font */
  margin-left: 0px; /* 👈 Adds horizontal space to the left of INTERIORS */
}


.fnf-label {
    display: none;
  }

  /* Show only on desktop (min-width: 1024px) */
  @media screen and (min-width: 1024px) {
    .fnf-label {
      display: block;
      position: fixed;
      top: 50%;
      right: 80px;
      transform: translateY(-50%);
      font-size: 10px;
      font-weight: bold;
      color: #8a8a8a;
      z-index: 9999;
      line-height: 2.0;
      text-align: center;
    }
  }


.logo-container {
  display: flex;
  justify-content: center;  /* Centers horizontally */
  align-items: center;      /* Centers vertically */
}

.logo-size {
  width: 150px !important;
  height: 100px !important;
}

.glow-hover {
  transition: box-shadow 0.4s ease;
}
.glow-hover:hover {
  box-shadow: 0 0 20px rgb(255, 255, 255);
}