/* Final Professional About Page Font + Structure - Film & Media Masters */

/* Import professional Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600&family=Open+Sans:wght@400;500&display=swap');

.about-section {
  position: relative !important;
  text-align: center !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

.about-section {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.3) !important; /* gentle dark overlay */
  z-index: 1 !important;
}

.about-section img,
.about-photo {
  width: 100% !important;
  height: auto !important;
  filter:none;
  display: block !important;
}

.about-text,
.about-description {
  position: relative !important;
  z-index: 2 !important;
  width: 85% !important;
  margin: 3em auto !important;
  text-align: left !important;
  color: #f5f5f5 !important;
  background: none !important;
  padding: 0 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
}

.about-text h1,
.about-description h1 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 2.3rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 0.6em !important;
  text-align: center !important;
}

.about-text h2,
.about-description h2 {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 500 !important;
  color: #e0e0e0 !important;
  text-transform: none !important;
  margin-bottom: 1em !important;
  text-align: center !important;
}

.about-text p,
.about-description p {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.85 !important;
  color: #f0f0f0 !important;
  text-align: justify !important;
  margin-bottom: 1.8em !important;
}

@media (max-width: 768px) {
  .about-text,
  .about-description {
    width: 92% !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
  }

  .about-text h1,
  .about-description h1 {
    font-size: 1.9rem !important;
  }
}

/* Narrative Frames – remove glow entirely */
.narrative-frames img,
.narrative-frames .frame,
.narrative-frames-card img {
  box-shadow:none;
  filter:none;
}

/* FORCE Narrative Frames to be plain like Production Capabilities */
#narrative-frames img,
#narrative-frames *,
.narrative-frames img,
.narrative-frames-card img {
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  border: none !important;
  background: transparent !important;
  transition: none !important;
}