/* ==========================================================================
   Natyarpana — Inner pages (About, Faculty) — homepage typography sync
   ========================================================================== */

.page-about,
.page-faculty,
.page-kripa,
.page-classes,
.page-productions,
.page-student-awards,
.page-contact {
  --np-bg: #050505;
  --np-bg-secondary: #0b0b0b;
  --np-gold: #c8a44d;
  --np-gold-light: #e0c27a;
  --np-gold-dark: #8e6b23;
  --np-text: #f5e7c1;
  --np-text-soft: #d6c6a5;
  --np-border: rgba(200, 164, 77, 0.45);

  background-color: var(--np-bg);
  color: var(--np-text-soft);
  font-family: var(--np-font-sans, "Inter", sans-serif);
  font-size: var(--np-text-base, 16px);
  font-weight: var(--np-weight-regular, 400);
  line-height: var(--np-leading-normal, 1.75);
}

.page-about .mouse-cursor,
.page-faculty .mouse-cursor,
.page-kripa .mouse-cursor,
.page-classes .mouse-cursor,
.page-productions .mouse-cursor,
.page-student-awards .mouse-cursor,
.page-contact .mouse-cursor {
  display: none;
}

/* Section titles */
.page-about .section-title h6,
.page-faculty .section-title h6 {
  font-family: var(--np-font-serif, "Cinzel", "Cormorant Garamond", serif);
  font-size: var(--np-eyebrow-size, 12px);
  font-weight: var(--np-weight-semibold, 600);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--np-gold) !important;
  line-height: 1.4;
  margin-bottom: 14px;
}

.page-about .section-title h6 img,
.page-faculty .section-title h6 img {
  filter: sepia(0.45) saturate(1.4) hue-rotate(5deg) brightness(1.1);
  max-height: 14px;
  width: auto;
  margin-right: 8px;
  vertical-align: middle;
}

.page-about .section-title h2,
.page-faculty .section-title h2,
.page-faculty .message-items > h2 {
  font-family: var(--np-font-serif, "Cinzel", "Cormorant Garamond", serif);
  font-size: var(--np-h2-size, clamp(1.5rem, 2.8vw, 2.25rem));
  font-weight: var(--np-weight-medium, 500);
  letter-spacing: 0.1em;
  line-height: 1.3;
  color: var(--np-gold-light) !important;
  text-shadow: none;
  margin-bottom: 0;
}

.page-about .section-title h2 span,
.page-faculty .section-title h2 span,
.page-faculty .message-items > h2 span {
  font-family: inherit;
  font-weight: inherit;
  color: inherit !important;
}

.page-about .section-title h2 b,
.page-about .section-title h2 span b,
.page-faculty .section-title h2 b,
.page-faculty .section-title h2 span b,
.page-faculty .message-items > h2 span b {
  font-family: inherit;
  font-weight: 600;
  background: linear-gradient(180deg, var(--np-gold-light) 0%, var(--np-gold) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--np-gold) !important;
}

.page-about .section-title > p,
.page-about .section-title p,
.page-faculty .section-title > p,
.page-faculty .section-title p {
  font-family: var(--np-font-sans, "Inter", sans-serif);
  font-size: var(--np-text-lg, 18px);
  font-weight: var(--np-weight-regular, 400);
  line-height: var(--np-leading-relaxed, 1.85);
  color: var(--np-text-soft) !important;
  margin-top: 16px;
}

/* Body copy */
.page-about p,
.page-faculty p,
.page-kripa p,
.page-classes p,
.page-productions p,
.page-student-awards p,
.page-contact p {
  font-family: var(--np-font-sans, "Inter", sans-serif);
  font-size: var(--np-text-base, 16px);
  font-weight: var(--np-weight-regular, 400);
  line-height: var(--np-leading-normal, 1.75);
  color: var(--np-text-soft);
}

.page-about h3,
.page-about .box-title,
.page-faculty .team-box-items .team-content h3 {
  font-family: var(--np-font-serif, "Cinzel", "Cormorant Garamond", serif);
  font-size: var(--np-h3-size, 14px);
  font-weight: var(--np-weight-semibold, 600);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--np-gold-light) !important;
}

/* Team */
.page-about .team-section,
.page-faculty .team-section {
  background-color: var(--np-bg) !important;
}

.page-about .team-section.section-bg,
.page-faculty .team-section.section-bg {
  background-color: var(--np-bg) !important;
}

.page-about .team-box-items,
.page-faculty .team-box-items {
  background: var(--np-bg-secondary);
  border: 1px solid var(--np-border);
  border-radius: 16px;
  overflow: hidden;
}

.page-about .team-box-items .team-content h3,
.page-faculty .team-box-items .team-content h3 {
  font-family: var(--np-font-serif, "Cinzel", serif);
  font-size: var(--np-h3-size, 14px);
  font-weight: var(--np-weight-semibold, 600);
  letter-spacing: 0.06em;
  color: var(--np-gold-light) !important;
}

.page-about .team-box-items .team-content p,
.page-faculty .team-box-items .team-content p {
  font-family: var(--np-font-sans, "Inter", sans-serif);
  font-size: var(--np-text-base, 16px);
  font-weight: var(--np-weight-regular, 400);
  color: var(--np-text-soft) !important;
  text-transform: none;
  letter-spacing: normal;
}

.page-faculty .team-box-items .team-image img {
  border-bottom: 1px solid var(--np-border);
}

/* Testimonials */
.page-about .testimonial-section,
.page-faculty .testimonial-section {
  background-color: var(--np-bg) !important;
}

.page-about .testimonial-content p,
.page-faculty .testimonial-wrapper-3 .testimonial-content > h3 {
  font-family: var(--np-font-display, "Cormorant Garamond", serif);
  font-size: var(--np-text-lg, 18px);
  font-style: italic;
  font-weight: var(--np-weight-regular, 400);
  line-height: var(--np-leading-relaxed, 1.85);
  color: var(--np-text) !important;
  text-transform: none;
  letter-spacing: normal;
}

.page-about .testimonial-content .client-info h3,
.page-faculty .testimonial-wrapper-3 .author-items .content h3 {
  font-family: var(--np-font-serif, "Cinzel", serif);
  font-size: var(--np-h3-size, 14px);
  font-weight: var(--np-weight-semibold, 600);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--np-gold-light) !important;
}

.page-about .testimonial-content .client-info span,
.page-faculty .testimonial-wrapper-3 .author-items .content span {
  font-family: var(--np-font-sans, "Inter", sans-serif);
  font-size: var(--np-text-xs, 11px);
  font-weight: var(--np-weight-medium, 500);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--np-gold) !important;
}

.page-faculty .testimonial-wrapper-3 .testimonial-image img {
  border: 1px solid var(--np-border);
  border-radius: 16px !important;
}

.page-about .array-button button,
.page-faculty .array-button button {
  border: 1px solid var(--np-border);
  color: var(--np-gold-light);
  background: var(--np-bg-secondary);
}

.page-about .star i,
.page-faculty .star i {
  color: var(--np-gold);
}

/* Buttons */
.page-about .theme-btn,
.page-faculty .theme-btn,
.page-classes .theme-btn,
.page-productions .theme-btn,
.page-student-awards .theme-btn,
.page-contact .theme-btn {
  font-family: var(--np-font-sans, "Inter", sans-serif);
  font-size: var(--np-text-sm, 12px);
  font-weight: var(--np-weight-semibold, 600);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--np-text) !important;
  background: linear-gradient(135deg, #6e0f1a 0%, #4a0a12 55%, #2d060c 100%) !important;
  border: 1px solid rgba(200, 164, 77, 0.65) !important;
  border-radius: 999px;
}

.page-about .theme-btn::after,
.page-faculty .theme-btn::after,
.page-classes .theme-btn::after,
.page-productions .theme-btn::after,
.page-student-awards .theme-btn::after,
.page-contact .theme-btn::after {
  background: var(--np-gold) !important;
}

.page-about .theme-btn:hover,
.page-faculty .theme-btn:hover,
.page-classes .theme-btn:hover,
.page-productions .theme-btn:hover,
.page-student-awards .theme-btn:hover,
.page-contact .theme-btn:hover {
  color: var(--np-text) !important;
  border-color: var(--np-gold-light) !important;
  box-shadow: 0 0 24px rgba(200, 164, 77, 0.3);
}

.page-about .theme-btn i,
.page-faculty .theme-btn i,
.page-classes .theme-btn i,
.page-productions .theme-btn i,
.page-student-awards .theme-btn i,
.page-contact .theme-btn i {
  color: inherit;
}

.page-about .section-padding,
.page-faculty .section-padding,
.page-classes .section-padding,
.page-productions .section-padding,
.page-student-awards .section-padding,
.page-contact .section-padding {
  padding-top: clamp(64px, 8vw, 100px);
  padding-bottom: clamp(64px, 8vw, 100px);
}

/* Faculty — intro row */
.page-faculty .team-title-items {
  margin-left: clamp(0px, 12vw, 200px);
  gap: clamp(24px, 4vw, 40px);
  margin-bottom: clamp(28px, 4vw, 40px);
  align-items: flex-start;
}

.page-faculty .team-title-items p {
  max-width: 520px;
  font-family: var(--np-font-sans, "Inter", sans-serif);
  font-size: var(--np-text-base, 16px);
  font-weight: var(--np-weight-regular, 400);
  line-height: var(--np-leading-normal, 1.75);
  color: var(--np-text-soft) !important;
  margin: 0;
}

/* Faculty — message CTA strip */
.page-faculty .message-section {
  background-color: var(--np-bg) !important;
}

.page-faculty .message-items .cta-img img {
  border: 1px solid var(--np-border);
  border-radius: 16px;
}

@media (max-width: 767px) {
  .page-about .section-title.ml-200,
  .page-faculty .section-title.ml-200 {
    margin-left: 0;
  }

  .page-faculty .team-title-items {
    margin-left: 0;
    flex-direction: column;
  }
}

/* ==========================================================================
   About-only (see page-about.css legacy import below)
   ========================================================================== */