main.site-main#primary { max-width: 720px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; padding-top: 40px; }
main.site-main p { font-family: 'Georgia', serif; font-size: 18px; line-height: 1.8; color: #E5E5E5; margin-bottom: 1.6em; margin-top: 0; }
main.site-main p:first-of-type { font-size: 20px; line-height: 1.75; }
main.site-main p em { color: #9A9A9A; }
main.site-main a { color: #B22222; text-decoration: none; }
main.site-main a:hover { border-bottom: 1px solid #B22222; }
main.site-main h2 { font-family: 'Georgia', serif; font-size: 28px; font-weight: 700; color: #FFFFFF; margin-top: 2.4em; margin-bottom: 0.8em; line-height: 1.3; }
main.site-main blockquote { border-left: 3px solid #B22222; margin-left: 0; padding-left: 24px; font-style: italic; }
main.site-main hr { border: none; border-top: 2px solid #B22222; max-width: 120px; margin: 2.4em auto; }
@media (max-width: 768px) { main.site-main#primary { padding-left: 16px; padding-right: 16px; } main.site-main p { font-size: 16px; line-height: 1.75; margin-bottom: 1.4em; } }
.hff-post-header { max-width: 720px; margin: 40px auto 32px; padding: 0 24px; }
.hff-post-category { font-family: 'Calibri', Arial, sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #B22222; margin-bottom: 12px; }
.hff-post-title { font-family: 'Georgia', serif; font-size: 38px; font-weight: 700; color: #FFFFFF; line-height: 1.2; margin-bottom: 16px; }
.hff-post-meta { font-family: 'Calibri', Arial, sans-serif; font-size: 14px; color: #6B6B6B; margin-bottom: 32px; }
.hff-post-meta span { margin-right: 16px; }
.hff-featured-image { max-width: 900px; margin: 0 auto 40px; padding: 0 24px; }
.hff-featured-image img { width: 100%; height: auto; border-radius: 4px; }
main.site-main figure { max-width: 900px; margin: 2em auto; padding: 0 24px; }
main.site-main figure img { width: 100%; height: auto; border-radius: 4px; }
main.site-main figcaption { font-family: 'Calibri', Arial, sans-serif; font-size: 13px; color: #6B6B6B; margin-top: 8px; text-align: center; }
main.site-main .wp-block-embed { max-width: 720px; margin: 2.4em auto; }
main.site-main .wp-block-embed iframe { width: 100%; aspect-ratio: 16/9; height: auto; border-radius: 4px; }
.hff-pullquote { max-width: 600px; margin: 2.4em auto; padding: 24px 0; border-top: 2px solid #B22222; border-bottom: 2px solid #B22222; text-align: center; }
.hff-pullquote p { font-family: 'Georgia', serif; font-size: 24px; line-height: 1.5; color: #FFFFFF; font-style: italic; margin: 0; }
.hff-author-card { max-width: 720px; margin: 48px auto 0; padding: 24px; border-top: 1px solid #2C2C2E; display: flex; gap: 16px; align-items: flex-start; }
.hff-author-card .hff-author-name { font-family: 'Georgia', serif; font-size: 16px; color: #FFFFFF; font-weight: 700; margin-bottom: 4px; }
.hff-author-card .hff-author-bio { font-family: 'Calibri', Arial, sans-serif; font-size: 14px; color: #6B6B6B; line-height: 1.5; }
@media (max-width: 768px) { .hff-post-title { font-size: 28px; } .hff-pullquote p { font-size: 20px; } }

/* Track Record Grid - CMS Driven */
.track-record-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.track-record-box {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 28px 16px;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
}

.track-record-name {
  font-family: var(--font-heading, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  line-height: 1.2;
}

.track-record-desc {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .track-record-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .track-record-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* ============================================================================
   HERO SECTION
   ============================================================================ */
.family-circle-page .fc-hero {
  position: relative;
  height: 100vh;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.family-circle-page .fc-hero-video-wrap {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.family-circle-page .fc-hero-video-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(160deg, var(--black) 0%, var(--charcoal) 50%, #1a0808 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--slate);
}

.family-circle-page .fc-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(13, 13, 13, 0.3) 0%,
    rgba(13, 13, 13, 0.1) 40%,
    rgba(13, 13, 13, 0.7) 80%,
    rgba(13, 13, 13, 1) 100%
  );
}

.family-circle-page .fc-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 820px;
  padding: 0 2rem;
}

.family-circle-page .fc-hero-eyebrow {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 1.5rem;
  opacity: 0;
  animation: fcFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
}

.family-circle-page .fc-hero-title {
  font-family: Georgia, serif;
  font-size: clamp(2.8rem, 6vw, 5rem);
  font-weight: 700;
  color: var(--white);
  line-height: 1.08;
  margin-bottom: 1.5rem;
  opacity: 0;
  animation: fcFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;
}

.family-circle-page .fc-hero-title em {
  font-style: italic;
  color: var(--red);
}

.family-circle-page .fc-hero-sub {
  font-size: 1.15rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto 2.5rem;
  opacity: 0;
  animation: fcFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.7s forwards;
}

.family-circle-page .fc-hero-scroll {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--slate);
  opacity: 0;
  animation: fcFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.9s forwards;
}

.family-circle-page .fc-hero-scroll-line {
  width: 32px;
  height: 1px;
  background: var(--red);
}

.family-circle-page .fc-hero-est {
  position: absolute;
  bottom: 3rem;
  right: 3.5rem;
  z-index: 2;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--slate);
  writing-mode: vertical-rl;
  opacity: 0;
  animation: fcFadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) 1.2s forwards;
}

/* ============================================================================
   SECTION UTILITIES
   ============================================================================ */
.family-circle-page .fc-section {
  padding: 7rem 60px;
  max-width: none;
  margin: 0;
}

.family-circle-page .fc-section-label {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 1rem;
}

.family-circle-page .fc-section-title {
  font-family: Georgia, serif;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 600;
  color: var(--white);
  line-height: 1.15;
  margin-bottom: 1.25rem;
}

.family-circle-page .fc-section-desc {
  font-size: 1.05rem;
  font-weight: 300;
  color: var(--slate);
  max-width: 640px;
  line-height: 1.75;
}

.family-circle-page .fc-red-rule {
  width: 48px;
  height: 2px;
  background: var(--red);
  margin: 2rem 0;
}

.family-circle-page .fc-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin: 0 3.5rem;
}

/* ============================================================================
   LOGO TICKER SECTION
   ============================================================================ */
.family-circle-page .fc-logo-ticker-section {
  padding: 3.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.family-circle-page .fc-logo-ticker-label {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--slate);
  text-align: center;
  margin-bottom: 2rem;
}

.family-circle-page .fc-ticker-track .fc-logo-item {
  flex-shrink: 0;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.25);
  white-space: nowrap;
  transition: color 0.4s;
  padding: 0.5rem 0;
}

.family-circle-page .fc-ticker-track .fc-logo-item:hover {
  color: #B22222;
}

/* ============================================================================
   MANIFESTO SECTION
   ============================================================================ */
.family-circle-page .fc-manifesto {
  padding: 8rem 60px;
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: start;
}

.family-circle-page .fc-manifesto-text {
  font-size: 1.05rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.85;
  margin-bottom: 1.5rem;
}

.family-circle-page .fc-manifesto-text strong {
  color: var(--white);
  font-weight: 500;
}

/* ============================================================================
   RETREATS SECTION
   ============================================================================ */
.family-circle-page .fc-retreats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin-top: 3.5rem;
}

.family-circle-page .fc-retreat-card {
  position: relative;
  height: 420px;
  overflow: hidden;
  cursor: pointer;
}

.family-circle-page .fc-retreat-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(13, 13, 13, 0.85) 100%);
  z-index: 1;
  transition: opacity 0.4s;
}

.family-circle-page .fc-retreat-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.65rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--slate);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.family-circle-page .fc-retreat-card:nth-child(1) .fc-retreat-img-placeholder {
  background: linear-gradient(135deg, var(--charcoal), var(--dark-grey));
}

.family-circle-page .fc-retreat-card:nth-child(2) .fc-retreat-img-placeholder {
  background: linear-gradient(135deg, var(--dark-grey), var(--charcoal));
}

.family-circle-page .fc-retreat-card:nth-child(3) .fc-retreat-img-placeholder {
  background: linear-gradient(135deg, #1a0808, var(--charcoal));
}

.family-circle-page .fc-retreat-card:nth-child(4) .fc-retreat-img-placeholder {
  background: linear-gradient(135deg, var(--charcoal), #1a0808);
}

.family-circle-page .fc-retreat-card:nth-child(5) .fc-retreat-img-placeholder {
  background: linear-gradient(135deg, var(--dark-grey), #1a0808);
}

.family-circle-page .fc-retreat-card:nth-child(6) .fc-retreat-img-placeholder {
  background: linear-gradient(135deg, #1a0808, var(--dark-grey));
}

.family-circle-page .fc-retreat-card:hover .fc-retreat-img-placeholder {
  transform: scale(1.05);
}

.family-circle-page .fc-retreat-card:hover {
  border: 1px solid rgba(178, 34, 34, 0.3);
}

.family-circle-page .fc-retreat-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.75rem;
  z-index: 2;
}

.family-circle-page .fc-retreat-location {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 0.5rem;
}

.family-circle-page .fc-retreat-name {
  font-family: Georgia, serif;
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--white);
  line-height: 1.25;
  margin-bottom: 0.35rem;
}

.family-circle-page .fc-retreat-desc {
  font-size: 0.85rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.55);
}

/* ============================================================================
   SIGNATURE ACCESS SECTION
   ============================================================================ */
.family-circle-page .fc-access-section {
  padding: 7rem 60px;
  max-width: none;
  margin: 0;
}

.family-circle-page .fc-access-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin-top: 3rem;
}

.family-circle-page .fc-access-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.04);
  transition: border-color 0.4s;
  display: flex;
  flex-direction: column;
}

.family-circle-page .fc-access-card:hover {
  border-color: rgba(178, 34, 34, 0.25);
}

.family-circle-page .fc-access-card-img {
  width: 100%;
  height: 220px;
  background: var(--charcoal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--slate);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

.family-circle-page .fc-access-card-img-inner {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--charcoal), var(--dark-grey));
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.family-circle-page .fc-access-card:hover .fc-access-card-img-inner {
  transform: scale(1.04);
}

.family-circle-page .fc-access-card-body {
  padding: 2.5rem;
  flex: 1;
}

.family-circle-page .fc-access-card-title {
  font-family: Georgia, serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 0.75rem;
}

.family-circle-page .fc-access-card-text {
  font-size: 0.95rem;
  font-weight: 300;
  color: var(--slate);
  line-height: 1.7;
}

.family-circle-page .fc-access-card-tag {
  display: inline-block;
  margin-top: 1.25rem;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--red);
  padding: 0.35rem 0.75rem;
  border: 1px solid rgba(178, 34, 34, 0.15);
}

.family-circle-page .fc-access-card-link {
  display: inline-block;
  margin-top: 1rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--red);
  transition: opacity 0.3s;
}

.family-circle-page .fc-access-card-link:hover {
  opacity: 0.7;
}

/* ============================================================================
   MEMBER SLIDER SECTION
   ============================================================================ */
.family-circle-page .fc-members-section {
  padding: 7rem 0;
  overflow: hidden;
}

.family-circle-page .fc-members-section .fc-section-label,
.family-circle-page .fc-members-section .fc-section-title,
.family-circle-page .fc-members-section .fc-section-desc {
  padding-left: 3.5rem;
}

.family-circle-page .fc-member-track {
  display: flex;
  gap: 1.25rem;
  margin-top: 3.5rem;
  padding: 0;
  width: max-content;
  }

.family-circle-page .fc-member-track::-webkit-scrollbar {
  display: none;
}

.family-circle-page .fc-member-card {
  flex: 0 0 280px;
  position: relative;
  overflow: hidden;
}

.family-circle-page .fc-member-photo {
  width: 280px;
  height: 350px;
  background: var(--charcoal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--slate);
  transition: filter 0.4s;
}

.family-circle-page .fc-member-card:hover .fc-member-photo {
  filter: brightness(1.1);
}

.family-circle-page .fc-member-info {
  padding: 1.25rem 0;
}

.family-circle-page .fc-member-name {
  font-family: Georgia, serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 0.2rem;
}

.family-circle-page .fc-member-role {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--slate);
}

/* ============================================================================
   CRITERIA SECTION
   ============================================================================ */
.family-circle-page .fc-criteria-section {
  padding: 7rem 60px;
  max-width: none;
  margin: 0;
}

.family-circle-page .fc-criteria-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 3rem;
}

.family-circle-page .fc-criteria-item {
  padding: 2.5rem 2rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: var(--charcoal);
  transition: border-color 0.4s;
}

.family-circle-page .fc-criteria-item:hover {
  border-color: rgba(178, 34, 34, 0.25);
}

.family-circle-page .fc-criteria-num {
  font-family: Georgia, serif;
  font-size: 2rem;
  font-weight: 700;
  color: var(--red);
  margin-bottom: 0.75rem;
  line-height: 1;
}

.family-circle-page .fc-criteria-title {
  font-family: Georgia, serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 0.5rem;
}

.family-circle-page .fc-criteria-text {
  font-size: 0.9rem;
  font-weight: 300;
  color: var(--slate);
  line-height: 1.65;
}

/* ============================================================================
   TIERS SECTION
   ============================================================================ */
.family-circle-page .fc-tiers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 3.5rem;
}

.family-circle-page .fc-tier-card {
  padding: 3rem 2.5rem;
  background: var(--charcoal);
  border: 1px solid rgba(255, 255, 255, 0.04);
  position: relative;
  transition: border-color 0.4s;
}

.family-circle-page .fc-tier-card:hover {
  border-color: rgba(178, 34, 34, 0.25);
}

.family-circle-page .fc-tier-card.fc-featured {
  border-color: var(--red);
  background: linear-gradient(180deg, rgba(178, 34, 34, 0.08) 0%, var(--charcoal) 100%);
}

.family-circle-page .fc-tier-card.fc-featured::before {
  content: 'Most Popular';
  position: absolute;
  top: 0;
  right: 2.5rem;
  background: var(--red);
  color: var(--white);
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.4rem 1rem;
}

.family-circle-page .fc-tier-name {
  font-family: Georgia, serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 0.5rem;
}

.family-circle-page .fc-tier-price {
  font-family: Georgia, serif;
  font-size: 2rem;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 0.25rem;
}

.family-circle-page .fc-tier-desc {
  font-size: 0.9rem;
  font-weight: 300;
  color: var(--slate);
  line-height: 1.65;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.family-circle-page .fc-tier-features {
  list-style: none;
  margin-bottom: 2.5rem;
}

.family-circle-page .fc-tier-features li {
  font-size: 0.9rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  padding: 0.5rem 0;
  padding-left: 1.5rem;
  position: relative;
}

.family-circle-page .fc-tier-features li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: var(--red);
  transform: translateY(-50%) rotate(45deg);
}

.family-circle-page .fc-tier-cta {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: var(--white);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.family-circle-page .fc-tier-cta:hover {
  border-color: var(--red);
  background: var(--red);
}

.family-circle-page .fc-tier-card.fc-featured .fc-tier-cta {
  background: var(--red);
  border-color: var(--red);
}

.family-circle-page .fc-tier-card.fc-featured .fc-tier-cta:hover {
  background: #8B1A1A;
  border-color: #8B1A1A;
}

/* ============================================================================
   MILESTONES SECTION
   ============================================================================ */
.family-circle-page .fc-milestones {
  padding: 7rem 60px;
  max-width: none;
  margin: 0;
}

.family-circle-page .fc-milestone-timeline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  margin-top: 3.5rem;
  position: relative;
}

.family-circle-page .fc-milestone-timeline::before {
  content: '';
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
}

.family-circle-page .fc-milestone-item {
  text-align: center;
  padding: 0 1rem;
  position: relative;
}

.family-circle-page .fc-milestone-item::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: var(--red);
  border-radius: 50%;
  margin: 0 auto 1.5rem;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 4px var(--black), 0 0 0 5px rgba(178, 34, 34, 0.3);
}

.family-circle-page .fc-milestone-year {
  font-family: Georgia, serif;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--red);
  margin-bottom: 0.5rem;
}

.family-circle-page .fc-milestone-text {
  font-size: 0.85rem;
  font-weight: 400;
  color: var(--slate);
  line-height: 1.55;
}

.family-circle-page .fc-milestone-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin-top: 3.5rem;
}

.family-circle-page .fc-milestone-gallery-item {
  aspect-ratio: 4 / 3;
  background: var(--charcoal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--slate);
  overflow: hidden;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.family-circle-page .fc-milestone-gallery-item:hover {
  transform: scale(1.02);
}

/* ============================================================================
   FOUNDER SECTION
   ============================================================================ */
.family-circle-page .fc-founder-section {
  padding: 7rem 60px;
  max-width: none;
  margin: 0;
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 4rem;
  align-items: start;
}

.family-circle-page .fc-founder-photo {
  width: 320px;
  height: 420px;
  background: var(--charcoal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--slate);
}

.family-circle-page .fc-founder-name {
  font-family: Georgia, serif;
  font-size: 2rem;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 0.25rem;
}

.family-circle-page .fc-founder-title-text {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--red);
  letter-spacing: 0.05em;
  margin-bottom: 1.5rem;
}

.family-circle-page .fc-founder-bio {
  font-size: 1rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.85;
  margin-bottom: 1.25rem;
}

/* ============================================================================
   CLOSING QUOTE SECTION
   ============================================================================ */
.family-circle-page .fc-closing-quote {
  padding: 8rem 60px;
  max-width: none;
  margin: 0;
  text-align: center;
}

.family-circle-page .fc-closing-mark {
  font-family: Georgia, serif;
  font-size: 5rem;
  color: var(--red);
  line-height: 0.5;
  margin-bottom: 2rem;
}

.family-circle-page .fc-closing-text {
  font-family: Georgia, serif;
  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
  font-weight: 400;
  font-style: italic;
  color: var(--white);
  line-height: 1.45;
  margin-bottom: 2rem;
}

.family-circle-page .fc-closing-attr {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--slate);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ============================================================================
   QUALIFICATION FORM SECTION
   ============================================================================ */
.family-circle-page .fc-qualify-section {
  padding: 7rem 60px;
  max-width: none;
  margin: 0;
}

.family-circle-page .fc-qualify-section .fc-section-title {
  text-align: center;
}

.family-circle-page .fc-qualify-section .fc-section-desc {
  text-align: center;
  margin: 0 auto 3rem;
}

.family-circle-page .fc-form-intro {
  margin-bottom: 2.5rem;
}

.family-circle-page .fc-form-intro-text {
  font-size: 0.95rem;
  font-weight: 300;
  font-style: italic;
  color: rgba(255, 255, 255, 0.65);
  text-align: center;
  line-height: 1.7;
}

.family-circle-page .fc-form-row {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}

.family-circle-page .fc-form-col {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.family-circle-page .fc-form-col-full {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.family-circle-page .fc-conditional-msg {
  background: rgba(178, 34, 34, 0.08);
  border-left: 2px solid var(--red);
  padding: 1rem 1.25rem;
  margin-bottom: 1.25rem;
  font-size: 0.85rem;
  font-weight: 300;
  color: var(--slate);
  line-height: 1.6;
}

.family-circle-page .fc-form-label {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--slate);
  margin-bottom: 0.5rem;
}

.family-circle-page .fc-form-input,
.family-circle-page .fc-form-select,
.family-circle-page .fc-form-textarea {
  background: var(--charcoal);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--white);
  font-size: 0.95rem;
  padding: 0.85rem 1rem;
  outline: none;
  transition: border-color 0.3s;
}

.family-circle-page .fc-form-input::placeholder,
.family-circle-page .fc-form-select::placeholder,
.family-circle-page .fc-form-textarea::placeholder {
  color: var(--slate);
}

.family-circle-page .fc-form-input:focus,
.family-circle-page .fc-form-select:focus,
.family-circle-page .fc-form-textarea:focus {
  border-color: var(--red);
}

.family-circle-page .fc-form-select {
  appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6B6B' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.5rem;
}

.family-circle-page .fc-form-select option {
  background: var(--charcoal);
  color: var(--white);
}

.family-circle-page .fc-form-textarea {
  resize: vertical;
  min-height: 120px;
}

.family-circle-page .fc-form-submit {
  display: block;
  width: 100%;
  padding: 1rem;
  background: var(--red);
  border: none;
  color: var(--white);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.family-circle-page .fc-form-submit:hover {
  background: #8B1A1A;
}

.family-circle-page .fc-form-disclaimer {
  font-size: 0.75rem;
  font-weight: 300;
  color: var(--slate);
  line-height: 1.6;
  margin-top: 0.5rem;
  text-align: center;
}

.family-circle-page .fc-conditional-msg {
  grid-column: span 2;
  font-size: 0.75rem;
  font-weight: 300;
  color: var(--slate);
  line-height: 1.6;
  margin-top: 1rem;
  text-align: center;
  display: none;
}

.family-circle-page .fc-conditional-msg.fc-show {
  display: block;
}

/* ============================================================================
   ANIMATIONS
   ============================================================================ */
@keyframes fcFadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fcFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}



.family-circle-page .sr {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.family-circle-page .sr.in {
  opacity: 1;
  transform: translateY(0);
}

.family-circle-page .sr.d1 {
  transition-delay: 0.1s;
}

.family-circle-page .sr.d2 {
  transition-delay: 0.2s;
}

.family-circle-page .sr.d3 {
  transition-delay: 0.3s;
}

.family-circle-page .sr.d4 {
  transition-delay: 0.4s;
}

/* ============================================================================
   RESPONSIVE: 1024px
   ============================================================================ */
@media (max-width: 1024px) {
  .family-circle-page .fc-manifesto {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .family-circle-page .fc-retreats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .family-circle-page .fc-access-row {
    grid-template-columns: 1fr;
  }

  .family-circle-page .fc-tiers-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
  }

  .family-circle-page .fc-criteria-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
  }

  .family-circle-page .fc-milestone-timeline {
    grid-template-columns: repeat(3, 1fr);
  }

  .family-circle-page .fc-founder-section {
    grid-template-columns: 1fr;
  }

  .family-circle-page .fc-founder-photo {
    width: 100%;
    height: 400px;
  }

  .family-circle-page .fc-section,
  .family-circle-page .fc-manifesto,
  .family-circle-page .fc-access-section,
  .family-circle-page .fc-criteria-section,
  .family-circle-page .fc-milestones,
  .family-circle-page .fc-founder-section,
  .family-circle-page .fc-closing-quote,
  .family-circle-page .fc-qualify {
    padding: 7rem 2rem;
  }
}

/* ============================================================================
   RESPONSIVE: 768px
   ============================================================================ */
@media (max-width: 768px) {
  .family-circle-page .fc-section,
  .family-circle-page .fc-manifesto,
  .family-circle-page .fc-access-section,
  .family-circle-page .fc-criteria-section,
  .family-circle-page .fc-milestones,
  .family-circle-page .fc-founder-section,
  .family-circle-page .fc-closing-quote,
  .family-circle-page .fc-qualify-section {
    padding: 5rem 1.25rem;
  }

  .family-circle-page .fc-retreats-grid {
    grid-template-columns: 1fr;
  }

  .family-circle-page .fc-milestone-timeline {
    grid-template-columns: 1fr;
  }

  .family-circle-page .fc-milestone-timeline::before {
    display: none;
  }

  .family-circle-page .fc-form-row {
    flex-direction: column;
  }

  .family-circle-page .fc-divider {
    margin: 0 1.25rem;
  }

  .family-circle-page .fc-members-section .fc-section-label,
  .family-circle-page .fc-members-section .fc-section-title,
  .family-circle-page .fc-members-section .fc-section-desc {
    padding-left: 1.25rem;
  }

  .family-circle-page .fc-member-track {
    padding: 0 1.25rem;
  }
}


/* ===== SESSION C: Hero scroll link responsive stacking ===== */
.family-circle-page .fc-hero-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.family-circle-page .fc-hero-scroll .fc-hero-scroll-line {
  width: 2px;
  height: 40px;
  background: #B22222;
  display: block;
}
.family-circle-page .fc-hero-scroll .fc-hero-scroll-text {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
}

/* ===== SESSION C: Member slider marquee ===== */
.family-circle-page .fc-members-section {
  overflow: hidden;
}
.family-circle-page 


/* ===== SESSION C: Red hover states (#B22222) ===== */
/* Retreat cards */
.family-circle-page .fc-retreat-card:hover {
  border-color: #B22222;
  transform: translateY(-4px);
  transition: border-color 0.3s, transform 0.3s;
}

/* Access cards */
.family-circle-page .fc-access-card:hover {
  border-color: #B22222;
  transform: translateY(-4px);
  transition: border-color 0.3s, transform 0.3s;
}

/* Access card links */
.family-circle-page .fc-access-link:hover {
  color: #B22222;
  transition: color 0.3s;
}

/* Member cards */
.family-circle-page .fc-member-card:hover {
  border-color: #B22222;
  transition: border-color 0.3s;
}

/* Criteria items */
.family-circle-page .fc-criteria-item:hover {
  border-left-color: #B22222;
  transition: border-left-color 0.3s;
}

/* Tier cards */
.family-circle-page .fc-tier-card:hover {
  border-color: #B22222;
  transform: translateY(-4px);
  transition: border-color 0.3s, transform 0.3s;
}

/* Tier CTA buttons */
.family-circle-page .fc-tier-cta:hover {
  background: #B22222;
  color: #fff;
  transition: background 0.3s, color 0.3s;
}

/* Form inputs focus */
.family-circle-page .fc-form input:focus,
.family-circle-page .fc-form select:focus,
.family-circle-page .fc-form textarea:focus {
  border-color: #B22222;
  outline: none;
  box-shadow: 0 0 0 2px rgba(178, 34, 34, 0.15);
  transition: border-color 0.3s, box-shadow 0.3s;
}

/* Form submit button */
.family-circle-page .fc-form-submit:hover {
  background: #8B1A1A;
  transition: background 0.3s;
}

/* Logo ticker items */


/* Milestone items */
.family-circle-page .fc-milestone:hover .fc-milestone-year {
  color: #B22222;
  transition: color 0.3s;
}

/* Hero scroll link */
.family-circle-page .fc-hero-scroll:hover .fc-hero-scroll-text {
  color: #B22222;
  transition: color 0.3s;
}


/* ═══════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════ */
/* FUND PAGE - PORTFOLIO CARDS (HORIZONTAL SLIDER)             */
/* ═══════════════════════════════════════════════════════════ */
.fund-portfolio-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 0 60px 8px;
}
.fund-portfolio-track::-webkit-scrollbar { display: none; }
.fund-portfolio-card {
  flex: 0 0 380px;
  scroll-snap-align: start;
  position: relative;
  height: 420px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  border: 1px solid transparent;
  transition: border-color 0.4s;
}
.fund-portfolio-card:hover {
  border-color: rgba(178,34,34,0.3);
}
.fund-portfolio-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgba(13,13,13,0.85) 100%);
  z-index: 1;
}
.fund-portfolio-img {
  position: absolute;
  inset: 0;
  background-color: #1C1C1E;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s cubic-bezier(0.16,1,0.3,1);
}
.fund-portfolio-card:hover .fund-portfolio-img { transform: scale(1.05); }
.fund-portfolio-content {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 28px;
  z-index: 2;
}
.fund-portfolio-type {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #B22222;
  margin-bottom: 8px;
}
.fund-portfolio-name {
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.25;
  margin-bottom: 6px;
}
.fund-portfolio-desc {
  font-size: 14px;
  font-weight: 300;
  color: rgba(255,255,255,0.55);
  line-height: 1.5;
}
.fund-portfolio-badge {
  position: absolute;
  top: 16px; right: 16px;
  z-index: 2;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.5);
  background: #2C2C2E;
  padding: 4px 10px;
}
.fund-portfolio-wrapper {
  overflow: hidden;
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .fund-portfolio-card { flex: 0 0 300px; height: 350px; }
  .fund-portfolio-track { padding: 0 20px 8px; }
}

/* ═══════════════════════════════════════════════════════════ */
/* FUND PAGE - EDGE-TO-EDGE SECTION OVERRIDES                  */
/* ═══════════════════════════════════════════════════════════ */
.page-id-12 #thesis {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 100px 60px;
}
.page-id-12 #story {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 80px 60px;
}
.page-id-12 #circle {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 80px 60px;
}
.page-id-12 #disclaimer {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 48px 60px;
}
.page-id-12 #sectors {
  padding-left: 60px;
  padding-right: 60px;
}

/* Tablet */
@media (max-width: 1024px) {
  .page-id-12 #thesis,
  .page-id-12 #story,
  .page-id-12 #circle,
  .page-id-12 #disclaimer,
  .page-id-12 #sectors {
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .page-id-12 #thesis,
  .page-id-12 #story,
  .page-id-12 #circle,
  .page-id-12 #disclaimer,
  .page-id-12 #sectors {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* FAQ accordion: remove narrow constraint */
.page-id-12 #faq .sectors-header {
  max-width: none;
}
.page-id-12 #faq > div {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* Fund page: align section headings to same left edge as content */
.page-id-12 .sectors-header {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Fund page: expand track-record-grid to match section width */
.page-id-12 .track-record-grid {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* Family Circle - Hide development placeholder text */
.family-circle-page .fc-hero-video-placeholder,
.family-circle-page .fc-retreat-img-placeholder,
.family-circle-page .fc-member-photo,
.family-circle-page .fc-milestone-gallery-item,
.family-circle-page .fc-founder-photo {
  font-size: 0;
  color: transparent;
}
/* ========================================
   FC SLIDER CARDS (CMS-managed sections)
   ======================================== */
.fc-slider-track-wrapper {
	width: 100%;
	position: relative;
	overflow: visible;
}

.fc-slider-track {
	display: flex;
	gap: 20px;
	padding: 20px 0;
	overflow-x: auto;
	cursor: grab;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.fc-slider-track::-webkit-scrollbar {
	display: none;
}



/* Card base */
.fc-card {
	display: block;
	width: 400px;
	height: 420px;
	min-width: 400px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.06);
	text-decoration: none;
	color: #fff;
	transition: border-color 0.3s ease, transform 0.3s ease;
}
.fc-card:hover {
	border-color: rgba(178,34,34,0.4);
	transform: translateY(-4px);
}

/* Card image */
.fc-card-img {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: #1C1C1E;
	background-size: cover;
	background-position: center;
	transition: transform 0.5s ease;
}
.fc-card:hover .fc-card-img {
	transform: scale(1.05);
}

/* Gradient overlay */
.fc-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: linear-gradient(to bottom, transparent 30%, rgba(13,13,13,0.85) 100%);
	z-index: 1;
	pointer-events: none;
}

/* Card content */
.fc-card-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 24px;
	z-index: 2;
}
.fc-card-eyebrow {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #B22222;
	margin: 0 0 8px 0;
}
.fc-card-title {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 22px;
	font-weight: 400;
	color: #FFFFFF;
	margin: 0 0 8px 0;
	line-height: 1.3;
}
.fc-card-desc {
	font-size: 14px;
	color: #E5E5E5;
	margin: 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Card badge */
.fc-card-badge {
	position: absolute;
	top: 16px;
	right: 16px;
	background: rgba(44,44,46,0.9);
	color: #E5E5E5;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 6px 12px;
	border-radius: 2px;
	z-index: 2;
}

/* Responsive */
@media (max-width: 768px) {
	.fc-card {
		width: 300px;
		height: 350px;
		min-width: 300px;
	}
	.fc-card-title {
		font-size: 18px;
	}
	.fc-card-content {
		padding: 16px;
	}
}


/* === Slider Drag/Swipe Interaction === */

.family-circle-page .fc-slider-track::-webkit-scrollbar {
  display: none;
}


.family-circle-page .fc-ticker-track {
	display: flex;
	gap: 64px;
	align-items: center;
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	cursor: grab;
}
.family-circle-page .fc-ticker-track::-webkit-scrollbar {
	display: none;
}
.family-circle-page .fc-ticker-track:active {
	cursor: grabbing;
}

.family-circle-page .fc-slider-track * {
	user-select: none;
	-webkit-user-select: none;
}
.family-circle-page .fc-slider-track a {
	-webkit-user-drag: none;
	user-drag: none;
}
.family-circle-page .fc-slider-track img {
	-webkit-user-drag: none;
	user-drag: none;
	pointer-events: none;
}
.family-circle-page .fc-card {
	-webkit-user-drag: none;
	user-drag: none;
}
.family-circle-page .fc-card-img {
	pointer-events: none;
}

/* v5-1775399743558 */

/* Manifesto body typography - match founder bio styling */
.family-circle-page .fc-manifesto-right p {
  font-size: 1rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.85;
  margin-bottom: 1.25rem;
}
.family-circle-page .fc-manifesto-right p:last-child {
  margin-bottom: 0;
}

/* ===== EVENT TEMPLATE STYLES (Session 5 - mockup-accurate) ===== */
main.site-main.event-single, main.event-single { max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important; overflow-x:hidden; }
main.event-single > * { max-width:none; }

.event-single { --evt-black:#0D0D0D; --evt-charcoal:#1C1C1E; --evt-dark:#2C2C2E; --evt-red:#B22222; --evt-red-glow:rgba(178,34,34,0.15); --evt-slate:#6B6B6B; --evt-muted:#888; --evt-body:#C8C8C8; --evt-white:#fff; --evt-display:Georgia,'Times New Roman',serif; --evt-content:720px; --evt-wide:1100px; --evt-max:1400px; --evt-gap:clamp(80px,10vw,160px); background:var(--evt-black); color:var(--evt-body); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; line-height:1.7; overflow-x:hidden; }
.event-single img { max-width:100%; height:auto; display:block; }
.event-single a { color:inherit; text-decoration:none; }

/* HERO */
.event-single .event-hero { position:relative; width:100%; min-height:100vh; display:flex; align-items:flex-end; overflow:hidden; }
.event-single .event-hero__media { position:absolute; inset:0; z-index:0; }
.event-single .event-hero__media img { width:100%; height:100%; object-fit:cover; }
.event-single .event-hero__placeholder { position:absolute; inset:0; z-index:0; background:linear-gradient(135deg,#1C1C1E 0%,#0D0D0D 100%); }
.event-single .event-hero__overlay { position:absolute; inset:0; background:linear-gradient(0deg, rgba(13,13,13,1) 0%, rgba(13,13,13,0.85) 25%, rgba(13,13,13,0.3) 60%, rgba(13,13,13,0.5) 100%); z-index:1; }
.event-single .event-hero__content { position:relative; z-index:2; width:100%; max-width:var(--evt-max); margin:0 auto; padding:0 clamp(24px,5vw,80px) clamp(60px,8vw,120px); }
.event-single .event-hero__eyebrow { display:inline-flex; align-items:center; gap:12px; font-size:11px; letter-spacing:0.25em; text-transform:uppercase; color:var(--evt-red); margin-bottom:24px; font-weight:600; }
.event-single .event-hero__eyebrow::before { content:''; width:40px; height:1px; background:var(--evt-red); }
.event-single .event-hero__title { font-family:var(--evt-display); font-size:clamp(40px,7vw,88px); line-height:1.05; color:var(--evt-white); font-weight:400; margin-bottom:24px; max-width:900px; }
.event-single .event-hero__subtitle { font-family:var(--evt-display); font-size:clamp(16px,2vw,22px); line-height:1.5; color:var(--evt-body); max-width:640px; margin-bottom:40px; font-style:italic; }
.event-single .event-hero__actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }

/* BUTTON */
.event-single .event-btn-primary { display:inline-flex; align-items:center; gap:10px; padding:16px 36px; background:var(--evt-red); color:var(--evt-white); font-family:inherit; font-size:12px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; border:none; cursor:pointer; transition:all 0.3s ease; text-decoration:none; }
.event-single .event-btn-primary:hover { background:#9B1C1C; transform:translateY(-1px); box-shadow:0 8px 30px var(--evt-red-glow); color:var(--evt-white); }

/* DETAILS BAR */
.event-single .event-details-bar { background:var(--evt-charcoal); border-top:1px solid rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); }
.event-single .event-details-bar__inner { max-width:var(--evt-max); margin:0 auto; padding:0 clamp(24px,5vw,80px); display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.event-single .event-detail { padding:28px 24px; border-right:1px solid rgba(255,255,255,0.06); }
.event-single .event-detail:last-child { border-right:none; }
.event-single .event-detail__label { font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--evt-muted); margin-bottom:6px; }
.event-single .event-detail__value { font-family:var(--evt-display); font-size:15px; color:var(--evt-white); line-height:1.4; }
.event-single .event-detail__badge { display:inline-block; padding:4px 12px; background:var(--evt-red); color:var(--evt-white); font-size:10px; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; }

/* SECTIONS */
.event-single .event-section { padding:var(--evt-gap) clamp(24px,5vw,80px); max-width:var(--evt-max); margin:0 auto; }
.event-single .event-section--full { max-width:100%; padding-left:0; padding-right:0; }
.event-single .event-section__inner { max-width:var(--evt-max); margin:0 auto; padding:0 clamp(24px,5vw,80px); }
.event-single .event-section h2 { font-family:var(--evt-display); font-size:clamp(28px,4vw,44px); color:var(--evt-white); font-weight:400; line-height:1.2; margin-bottom:20px; }
.event-single .event-section h3 { font-family:var(--evt-display); font-size:22px; color:var(--evt-white); font-weight:400; margin-bottom:12px; }

/* NARRATIVE */
.event-single .event-narrative { max-width:var(--evt-content); margin:0 auto; padding:var(--evt-gap) clamp(24px,5vw,40px); }
.event-single .event-narrative p { font-size:18px; line-height:1.85; color:var(--evt-body); margin-bottom:28px; }
.event-single .event-narrative p:first-of-type::first-letter { font-family:var(--evt-display); font-size:72px; float:left; line-height:0.8; margin-right:12px; margin-top:8px; color:var(--evt-white); }

/* VENUES */
.event-single .event-venues-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-top:48px; }
.event-single .event-venue-card { position:relative; overflow:hidden; cursor:pointer; aspect-ratio:4/3; background:linear-gradient(135deg,#2C2C2E 0%,#1C1C1E 100%); }
.event-single .event-venue-card--featured { grid-column:span 2; grid-row:span 2; aspect-ratio:auto; min-height:480px; }
.event-single .event-venue-card img { width:100%; height:100%; object-fit:cover; transition:transform 0.6s ease; }
.event-single .event-venue-card:hover img { transform:scale(1.04); }
.event-single .event-venue-card__overlay { position:absolute; inset:0; background:linear-gradient(0deg, rgba(13,13,13,0.85) 0%, rgba(13,13,13,0) 50%); display:flex; flex-direction:column; justify-content:flex-end; padding:28px; }
.event-single .event-venue-card__name { font-family:var(--evt-display); font-size:20px; color:var(--evt-white); margin-bottom:4px; }
.event-single .event-venue-card__desc { font-size:13px; color:var(--evt-body); line-height:1.5; }
.event-single .event-venue-card--featured .event-venue-card__name { font-size:28px; }

/* SCHEDULE */
.event-single .event-schedule { max-width:var(--evt-content); margin:0 auto; }
.event-single .event-schedule__day { margin-bottom:48px; }
.event-single .event-schedule__day-label { font-size:11px; letter-spacing:0.25em; text-transform:uppercase; color:var(--evt-red); margin-bottom:24px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.06); font-weight:600; }
.event-single .event-schedule__item { display:grid; grid-template-columns:120px 1fr; gap:24px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,0.04); }
.event-single .event-schedule__time { font-family:var(--evt-display); font-size:14px; color:var(--evt-muted); padding-top:2px; }
.event-single .event-schedule__title { font-family:var(--evt-display); font-size:18px; color:var(--evt-white); margin-bottom:4px; line-height:1.3; }
.event-single .event-schedule__desc { font-size:14px; color:var(--evt-body); line-height:1.6; }

/* SPEAKERS */
.event-single .event-speakers-container { position:relative; margin-top:48px; }
.event-single .event-speakers-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:2px; }
.event-single .event-speaker-card { position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--evt-charcoal); cursor:pointer; }
.event-single .event-speaker-card img, .event-single .event-speaker-card__image { width:100%; height:100%; object-fit:cover; filter:grayscale(30%); transition:all 0.5s ease; }
.event-single .event-speaker-card__placeholder { position:absolute; inset:0; background:linear-gradient(135deg,#2C2C2E 0%,#1C1C1E 100%); }
.event-single .event-speaker-card:hover img { filter:grayscale(0%); transform:scale(1.03); }
.event-single .event-speaker-card__overlay { position:absolute; inset:0; background:linear-gradient(0deg, rgba(13,13,13,0.9) 0%, rgba(13,13,13,0) 50%); display:flex; flex-direction:column; justify-content:flex-end; padding:24px; transition:background 0.3s ease; z-index:2; }
.event-single .event-speaker-card:hover .event-speaker-card__overlay { background:linear-gradient(0deg, rgba(13,13,13,0.95) 0%, rgba(13,13,13,0.15) 60%); }
.event-single .event-speaker-card__name { font-family:var(--evt-display); font-size:20px; color:var(--evt-white); line-height:1.3; margin-bottom:4px; }
.event-single .event-speaker-card__role { font-size:12px; color:var(--evt-muted); letter-spacing:0.05em; line-height:1.4; }
.event-single .event-speaker-card__bio { font-size:13px; color:var(--evt-body); line-height:1.6; margin-top:12px; max-height:0; overflow:hidden; opacity:0; transition:all 0.4s ease; }
.event-single .event-speaker-card:hover .event-speaker-card__bio { max-height:120px; opacity:1; }

/* METRICS */
.event-single .event-metrics { background:var(--evt-charcoal); border-top:1px solid rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); }
.event-single .event-metrics__inner { max-width:var(--evt-max); margin:0 auto; padding:clamp(60px,8vw,100px) clamp(24px,5vw,80px); }
.event-single .event-metrics__header { text-align:center; margin-bottom:60px; }
.event-single .event-metrics__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:40px; }
.event-single .event-metric { text-align:center; padding:20px; }
.event-single .event-metric__number { font-family:var(--evt-display); font-size:clamp(40px,5vw,64px); color:var(--evt-white); line-height:1; margin-bottom:8px; }
.event-single .event-metric__divider { width:30px; height:1px; background:var(--evt-red); margin:12px auto; opacity:0.5; }
.event-single .event-metric__label { font-size:12px; letter-spacing:0.2em; text-transform:uppercase; color:var(--evt-muted); }

/* GALLERY (future-proof) */
.event-single .event-gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(2,280px); gap:4px; margin-top:48px; }
.event-single .event-gallery__item { overflow:hidden; position:relative; cursor:pointer; }
.event-single .event-gallery__item--featured { grid-column:span 2; grid-row:span 2; }
.event-single .event-gallery__item img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.event-single .event-gallery__item:hover img { transform:scale(1.05); }

/* SPONSORS */
.event-single .event-sponsors__tier { margin-bottom:60px; }
.event-single .event-sponsors__tier:last-child { margin-bottom:0; }
.event-single .event-sponsors__tier-label { font-size:11px; letter-spacing:0.25em; text-transform:uppercase; color:var(--evt-red); margin-bottom:28px; font-weight:600; text-align:center; }
.event-single .event-sponsors__logo-grid { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:48px; }
.event-single .event-sponsor-logo { font-family:var(--evt-display); font-size:18px; color:var(--evt-body); padding:20px 28px; border:1px solid rgba(255,255,255,0.08); }

/* CTA */
.event-single .event-cta { text-align:center; padding:var(--evt-gap) clamp(24px,5vw,80px); max-width:var(--evt-max); margin:0 auto; position:relative; }
.event-single .event-cta::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:60px; background:linear-gradient(180deg,transparent,var(--evt-red)); }
.event-single .event-cta__heading { font-family:var(--evt-display); font-size:clamp(32px,5vw,52px); color:var(--evt-white); font-weight:400; line-height:1.2; margin-bottom:16px; margin-top:40px; }
.event-single .event-cta__disclaimer { font-size:13px; color:var(--evt-muted); margin-top:24px; max-width:520px; margin-left:auto; margin-right:auto; line-height:1.6; }

/* FORM */
.event-single .event-inquiry-form { max-width:480px; margin:0 auto; padding-top:20px; }
.event-single .event-form__row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.event-single .event-form__field { width:100%; padding:14px 18px; background:var(--evt-charcoal); border:1px solid rgba(255,255,255,0.1); color:var(--evt-white); font-family:inherit; font-size:14px; transition:border-color 0.3s ease; outline:none; }
.event-single .event-form__field::placeholder { color:var(--evt-slate); }
.event-single .event-form__field:focus { border-color:var(--evt-red); }
.event-single .event-form__field--full { grid-column:span 2; }
.event-single .event-form__submit { width:100%; margin-top:4px; }

/* REVEAL */
.event-single .reveal { opacity:0; transform:translateY(30px); transition:opacity 0.8s ease, transform 0.8s ease; }
.event-single .reveal.is-visible, .event-single .reveal.visible { opacity:1; transform:translateY(0); }

/* RESPONSIVE */
@media (max-width:768px) {
  .event-single .event-hero__title { font-size:clamp(32px,9vw,52px); }
  .event-single .event-details-bar__inner { grid-template-columns:1fr 1fr; }
  .event-single .event-detail { border-right:none; border-bottom:1px solid rgba(255,255,255,0.06); }
  .event-single .event-venues-grid { grid-template-columns:1fr; }
  .event-single .event-venue-card--featured { grid-column:span 1; grid-row:span 1; min-height:auto; aspect-ratio:4/3; }
  .event-single .event-speakers-grid { grid-template-columns:repeat(2,1fr); }
  .event-single .event-gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .event-single .event-gallery__item--featured { grid-column:span 2; }
  .event-single .event-schedule__item { grid-template-columns:1fr; gap:8px; }
  .event-single .event-form__row { grid-template-columns:1fr; }
  .event-single .event-form__field--full { grid-column:span 1; }
  .event-single .event-metrics__grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
  .event-single .event-details-bar__inner { grid-template-columns:1fr; }
  .event-single .event-speakers-grid { grid-template-columns:1fr 1fr; }
  .event-single .event-gallery-grid { grid-template-columns:1fr; }
  .event-single .event-gallery__item--featured { grid-column:span 1; }
  .event-single .event-metrics__grid { grid-template-columns:1fr; gap:20px; }
}
/* ===== END EVENT TEMPLATE STYLES (Session 5) ===== */


/* ===== EVENT TEMPLATE STYLES (Session 7b - mockup parity v2) ===== */
main.site-main.event-single .event-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:transparent;border:1px solid rgba(255,255,255,0.25);color:#fff;font-family:Calibri,sans-serif;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;text-decoration:none;margin-top:16px}
main.site-main.event-single .event-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,0.05)}

main.site-main.event-single .event-program-banner{background:#1C1C1E;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);padding:clamp(48px,6vw,80px) clamp(24px,5vw,80px);margin:clamp(80px,10vw,140px) 0}
main.site-main.event-single .event-program-banner__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
main.site-main.event-single .event-program-banner__label{font-size:10px;letter-spacing:0.25em;text-transform:uppercase;color:#B22222;font-weight:600;margin-bottom:12px}
main.site-main.event-single .event-program-banner__heading{font-family:Georgia,serif;font-size:clamp(22px,3vw,32px);color:#fff;font-weight:400;line-height:1.3;margin-bottom:16px}
main.site-main.event-single .event-program-banner__text{font-size:15px;line-height:1.8;color:#C8C8C8}
main.site-main.event-single .event-program-banner__link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:#B22222;font-weight:600;text-decoration:none;transition:gap 0.3s ease}
main.site-main.event-single .event-program-banner__link:hover{gap:14px}
main.site-main.event-single .event-program-banner__timeline{display:flex;flex-direction:column;gap:0}
main.site-main.event-single .event-timeline-step{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
main.site-main.event-single .event-timeline-step:last-child{border-bottom:none}
main.site-main.event-single .event-timeline-step__month{font-family:Georgia,serif;font-size:13px;color:#B22222;text-transform:uppercase;padding-top:2px}
main.site-main.event-single .event-timeline-step__label{font-family:Georgia,serif;font-size:16px;color:#fff;margin-bottom:4px}
main.site-main.event-single .event-timeline-step__desc{font-size:13px;color:#888;line-height:1.5}
main.site-main.event-single .event-timeline-step--active .event-timeline-step__month{font-weight:700}

main.site-main.event-single .event-pull-quote{max-width:1100px;margin:clamp(80px,10vw,140px) auto;padding:0 clamp(24px,5vw,80px);text-align:center;position:relative}
main.site-main.event-single .event-pull-quote::before{content:'\201C';font-family:Georgia,serif;font-size:120px;color:#B22222;opacity:0.4;position:absolute;top:-40px;left:50%;transform:translateX(-50%);line-height:1;pointer-events:none}
main.site-main.event-single .event-pull-quote__text{font-family:Georgia,serif;font-size:clamp(22px,3.5vw,36px);line-height:1.5;color:#fff;font-style:italic;font-weight:400;position:relative;z-index:1;border:0;padding:0;margin:0}
main.site-main.event-single .event-pull-quote__attr,.event-pull-quote__attribution{margin-top:20px;font-size:13px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:0.15em;text-transform:uppercase;color:#888}

main.site-main.event-single .event-image-break{width:100%;height:clamp(300px,40vw,500px);overflow:hidden;position:relative;margin:clamp(80px,10vw,140px) 0;background:#1C1C1E}
main.site-main.event-single .event-image-break img{width:100%;height:100%;object-fit:cover;display:block}
main.site-main.event-single .event-image-break__placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#1C1C1E 0%,#2C2C2E 50%,#0D0D0D 100%);display:flex;align-items:center;justify-content:center;color:#555;font-family:Georgia,serif;font-style:italic;font-size:14px;letter-spacing:0.1em}
main.site-main.event-single .event-image-break::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(0deg,#0D0D0D,transparent);pointer-events:none}

main.site-main.event-single .event-section__intro{font-size:16px;line-height:1.8;color:#C8C8C8;max-width:720px;margin:0 auto 40px;text-align:center}

main.site-main.event-single .event-schedule__day-subtheme{font-size:13px;color:#888;margin-bottom:24px;margin-top:-8px;font-style:italic}
main.site-main.event-single .event-schedule__venue-tag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;margin-right:12px;font-size:11px;letter-spacing:0.1em;color:#B22222;text-transform:uppercase;font-weight:600}
main.site-main.event-single .event-schedule__speaker-tag{display:inline-block;margin-top:8px;font-size:11px;letter-spacing:0.1em;color:#888;text-transform:uppercase}

main.site-main.event-single .event-signature{position:relative;overflow:hidden;padding:clamp(80px,10vw,140px) 0;margin:clamp(80px,10vw,140px) 0;background:#0D0D0D}
main.site-main.event-single .event-signature__bg{position:absolute;inset:0;z-index:0}
main.site-main.event-single .event-signature__bg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.3);display:block}
main.site-main.event-single .event-signature__bg-placeholder{position:absolute;inset:0;background:radial-gradient(ellipse at center,#2C2C2E 0%,#1C1C1E 40%,#0D0D0D 100%);filter:brightness(0.7)}
main.site-main.event-single .event-signature__content{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:0 clamp(24px,5vw,40px);text-align:center}
main.site-main.event-single .event-signature__label{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:#B22222;margin-bottom:20px;font-weight:600}
main.site-main.event-single .event-signature__heading{font-family:Georgia,serif;font-size:clamp(28px,4.5vw,48px);color:#fff;font-weight:400;line-height:1.2;margin-bottom:28px}
main.site-main.event-single .event-signature__text{font-size:17px;line-height:1.85;color:#C8C8C8;margin-bottom:20px}
main.site-main.event-single .event-signature__detail{display:inline-flex;align-items:center;gap:24px;margin-top:20px;font-size:12px;letter-spacing:0.15em;text-transform:uppercase;color:#888;flex-wrap:wrap;justify-content:center}
main.site-main.event-single .event-signature__detail span{display:inline-flex;align-items:center;gap:8px}

main.site-main.event-single .event-featured-video{max-width:1100px;margin:clamp(80px,10vw,140px) auto;padding:0 clamp(24px,5vw,80px)}
main.site-main.event-single .event-video-wrapper{position:relative;width:100%;padding-top:56.25%;background:#1C1C1E;border:1px solid rgba(255,255,255,0.06);overflow:hidden}
main.site-main.event-single .event-video-wrapper iframe,main.site-main.event-single .event-video-wrapper video{position:absolute;inset:0;width:100%;height:100%;border:0}
main.site-main.event-single .event-video-wrapper__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1C1C1E;cursor:pointer;transition:opacity 0.3s ease}
main.site-main.event-single .event-video-wrapper__placeholder:hover{opacity:0.9}
main.site-main.event-single .event-play-btn{width:80px;height:80px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;background:transparent}
main.site-main.event-single .event-play-btn:hover{border-color:#B22222;background:rgba(178,34,34,0.15);transform:scale(1.05)}
main.site-main.event-single .event-play-btn svg{margin-left:4px}
main.site-main.event-single .event-video-caption{margin-top:16px;font-size:13px;color:#888;font-style:italic;text-align:center}

main.site-main.event-single .event-sponsors__cta{text-align:center;margin-top:48px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.06)}
main.site-main.event-single .event-sponsors__cta-text{font-family:Georgia,serif;font-size:18px;color:#C8C8C8;margin-bottom:20px;font-style:italic}

main.site-main.event-single .event-cta__subtext{font-size:16px;color:#C8C8C8;max-width:520px;margin:0 auto 36px;line-height:1.7;text-align:center}

main.site-main.event-single .event-related{max-width:1400px;margin:clamp(80px,10vw,140px) auto;padding:0 clamp(24px,5vw,80px)}
main.site-main.event-single .event-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:48px}
main.site-main.event-single .event-related-card{background:#1C1C1E;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer;text-decoration:none;display:block;color:inherit}
main.site-main.event-single .event-related-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,0.4)}
main.site-main.event-single .event-related-card__image{width:100%;height:200px;object-fit:cover;display:block}
main.site-main.event-single .event-related-card__image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#2C2C2E,#0D0D0D)}
main.site-main.event-single .event-related-card__body{padding:28px}
main.site-main.event-single .event-related-card__date{font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:#B22222;margin-bottom:10px}
main.site-main.event-single .event-related-card__title{font-family:Georgia,serif;font-size:20px;color:#fff;line-height:1.3;margin-bottom:10px}
main.site-main.event-single .event-related-card__location{font-size:13px;color:#888}

@media (max-width:768px){
main.site-main.event-single .event-program-banner__inner{grid-template-columns:1fr;gap:40px}
main.site-main.event-single .event-related__grid{grid-template-columns:1fr}
main.site-main.event-single .event-pull-quote::before{font-size:80px;top:-24px}
main.site-main.event-single .event-signature__detail{flex-direction:column;gap:12px}
}
/* ===== END EVENT TEMPLATE STYLES (Session 7) ===== */

/* s7-save-1775522765599 */
/* ===== S8b VENUES SECTION PARITY (eyebrow/heading/intro alias) ===== */
main.site-main.event-single .section-eyebrow{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:#B22222;margin:0 0 16px;font-weight:600;text-align:left}
main.site-main.event-single .section-heading{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4vw,44px);color:#fff;font-weight:400;line-height:1.2;margin:0 0 20px;text-align:left}
main.site-main.event-single .event-section__intro{text-align:left;margin:0 0 40px;max-width:720px}
/* ===== END S8b ===== */

/* ===== S8c RESPONSIVE SECTION WIDTH ===== */
main.site-main.event-single .event-section{max-width:1400px!important;margin:0 auto!important;padding:clamp(80px,10vw,160px) clamp(24px,5vw,80px)!important;width:auto!important;box-sizing:border-box}
main.site-main.event-single .event-section__inner{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}
main.site-main.event-single .event-section__intro{font-size:17px;line-height:1.8;max-width:720px;margin:0 0 40px;text-align:left}
main.site-main.event-single .event-schedule,main.site-main.event-single .event-venues-grid,main.site-main.event-single .event-speakers,main.site-main.event-single .event-narrative{max-width:1100px;margin-left:auto;margin-right:auto}
main.site-main.event-single .event-narrative{max-width:720px}
/* ===== END S8c ===== */

/* ===== S8d ALIGN + VIDEO ===== */
/* Left-align schedule/venues/speakers with section heading (no inner re-centering) */
main.site-main.event-single .event-schedule,
main.site-main.event-single .event-venues-grid,
main.site-main.event-single .event-speakers,
main.site-main.event-single .event-schedule__day,
main.site-main.event-single .event-day{max-width:none!important;margin-left:0!important;margin-right:0!important;width:100%}
/* Video: use aspect-ratio so placeholder/play btn center correctly */
main.site-main.event-single .event-video-wrapper{aspect-ratio:16/9!important;padding-top:0!important;height:auto!important;max-width:1100px;margin:0 auto;position:relative}
main.site-main.event-single .event-video-placeholder{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
main.site-main.event-single .event-play-btn{width:80px;height:80px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
main.site-main.event-single .event-video-caption{position:absolute;left:0;right:0;top:100%;margin-top:16px;text-align:center;font-size:13px;color:#888;font-style:italic}
/* ===== END S8d ===== */

/* ===== S8e SPEAKERS SLIDER — force horizontal drag/scroll slider ===== */
main.site-main.event-single .event-speakers-container{position:relative;margin-top:48px;max-width:none!important}
main.site-main.event-single .event-speakers-grid{display:flex!important;grid-template-columns:none!important;gap:2px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;padding-bottom:4px;scroll-behavior:smooth}
main.site-main.event-single .event-speakers-grid::-webkit-scrollbar{display:none}
main.site-main.event-single .event-speakers-grid:active{cursor:grabbing}
main.site-main.event-single .event-speaker-card{flex:0 0 clamp(200px,22vw,280px)!important;scroll-snap-align:start;aspect-ratio:3/4;position:relative;overflow:hidden;background:#1C1C1E;cursor:pointer}
main.site-main.event-single .event-speaker-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2C2C2E 0%,#1C1C1E 100%);filter:grayscale(30%);transition:all .5s ease}
main.site-main.event-single .event-speaker-card:hover .event-speaker-card__placeholder{filter:grayscale(0%);transform:scale(1.03)}
main.site-main.event-single .event-speaker-card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,13,13,.9) 0%,rgba(13,13,13,0) 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transition:background .3s ease}
main.site-main.event-single .event-speaker-card:hover .event-speaker-card__overlay{background:linear-gradient(0deg,rgba(13,13,13,.95) 0%,rgba(13,13,13,.15) 60%)}
main.site-main.event-single .event-speaker-card__name{font-family:Georgia,serif;font-size:20px;color:#fff;line-height:1.3;margin-bottom:4px}
main.site-main.event-single .event-speaker-card__role{font-size:12px;color:#888;letter-spacing:.05em;line-height:1.4}
main.site-main.event-single .event-speaker-card__bio{font-size:13px;color:#C8C8C8;line-height:1.6;margin-top:12px;max-height:0;overflow:hidden;opacity:0;transition:all .4s ease}
main.site-main.event-single .event-speaker-card:hover .event-speaker-card__bio{max-height:120px;opacity:1}
@media (max-width:720px){main.site-main.event-single .event-speaker-card{flex-basis:72vw!important}}
/* ===== END S8e ===== */

/* ===== S8f GALLERY — responsive auto-fit moments grid ===== */
main.site-main.event-single .event-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px;margin-top:48px}
main.site-main.event-single .event-gallery-grid[data-count="1"]{grid-template-columns:1fr}
main.site-main.event-single .event-gallery-grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}
main.site-main.event-single .event-gallery-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}
main.site-main.event-single .event-gallery-grid[data-count="4"]{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px}
main.site-main.event-single .event-gallery-grid[data-count="5"],
main.site-main.event-single .event-gallery-grid[data-count="6"]{grid-template-columns:repeat(4,1fr);grid-auto-rows:240px}
main.site-main.event-single .event-gallery-grid[data-count="5"] .event-gallery-item:first-child,
main.site-main.event-single .event-gallery-grid[data-count="6"] .event-gallery-item:first-child{grid-column:span 2;grid-row:span 2}
main.site-main.event-single .event-gallery-item{overflow:hidden;position:relative;cursor:pointer;background:#1C1C1E;aspect-ratio:1/1}
main.site-main.event-single .event-gallery-grid[data-count="4"] .event-gallery-item,
main.site-main.event-single .event-gallery-grid[data-count="5"] .event-gallery-item,
main.site-main.event-single .event-gallery-grid[data-count="6"] .event-gallery-item{aspect-ratio:auto}
main.site-main.event-single .event-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
main.site-main.event-single .event-gallery-item:hover img{transform:scale(1.05)}
main.site-main.event-single .event-gallery-item--placeholder{background:linear-gradient(135deg,#2C2C2E 0%,#1C1C1E 60%,#0D0D0D 100%)}
@media (max-width:720px){main.site-main.event-single .event-gallery-grid,main.site-main.event-single .event-gallery-grid[data-count]{grid-template-columns:1fr 1fr!important;grid-auto-rows:auto!important}main.site-main.event-single .event-gallery-grid[data-count] .event-gallery-item:first-child{grid-column:span 2!important;grid-row:auto!important}}
/* ===== END S8f ===== */

/* ===== S8g SPONSOR TIERS ===== */
main.site-main.event-single .event-sponsors__heading{text-align:center}
main.site-main.event-single .event-sponsors__tiers{margin-top:60px;display:flex;flex-direction:column;gap:60px}
main.site-main.event-single .event-sponsors__tier{text-align:center}
main.site-main.event-single .event-sponsors__tier-label{font-size:11px;letter-spacing:0.25em;text-transform:uppercase;color:#B22222;font-weight:600;margin-bottom:24px}
main.site-main.event-single .event-sponsors__logo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
main.site-main.event-single .event-sponsor-logo{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);padding:24px 32px;min-width:180px;min-height:80px;transition:border-color .3s ease}
main.site-main.event-single .event-sponsor-logo:hover{border-color:rgba(178,34,34,0.4)}
main.site-main.event-single .event-sponsor-logo img{max-width:100%;max-height:60px;object-fit:contain;filter:grayscale(100%) brightness(1.2);opacity:0.85;transition:all .3s ease}
main.site-main.event-single .event-sponsor-logo:hover img{filter:none;opacity:1}
main.site-main.event-single .event-sponsor-logo__name{font-family:Georgia,serif;font-size:14px;color:rgba(255,255,255,0.5);letter-spacing:0.05em;text-align:center}
main.site-main.event-single .event-sponsors__tier--presenting .event-sponsor-logo{padding:48px 64px;min-width:320px;min-height:140px}
main.site-main.event-single .event-sponsors__tier--presenting .event-sponsor-logo__name{font-size:28px;letter-spacing:0.1em;text-transform:uppercase}
main.site-main.event-single .event-sponsors__tier--presenting .event-sponsor-logo img{max-height:100px}
main.site-main.event-single .event-sponsors__tier--experience .event-sponsor-logo{min-width:200px;min-height:90px}
main.site-main.event-single .event-sponsors__tier--supporting .event-sponsor-logo{min-width:140px;min-height:60px;padding:16px 24px}
main.site-main.event-single .event-sponsors__tier--supporting .event-sponsor-logo__name{font-size:12px}
main.site-main.event-single .event-sponsors__tier--supporting .event-sponsor-logo img{max-height:40px}
@media (max-width:720px){main.site-main.event-single .event-sponsors__logo-grid{gap:16px}main.site-main.event-single .event-sponsor-logo{min-width:140px}main.site-main.event-single .event-sponsors__tier--presenting .event-sponsor-logo{min-width:80vw;padding:32px 24px}}
/* ===== END S8g ===== */

/* S8h widen narrative + inquiry form to match section rails */
main.site-main.event-single .event-narrative{max-width:1100px!important;width:auto!important;margin-left:auto!important;margin-right:auto!important;padding:clamp(80px,10vw,160px) clamp(24px,5vw,80px)!important;box-sizing:border-box}
main.site-main.event-single .event-cta{width:auto}
main.site-main.event-single .event-cta .event-section__inner,main.site-main.event-single .event-cta>.event-inquiry,main.site-main.event-single .event-cta{}
main.site-main.event-single .event-inquiry-form{max-width:1100px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
main.site-main.event-single .event-inquiry-form input,main.site-main.event-single .event-inquiry-form textarea,main.site-main.event-single .event-inquiry-form select{width:100%!important;box-sizing:border-box}
@media (min-width:721px){main.site-main.event-single .event-inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
main.site-main.event-single .event-inquiry-form>*{grid-column:1/-1}
main.site-main.event-single .event-inquiry-form>input[name*='first'],main.site-main.event-single .event-inquiry-form>input[name*='First'],main.site-main.event-single .event-inquiry-form>p:has(input[name*='first']){grid-column:1/2}
main.site-main.event-single .event-inquiry-form>input[name*='last'],main.site-main.event-single .event-inquiry-form>input[name*='Last'],main.site-main.event-single .event-inquiry-form>p:has(input[name*='last']){grid-column:2/3}}

/* S8i mobile sticky CTA brand colors (body-scoped; .event-mobile-cta lives outside .site-main) */
body.single-story .event-mobile-cta{background:rgba(13,13,13,0.95)!important;border-top:1px solid rgba(178,34,34,0.35)!important;backdrop-filter:blur(10px);padding:12px 16px!important}
body.single-story .event-mobile-cta .event-btn-primary,body.single-story .event-mobile-cta a{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;background:#B22222!important;color:#fff!important;text-decoration:none!important;padding:16px 24px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:15px!important;letter-spacing:0.08em!important;text-transform:uppercase!important;border:1px solid #B22222!important;border-radius:0!important;transition:background .3s ease,color .3s ease}
body.single-story .event-mobile-cta .event-btn-primary:hover,body.single-story .event-mobile-cta a:hover{background:#0D0D0D!important;color:#B22222!important}


/* HFF: Commission hero spacing 2026-04-07 */
main.site-main.fc-prog-page .hero__answer{max-width:750px;line-height:1.85;margin-bottom:52px;}
main.site-main.fc-prog-page .hero__question{margin-bottom:42px;}
main.site-main.fc-prog-page .hero{padding-bottom:100px;}
@media (max-width:768px){main.site-main.fc-prog-page .hero__answer{max-width:100%;line-height:1.8;margin-bottom:44px;padding:0 16px;}main.site-main.fc-prog-page .hero__question{margin-bottom:32px;}}

/* HFF: Hide scroll cue at problem breakpoints 2026-04-07 */
@media (max-width: 768px) {
  main.site-main.fc-prog-page .hero__scroll { display: none !important; }
}
@media (hover: none) and (pointer: coarse) {
  main.site-main.fc-prog-page .hero__scroll { display: none !important; }
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
  body.page-id-151 .fc-hero-scroll { display: none !important; }
}
/* HFF: end scroll cue fix */


/* ================================================================
   PMPro Checkout - Institute Dark Theme
   ================================================================ */
.inst-page .pmpro_card,
.inst-page .pmpro_card_content,
.inst-page #pmpro_form,
.inst-page .pmpro_form,
.inst-page .pmpro_checkout,
.inst-page #pmpro_level_cost,
.inst-page .pmpro_checkout_description {
    background: #1C1C1E !important;
    color: #C8C8C8 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: "Calibri", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}

.inst-page .pmpro_card_title,
.inst-page .pmpro_card h2,
.inst-page .pmpro_card h3,
.inst-page .pmpro_form h2,
.inst-page .pmpro_form h3,
.inst-page .pmpro_form_heading,
.inst-page .pmpro_checkout_description h3 {
    color: #FFFFFF !important;
    font-family: "Georgia", "Times New Roman", serif !important;
    font-weight: 400 !important;
}

.inst-page .pmpro_form label,
.inst-page .pmpro_checkout label,
.inst-page .pmpro_checkout p,
.inst-page .pmpro_card p,
.inst-page .pmpro_card_content p,
.inst-page .pmpro_level_cost_text,
.inst-page .pmpro_level_name_text {
    color: #C8C8C8 !important;
}

.inst-page .pmpro_form input[type="text"],
.inst-page .pmpro_form input[type="email"],
.inst-page .pmpro_form input[type="password"],
.inst-page .pmpro_form input[type="tel"],
.inst-page .pmpro_form select {
    background: #0D0D0D !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #FFFFFF !important;
    padding: 12px !important;
    font-family: "Calibri", -apple-system, sans-serif !important;
    border-radius: 0 !important;
}

.inst-page .pmpro_form input:focus {
    border-color: #B22222 !important;
    outline: none !important;
    box-shadow: none !important;
}

.inst-page .pmpro_btn,
.inst-page #pmpro_btn-submit,
.inst-page .pmpro_btn-submit-checkout,
.inst-page .pmpro_form input[type="submit"],
.inst-page .pmpro_form button[type="submit"] {
    background: #B22222 !important;
    color: #FFFFFF !important;
    font-family: "Calibri", -apple-system, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    padding: 14px 32px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
}

.inst-page .pmpro_btn:hover,
.inst-page #pmpro_btn-submit:hover,
.inst-page .pmpro_btn-submit-checkout:hover {
    background: #9B1C1C !important;
}

.inst-page .pmpro_message {
    background: #1C1C1E !important;
    color: #C8C8C8 !important;
    border: 1px solid rgba(178,34,34,0.3) !important;
}

.inst-page .pmpro_asterisk {
    color: #B22222 !important;
}

.inst-page .pmpro_form a,
.inst-page .pmpro_card a {
    color: #B22222 !important;
}

.inst-page .pmpro_price .pmpro_price-price,
.inst-page .pmpro_level_cost,
.inst-page #pmpro_level_cost {
    color: #FFFFFF !important;
}

/* Stripe Elements iframe container */
.inst-page .StripeElement,
.inst-page .pmpro_payment-card-entry,
.inst-page #pmpro_payment_information_fields .StripeElement {
    background: #0D0D0D !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    padding: 12px !important;
    border-radius: 0 !important;
}

/* PMPro section headers */
.inst-page .pmpro_section {
    background: #1C1C1E !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

.inst-page .pmpro_form_legend,
.inst-page .pmpro_form fieldset legend {
    color: #FFFFFF !important;
    font-family: "Georgia", "Times New Roman", serif !important;
}

/* ============================================
   SESSION 15: Checkout Page Final Visual Cleanup
   ============================================ */

/* === INSTITUTE: PMPro checkout form single-column fix (logged-out) === */
body.inst-body #pmpro_form .pmpro_checkout-fields,
body.inst-body #pmpro_form .pmpro_checkout-field,
body.inst-body #pmpro_form .pmpro_checkout-field-username,
body.inst-body #pmpro_form .pmpro_checkout-field-password,
body.inst-body #pmpro_form .pmpro_checkout-field-password_confirm,
body.inst-body #pmpro_form .pmpro_checkout-field-bemail,
body.inst-body #pmpro_form .pmpro_checkout-field-bconfirmemail {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
}
body.inst-body #pmpro_form .pmpro_cols-2 .pmpro_checkout-field,
body.inst-body #pmpro_form .pmpro_cols-2 > div {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    display: block !important;
}
body.inst-body #pmpro_form .pmpro_checkout-field input[type="text"],
body.inst-body #pmpro_form .pmpro_checkout-field input[type="password"],
body.inst-body #pmpro_form .pmpro_checkout-field input[type="email"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
body.inst-body #pmpro_form .pmpro_checkout-field .pmpro_show-password {
    position: relative !important;
    display: block !important;
    float: none !important;
    margin-top: 4px !important;
    background: transparent !important;
    color: #888 !important;
    border: none !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    padding: 4px 0 !important;
}
/* === END INSTITUTE: PMPro checkout form fix === */

/* Institute footer styling (for pages where institute.css does not load) */
body.inst-body .site-footer {
    border-top: 1px solid rgba(255,255,255,0.04);
    padding: 64px 24px 40px;
}
body.inst-body .site-footer__grid {
    max-width: 1280px;
    margin: 0 auto 48px;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 48px;
}
body.inst-body .site-footer__mark {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 14px;
}
body.inst-body .site-footer__tag {
    font-size: 13px;
    color: #888;
    line-height: 1.65;
    max-width: 300px;
}
body.inst-body .site-footer__col-title {
    font-size: 10px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #B22222;
    font-weight: 600;
    margin-bottom: 16px;
}
body.inst-body .site-footer__col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
body.inst-body .site-footer__col li {
    margin-bottom: 8px;
}
body.inst-body .site-footer__col a {
    font-size: 13px;
    color: #888;
    text-decoration: none;
    transition: color 0.2s;
}
body.inst-body .site-footer__col a:hover {
    color: #FFFFFF;
}
body.inst-body .site-footer__base {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.06);
    font-size: 11px;
    color: #6B6B6B;
    letter-spacing: 0.1em;
}
@media (max-width: 768px) {
    body.inst-body .site-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
}
@media (max-width: 480px) {
    body.inst-body .site-footer__grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   HEADER: LOGGED-IN ACCOUNT BUTTON + DROPDOWN
   Session 18 - April 2026 [Source: Cowork]
   Scope: Global (not scoped to .inst-page)
   ========================================================================== */

.hff-account {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 8px 7px 16px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.04);
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: 12px;
}
.hff-account:hover {
  border-color: rgba(255,255,255,0.3);
  background: rgba(255,255,255,0.07);
}
.hff-account__name {
  font-family: Calibri, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 600;
  white-space: nowrap;
}
.hff-account__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #B22222;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Calibri, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}
.hff-account__chevron {
  width: 10px;
  height: 10px;
  color: #6B6B6B;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.hff-account.open .hff-account__chevron {
  transform: rotate(180deg);
}
.hff-account-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 220px;
  background: #1C1C1E;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 12px 40px rgba(0,0,0,0.5);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: all 0.2s ease;
  z-index: 300;
}
.hff-account.open .hff-account-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.hff-account-dropdown__section {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.hff-account-dropdown__section:last-child {
  border-bottom: none;
}
.hff-account-dropdown__label {
  font-family: Calibri, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 9px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #6B6B6B;
  padding: 6px 20px 8px;
  font-weight: 600;
}
.hff-account-dropdown__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  font-family: Calibri, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #C8C8C8;
  transition: all 0.15s ease;
  cursor: pointer;
  text-decoration: none;
}
.hff-account-dropdown__item:hover {
  background: rgba(255,255,255,0.04);
  color: #FFFFFF;
}
.hff-account-dropdown__item svg {
  width: 15px;
  height: 15px;
  color: #6B6B6B;
  flex-shrink: 0;
}
.hff-account-dropdown__item:hover svg {
  color: #C8C8C8;
}
.hff-account-dropdown__item--signout {
  color: #888888;
}
.hff-account-dropdown__item--signout:hover {
  color: #B22222;
}
.hff-account-dropdown__item--signout:hover svg {
  color: #B22222;
}
.nav-mobile-signout {
  display: block;
  margin-top: 16px;
  font-family: Calibri, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #6B6B6B;
  text-align: center;
  transition: color 0.2s ease;
  text-decoration: none;
}
.nav-mobile-signout:hover {
  color: #B22222;
}
@media (max-width: 1100px) {
  .hff-account__name { display: none; }
  .hff-account { padding: 6px; gap: 6px; }
}

/* ============================================================
   PMPRO FORM OVERRIDES: HFF Design System
   Session 29 - April 2026
   Applies to: login, checkout, account, billing, cancel
   Scoped under body.inst-body (Institute pages only)
   ============================================================ */

/* --- INPUT FIELDS --- */
body.inst-body .pmpro_form input[type="text"],
body.inst-body .pmpro_form input[type="email"],
body.inst-body .pmpro_form input[type="password"],
body.inst-body .pmpro_form input[type="tel"],
body.inst-body .pmpro_form input[type="url"],
body.inst-body .pmpro_form input[type="number"],
body.inst-body .pmpro_form select,
body.inst-body .pmpro_form textarea,
body.inst-body #pmpro_form input[type="text"],
body.inst-body #pmpro_form input[type="email"],
body.inst-body #pmpro_form input[type="password"],
body.inst-body #pmpro_form input[type="tel"],
body.inst-body #pmpro_form select,
body.inst-body #pmpro_form textarea,
body.inst-body .pmpro_login_wrap input[type="text"],
body.inst-body .pmpro_login_wrap input[type="password"] {
    background: #2C2C2E !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #FFFFFF !important;
    font-family: Calibri, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    padding: 14px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
}
body.inst-body .pmpro_form input:focus,
body.inst-body #pmpro_form input:focus,
body.inst-body .pmpro_login_wrap input:focus,
body.inst-body .pmpro_form select:focus,
body.inst-body .pmpro_form textarea:focus {
    border-color: rgba(255,255,255,0.25) !important;
    outline: none !important;
}
body.inst-body .pmpro_form input::placeholder,
body.inst-body #pmpro_form input::placeholder {
    color: #6B6B6B !important;
}
/* --- LABELS AND FORM TEXT --- */
body.inst-body .pmpro_form label,
body.inst-body #pmpro_form label,
body.inst-body .pmpro_login_wrap label,
body.inst-body .pmpro_checkout-field label {
    color: #C8C8C8 !important;
    font-family: Calibri, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 0.04em !important;
    font-weight: 400 !important;
    margin-bottom: 6px !important;
    display: block !important;
}
body.inst-body .pmpro_form .pmpro_checkout-field-description,
body.inst-body .pmpro_form .lite,
body.inst-body .pmpro_form .pmpro_asterisk {
    color: #6B6B6B !important;
    font-size: 12px !important;
}
body.inst-body .pmpro_form h3,
body.inst-body #pmpro_form h3 {
    font-family: Georgia, 'Times New Roman', serif !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
    margin-top: 28px !important;
}

/* --- BUTTONS --- */
body.inst-body .pmpro_form .pmpro_btn,
body.inst-body #pmpro_form .pmpro_btn,
body.inst-body .pmpro_login_wrap .pmpro_btn,
body.inst-body .pmpro_form input[type="submit"],
body.inst-body #pmpro_form input[type="submit"],
body.inst-body .pmpro_login_wrap input[type="submit"],
body.inst-body .pmpro_form button[type="submit"],
body.inst-body .pmpro_login_wrap button[type="submit"] {
    background: #B22222 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-family: Calibri, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    padding: 16px 32px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    border-radius: 0 !important;
    -webkit-appearance: none !important;
}
body.inst-body .pmpro_form .pmpro_btn:hover,
body.inst-body #pmpro_form .pmpro_btn:hover,
body.inst-body .pmpro_login_wrap .pmpro_btn:hover,
body.inst-body .pmpro_form input[type="submit"]:hover,
body.inst-body #pmpro_form input[type="submit"]:hover,
body.inst-body .pmpro_login_wrap input[type="submit"]:hover {
    background: #9B1C1C !important;
}
body.inst-body .pmpro_form .pmpro_btn-cancel,
body.inst-body .pmpro_form a.pmpro_btn {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #C8C8C8 !important;
}
body.inst-body .pmpro_form .pmpro_btn-cancel:hover,
body.inst-body .pmpro_form a.pmpro_btn:hover {
    border-color: rgba(255,255,255,0.3) !important;
    color: #FFFFFF !important;
}

/* --- SHOW PASSWORD TOGGLE --- */
body.inst-body .pmpro_form .pmpro_show-password,
body.inst-body .pmpro_login_wrap .pmpro_show-password,
body.inst-body .wp-pwd button.wp-hide-pw,
body.inst-body button.wp-hide-pw {
    background: transparent !important;
    border: none !important;
    color: #6B6B6B !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 4px 0 !important;
    cursor: pointer !important;
    float: right !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
}
body.inst-body .pmpro_form .pmpro_show-password:hover,
body.inst-body .pmpro_login_wrap .pmpro_show-password:hover,
body.inst-body button.wp-hide-pw:hover {
    color: #FFFFFF !important;
}
body.inst-body .pmpro_show-password .dashicons,
body.inst-body button.wp-hide-pw .dashicons {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    color: inherit !important;
}

/* --- LINKS --- */
body.inst-body .pmpro_form a,
body.inst-body .pmpro_login_wrap a,
body.inst-body #pmpro_form a {
    color: #B22222 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    transition: color 0.2s ease !important;
}
body.inst-body .pmpro_form a:hover,
body.inst-body .pmpro_login_wrap a:hover,
body.inst-body #pmpro_form a:hover {
    color: #FFFFFF !important;
}

/* --- FORM CONTAINER AND LAYOUT --- */
body.inst-body .pmpro_login_wrap,
body.inst-body #pmpro_form,
body.inst-body .pmpro_form {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}
body.inst-body .pmpro_login_wrap {
    max-width: 480px !important;
    padding: 0 !important;
}
body.inst-body #pmpro_form {
    max-width: 100% !important;
}
body.inst-body .pmpro_checkout-field,
body.inst-body .pmpro_checkout-fields .pmpro_checkout-field {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
}
body.inst-body #pmpro_form .pmpro_cols-2 .pmpro_checkout-field {
    width: 100% !important;
    float: none !important;
}
body.inst-body .pmpro_form input[type="checkbox"],
body.inst-body .pmpro_login_wrap input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: #B22222 !important;
    margin-right: 8px !important;
}
body.inst-body .pmpro_login_wrap label[for="rememberme"],
body.inst-body .pmpro_form .pmpro_checkout-field-checkbox label {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    color: #888888 !important;
    cursor: pointer !important;
}

/* --- ERROR AND SUCCESS MESSAGES --- */
body.inst-body .pmpro_message,
body.inst-body .pmpro_error,
body.inst-body .pmpro_alert {
    background: rgba(178,34,34,0.08) !important;
    border: 1px solid rgba(178,34,34,0.25) !important;
    color: #C8C8C8 !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
    border-radius: 0 !important;
}
body.inst-body .pmpro_success {
    background: rgba(90,143,191,0.08) !important;
    border: 1px solid rgba(90,143,191,0.25) !important;
}

/* --- STRIPE CARD ELEMENT --- */
body.inst-body .pmpro_form .StripeElement,
body.inst-body #pmpro_form .StripeElement {
    background: #2C2C2E !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    padding: 14px 16px !important;
    transition: border-color 0.2s ease !important;
    border-radius: 0 !important;
}
body.inst-body .pmpro_form .StripeElement--focus,
body.inst-body #pmpro_form .StripeElement--focus {
    border-color: rgba(255,255,255,0.25) !important;
}

/* --- SELECT DROPDOWN --- */
body.inst-body .pmpro_form select,
body.inst-body #pmpro_form select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    padding-right: 40px !important;
}

/* --- RESPONSIVE --- */
@media (min-width: 768px) {
    body.inst-body .pmpro_login_wrap {
        max-width: 480px !important;
    }
}
@media (max-width: 600px) {
    body.inst-body .pmpro_form input[type="text"],
    body.inst-body .pmpro_form input[type="email"],
    body.inst-body .pmpro_form input[type="password"],
    body.inst-body .pmpro_login_wrap input[type="text"],
    body.inst-body .pmpro_login_wrap input[type="password"] {
        font-size: 16px !important;
        padding: 12px 14px !important;
    }
    body.inst-body .pmpro_form .pmpro_btn,
    body.inst-body .pmpro_form input[type="submit"],
    body.inst-body .pmpro_login_wrap input[type="submit"] {
        padding: 14px 24px !important;
    }
}


/* ===== PARTNER PROGRAM PAGE (Session 32) ===== */

/* ==========================================================================
   PARTNER PROGRAM | The Institute | Harris Family Fund
   v3 - Nav/footer matched to live site, responsive symmetry audit, infographics
   Scoped under .inst-page
   WordPress conversion: page-institute-partners.php
   ========================================================================== */

/* ==========================================================================
   SHARED COMPONENTS
   ========================================================================== */
.inst-page .section-eyebrow { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--red); margin-bottom: 14px; font-weight: 600; }
.inst-page .section-heading { font-family: var(--font-display); font-size: clamp(28px, 3.8vw, 44px); color: var(--white); font-weight: 400; line-height: 1.15; margin-bottom: 18px; letter-spacing: -0.01em; }
.inst-page .section-intro { max-width: 620px; font-size: 16px; line-height: 1.75; color: var(--body-text); }
.inst-page .btn-primary { display: inline-flex; align-items: center; gap: 10px; padding: 15px 36px; background: var(--red); color: var(--white); font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; border: none; cursor: pointer; transition: all 0.3s ease; }
.inst-page .btn-primary:hover { background: #9B1C1C; transform: translateY(-1px); box-shadow: 0 8px 24px var(--red-glow); }
.inst-page .btn-ghost { display: inline-flex; align-items: center; gap: 10px; padding: 14px 32px; background: transparent; color: var(--white); font-family: var(--font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; border: 1px solid rgba(255,255,255,0.2); cursor: pointer; transition: all 0.3s ease; }
.inst-page .btn-ghost:hover { border-color: var(--white); background: rgba(255,255,255,0.04); }
.inst-page .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
.inst-page .reveal.visible { opacity: 1; transform: translateY(0); }

/* ==========================================================================
   HERO — 100vh frame, content centered, stats anchored at bottom in flow
   ========================================================================== */
.inst-page .partner-hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 60px var(--pad) 40px; overflow: hidden; }
.inst-page .partner-hero__bg { position: absolute; inset: 0; background: linear-gradient(165deg, #0D0D0D 0%, #1a0808 30%, #0D0D0D 60%, #0a0a12 100%); }
.inst-page .partner-hero__bg::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 40%, rgba(178,34,34,0.06) 0%, transparent 60%); }
.inst-page .partner-hero__bg::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to top, var(--black), transparent); }
.inst-page .partner-hero__grid { position: absolute; inset: 0; opacity: 0.02; background-image: linear-gradient(rgba(255,255,255,0.5) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.5) 1px, transparent 1px); background-size: 60px 60px; }
.inst-page .partner-hero__content { position: relative; z-index: 1; max-width: var(--max); width: 100%; display: flex; flex-direction: column; align-items: center; min-height: calc(100vh - 100px); }
.inst-page .partner-hero__main { display: flex; flex-direction: column; align-items: center; flex: 1; justify-content: center; max-width: 900px; }
.inst-page .partner-hero__flag { display: inline-flex; align-items: center; gap: 10px; padding: 8px 20px; background: rgba(178,34,34,0.08); border: 1px solid rgba(178,34,34,0.2); font-size: 10px; letter-spacing: 0.35em; text-transform: uppercase; color: var(--red); font-weight: 600; margin-bottom: 28px; }
.inst-page .partner-hero__flag::before { content: ''; width: 6px; height: 6px; background: var(--red); border-radius: 50%; animation: pulse-dot 2s ease infinite; }
@keyframes pulse-dot { 0%,100% { opacity:1; } 50% { opacity:0.35; } }
.inst-page .partner-hero__title { font-family: var(--font-display); font-size: clamp(40px, 7vw, 84px); color: var(--white); font-weight: 400; line-height: 1.05; margin-bottom: 28px; letter-spacing: -0.02em; }
.inst-page .partner-hero__title em { font-style: italic; color: var(--red); }
.inst-page .partner-hero__lede { font-size: clamp(16px, 1.8vw, 20px); color: var(--body-text); line-height: 1.7; max-width: 720px; margin: 0 auto 40px; }
.inst-page .partner-hero__actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.inst-page .partner-hero__stats { display: flex; gap: clamp(32px, 6vw, 80px); justify-content: center; margin-top: auto; padding-top: 0; width: 100%; max-width: var(--max); }
.inst-page .partner-hero__stat { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.inst-page .partner-hero__stat-num { font-family: var(--font-display); font-size: clamp(16px, 2vw, 22px); color: var(--white); letter-spacing: 0; }
.inst-page .partner-hero__stat-label { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--slate); font-weight: 600; }

/* ==========================================================================
   VALUE STRIP
   ========================================================================== */
.inst-page .value-strip { padding: var(--gap) var(--pad); border-top: 1px solid rgba(255,255,255,0.04); }
.inst-page .value-strip__inner { max-width: var(--max); margin: 0 auto; }
.inst-page .value-strip__head { max-width: 700px; margin-bottom: var(--gap-sm); }
.inst-page .value-strip__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.inst-page .value-card { background: var(--charcoal); padding: 40px 28px; display: flex; flex-direction: column; gap: 14px; transition: background 0.3s ease; position: relative; overflow: hidden; }
.inst-page .value-card:hover { background: var(--dark-grey); }
.inst-page .value-card__icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(178,34,34,0.3); color: var(--red); }
.inst-page .value-card__icon svg { width: 18px; height: 18px; }
.inst-page .value-card__title { font-family: var(--font-display); font-size: 20px; color: var(--white); font-weight: 400; line-height: 1.25; }
.inst-page .value-card__text { font-size: 14px; color: var(--body-text); line-height: 1.75; }
.inst-page .value-card__accent { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--red); opacity: 0; transition: opacity 0.3s ease; }
.inst-page .value-card:hover .value-card__accent { opacity: 1; }

/* ==========================================================================
   FLYWHEEL INFOGRAPHIC
   ========================================================================== */
.inst-page .flywheel { padding: var(--gap) var(--pad); background: var(--elevated); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); }
.inst-page .flywheel__inner { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.inst-page .flywheel__copy { max-width: 480px; }
.inst-page .flywheel__copy p { font-size: 14px; color: var(--body-text); line-height: 1.75; margin-top: 20px; }
.inst-page .flywheel__svg-wrap { display: flex; align-items: center; justify-content: center; }
.inst-page .flywheel__svg-wrap svg { width: 100%; max-width: 460px; height: auto; }
@keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes fade-node { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.inst-page .flywheel-ring { animation: spin-slow 30s linear infinite; transform-origin: 230px 230px; }
.inst-page .flywheel-node { opacity: 0; animation: fade-node 0.5s ease forwards; }
.inst-page .flywheel-node:nth-child(1) { animation-delay: 0.2s; }
.inst-page .flywheel-node:nth-child(2) { animation-delay: 0.4s; }
.inst-page .flywheel-node:nth-child(3) { animation-delay: 0.6s; }
.inst-page .flywheel-node:nth-child(4) { animation-delay: 0.8s; }
.inst-page .flywheel-node:nth-child(5) { animation-delay: 1.0s; }
.inst-page .flywheel-node:nth-child(6) { animation-delay: 1.2s; }

/* ==========================================================================
   PARTNER TYPES
   ========================================================================== */
.inst-page .partner-types { padding: var(--gap) var(--pad); }
.inst-page .partner-types__inner { max-width: var(--max); margin: 0 auto; }
.inst-page .partner-types__head { max-width: 700px; margin-bottom: var(--gap-sm); }
.inst-page .partner-types__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px; }
.inst-page .ptype-card { background: var(--charcoal); padding: 44px 32px; display: flex; flex-direction: column; gap: 14px; transition: background 0.3s ease; }
.inst-page .ptype-card:hover { background: var(--dark-grey); }
.inst-page .ptype-card__num { font-family: var(--font-display); font-size: 13px; color: var(--red); font-style: italic; }
.inst-page .ptype-card__title { font-family: var(--font-display); font-size: clamp(20px, 2.2vw, 26px); color: var(--white); font-weight: 400; line-height: 1.2; }
.inst-page .ptype-card__desc { font-size: 14px; color: var(--body-text); line-height: 1.75; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.06); }
.inst-page .ptype-card__examples { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); line-height: 1.9; }
.inst-page .ptype-card__examples strong { color: var(--slate); font-weight: 600; display: block; margin-bottom: 2px; letter-spacing: 0.2em; font-size: 9px; }
.inst-page .ptype-card__ct
.inst-page .ptype-card:hover .ptype-card__ct

/* ==========================================================================
   STRATEGIES
   ========================================================================== */
.inst-page .strategies { padding: var(--gap) var(--pad); background: var(--elevated); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); }
.inst-page .strategies__inner { max-width: var(--max); margin: 0 auto; }
.inst-page .strategies__head { max-width: 700px; margin-bottom: var(--gap-sm); }
.inst-page .strategies__list { border-top: 1px solid rgba(255,255,255,0.08); }
.inst-page .strategy-row { display: grid; grid-template-columns: 48px 1fr 260px; gap: clamp(16px, 3vw, 32px); padding: 28px 0; border-bottom: 1px solid rgba(255,255,255,0.08); align-items: start; transition: padding 0.3s ease; }
.inst-page .strategy-row:hover { padding-left: 8px; border-bottom-color: rgba(178,34,34,0.3); }
.inst-page .strategy-row__num { font-family: var(--font-display); font-size: 14px; color: var(--red); font-style: italic; padding-top: 3px; }
.inst-page .strategy-row__title { font-family: var(--font-display); font-size: clamp(18px, 2vw, 24px); color: var(--white); font-weight: 400; line-height: 1.2; margin-bottom: 8px; }
.inst-page .strategy-row__desc { font-size: 14px; color: var(--body-text); line-height: 1.75; }
.inst-page .strategy-row__note { margin-top: 12px; font-size: 12px; color: var(--muted); font-style: italic; line-height: 1.6; padding-left: 12px; border-left: 2px solid rgba(255,255,255,0.06); }
.inst-page .strategy-row__fit { padding: 14px 18px; background: rgba(255,255,255,0.02); border-left: 2px solid rgba(178,34,34,0.3); }
.inst-page .strategy-row__fit-label { font-size: 9px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--red); font-weight: 600; margin-bottom: 6px; }
.inst-page .strategy-row__fit-text { font-size: 12px; color: var(--muted); line-height: 1.65; }

/* ==========================================================================
   REVENUE MODEL INFOGRAPHIC
   ========================================================================== */
.inst-page .revenue-model { padding: var(--gap) var(--pad); }
.inst-page .revenue-model__inner { max-width: var(--max); margin: 0 auto; }
.inst-page .revenue-model__head { max-width: 700px; margin-bottom: var(--gap-sm); }
.inst-page .revenue-model__layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.inst-page .revenue-model__chart { background: var(--charcoal); padding: 24px 20px 16px; }
.inst-page .revenue-model__chart svg { display: block; }
.inst-page .revenue-model__callouts { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.inst-page .rev-callout { background: var(--charcoal); padding: 24px 20px; }
.inst-page .rev-callout__label { font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); font-weight: 600; margin-bottom: 4px; }
.inst-page .rev-callout__num { font-family: var(--font-display); font-size: 28px; color: var(--white); margin-bottom: 6px; }
.inst-page .rev-callout__desc { font-size: 12px; color: var(--body-text); line-height: 1.6; }

/* ==========================================================================
   MEDIA ENGINE + ECOSYSTEM FLOW
   ========================================================================== */
.inst-page .media-engine { padding: var(--gap) var(--pad); background: var(--elevated); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); }
.inst-page .media-engine__inner { max-width: var(--max); margin: 0 auto; }
.inst-page .media-engine__head { max-width: 700px; margin-bottom: var(--gap-sm); }
.inst-page .ecosystem-flow { margin-bottom: 40px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.inst-page .ecosystem-flow__svg { width: 100%; min-width: 800px; max-width: 1100px; margin: 0 auto; display: block; }
@keyframes flow-pulse { 0% { stroke-dashoffset: 20; } 100% { stroke-dashoffset: 0; } }
.inst-page .flow-line { stroke-dasharray: 6 4; animation: flow-pulse 1.5s linear infinite; }
.inst-page .media-engine__text { font-size: 15px; color: var(--body-text); line-height: 1.8; max-width: 700px; margin-bottom: 32px; }
.inst-page .media-engine__channels { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; }
.inst-page .channel-card { background: var(--charcoal); padding: 24px 20px; display: flex; flex-direction: column; gap: 8px; transition: background 0.3s ease; }
.inst-page .channel-card:hover { background: var(--dark-grey); }
.inst-page .channel-card__icon { font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--red); font-weight: 600; }
.inst-page .channel-card__title { font-family: var(--font-display); font-size: 15px; color: var(--white); font-weight: 400; }
.inst-page .channel-card__desc { font-size: 12px; color: var(--muted); line-height: 1.6; }

/* ==========================================================================
   CUSTOM PROGRAMS
   ========================================================================== */
.inst-page .custom-programs { padding: var(--gap) var(--pad); }
.inst-page .custom-programs__inner { max-width: var(--max); margin: 0 auto; }
.inst-page .custom-programs__head { max-width: 700px; margin-bottom: var(--gap-sm); }
.inst-page .process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin-bottom: 40px; }
.inst-page .process-step { background: var(--charcoal); padding: 28px 20px; text-align: center; position: relative; transition: background 0.3s ease; }
.inst-page .process-step:hover { background: var(--dark-grey); }
.inst-page .process-step__num { font-family: var(--font-display); font-size: 24px; color: var(--red); margin-bottom: 10px; font-style: italic; }
.inst-page .process-step__title { font-family: var(--font-display); font-size: 17px; color: var(--white); font-weight: 400; margin-bottom: 6px; }
.inst-page .process-step__desc { font-size: 12px; color: var(--muted); line-height: 1.6; }
.inst-page .process-step__arrow { position: absolute; right: -7px; top: 50%; transform: translateY(-50%); color: var(--red); z-index: 1; font-size: 13px; }
.inst-page .custom-programs__cta-block { text-align: center; padding: 44px 28px; background: var(--charcoal); }
.inst-page .custom-programs__cta-title { font-family: var(--font-display); font-size: clamp(18px, 2.2vw, 26px); color: var(--white); font-weight: 400; margin-bottom: 12px; }
.inst-page .custom-programs__cta-text { font-size: 14px; color: var(--body-text); line-height: 1.75; max-width: 560px; margin: 0 auto 24px; }

/* ==========================================================================
   SPONSORED ACCESS
   ========================================================================== */
.inst-page .sponsored { padding: var(--gap) var(--pad); background: var(--elevated); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); position: relative; }
.inst-page .sponsored__inner { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.inst-page .sponsored__copy { max-width: 500px; }
.inst-page .sponsored__title { font-family: var(--font-display); font-size: clamp(26px, 3.2vw, 38px); color: var(--white); font-weight: 400; line-height: 1.15; margin-bottom: 16px; }
.inst-page .sponsored__text { font-size: 15px; color: var(--body-text); line-height: 1.8; }
.inst-page .sponsored__text p { margin-bottom: 16px; }
.inst-page .sponsored__badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: rgba(178,34,34,0.06); border: 1px solid rgba(178,34,34,0.15); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); margin-top: 10px; }
.inst-page .sponsored__badge strong { color: var(--red); font-weight: 600; }
.inst-page .sponsored__frame { background: var(--charcoal); border-left: 3px solid var(--red); padding: 32px 24px; }
.inst-page .sponsored__frame-eyebrow { font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--red); font-weight: 600; margin-bottom: 12px; }
.inst-page .sponsored__frame-title { font-family: var(--font-display); font-size: 20px; color: var(--white); font-weight: 400; line-height: 1.25; margin-bottom: 12px; }
.inst-page .sponsored__frame-text { font-size: 14px; color: var(--body-text); line-height: 1.75; margin-bottom: 18px; }
.inst-page .sponsored__audiences { list-style: none; display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.06); }
.inst-page .sponsored__audiences li { font-size: 13px; color: var(--body-text); line-height: 1.6; padding-left: 16px; position: relative; }
.inst-page .sponsored__audiences li::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border: 1px solid var(--red); }

/* ==========================================================================
   HOW IT WORKS
   ========================================================================== */
.inst-page .how-it-works { padding: var(--gap) var(--pad); }
.inst-page .how-it-works__inner { max-width: var(--max); margin: 0 auto; }
.inst-page .how-it-works__head { max-width: 700px; margin-bottom: var(--gap-sm); text-align: center; margin-left: auto; margin-right: auto; }
.inst-page .hiw-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.inst-page .hiw-step { background: var(--charcoal); padding: 40px 28px; text-align: center; transition: background 0.3s ease; }
.inst-page .hiw-step:hover { background: var(--dark-grey); }
.inst-page .hiw-step__num { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--red); font-family: var(--font-display); font-size: 17px; color: var(--red); margin-bottom: 18px; font-style: italic; }
.inst-page .hiw-step__title { font-family: var(--font-display); font-size: 20px; color: var(--white); font-weight: 400; margin-bottom: 10px; }
.inst-page .hiw-step__desc { font-size: 14px; color: var(--body-text); line-height: 1.75; }

/* ==========================================================================
   QUALIFY + FAQ
   ========================================================================== */
.inst-page .qualify { padding: var(--gap) var(--pad); background: var(--elevated); border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); }
.inst-page .qualify__inner { max-width: var(--max); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.inst-page .qualify__list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.inst-page .qualify__list li { font-size: 14px; color: var(--body-text); line-height: 1.65; padding-left: 16px; position: relative; }
.inst-page .qualify__list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border: 1px solid var(--red); }
.inst-page .qualify__not-list { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.06); }
.inst-page .qualify__not-label { font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted); font-weight: 600; margin-bottom: 10px; }
.inst-page .qualify__not-list li::before { border-color: var(--muted); }
.inst-page .faq-list { display: flex; flex-direction: column; margin-top: 18px; }
.inst-page .faq-item { border-bottom: 1px solid rgba(255,255,255,0.06); }
.inst-page .faq-item__q { width: 100%; background: none; border: none; padding: 18px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; text-align: left; font-family: var(--font-display); font-size: 16px; color: var(--white); font-weight: 400; transition: color 0.2s ease; }
.inst-page .faq-item__q:hover { color: var(--red); }
.inst-page .faq-item__q-icon { color: var(--red); font-size: 16px; transition: transform 0.3s ease; flex-shrink: 0; margin-left: 14px; }
.inst-page .faq-item.open .faq-item__q-icon { transform: rotate(45deg); }
.inst-page .faq-item__
.inst-page .faq-item.open .faq-item__
.inst-page .faq-item__a-text { font-size: 14px; color: var(--body-text); line-height: 1.75; }

/* ==========================================================================
   APPLICATION FORM
   ========================================================================== */
.inst-page .apply { padding: var(--gap) var(--pad); position: relative; }
.inst-page .apply::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center bottom, rgba(178,34,34,0.04), transparent 60%); pointer-events: none; }
.inst-page .apply__inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; text-align: center; }
.inst-page .apply__title { font-family: var(--font-display); font-size: clamp(26px, 3.5vw, 40px); color: var(--white); font-weight: 400; line-height: 1.15; margin-bottom: 16px; }
.inst-page .apply__text { font-size: 15px; color: var(--body-text); line-height: 1.75; margin-bottom: 36px; }
.inst-page .apply-form { background: var(--charcoal); padding: 36px 32px; text-align: left; }
.inst-page .apply-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.inst-page .apply-form__row--full { grid-template-columns: 1fr; }
.inst-page .apply-form__label { display: block; font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); font-weight: 600; margin-bottom: 6px; }
.inst-page .apply-form__input,
.inst-page .apply-form__select,
.inst-page .apply-form__textare
.inst-page .apply-form__input:focus,
.inst-page .apply-form__select:focus,
.inst-page .apply-form__textarea:focus { border-color: var(--red); }
.inst-page .apply-form__input::placeholder,
.inst-page .apply-form__textarea::placeholder { color: var(--slate); }
.inst-page .apply-form__select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236B6B6B' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.inst-page .apply-form__textare
.inst-page .apply-form__submit { width: 100%; margin-top: 20px; }
.inst-page .apply-form__note { text-align: center; margin-top: 14px; font-size: 11px; color: var(--muted); }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1024px) {
  .inst-page .value-strip__grid { grid-template-columns: 1fr; max-width: 520px; }
  .inst-page .flywheel__inner { grid-template-columns: 1fr; gap: 32px; }
  .inst-page .flywheel__svg-wrap { order: -1; max-width: 380px; margin: 0 auto; }
  .inst-page .partner-types__grid { grid-template-columns: 1fr; max-width: 520px; }
  .inst-page .revenue-model__layout { grid-template-columns: 1fr; gap: 32px; }
  .inst-page .media-engine__channels { grid-template-columns: repeat(2, 1fr); }
  .inst-page .sponsored__inner { grid-template-columns: 1fr; gap: 32px; }
  .inst-page .qualify__inner { grid-template-columns: 1fr; gap: 32px; }
  .inst-page .process-steps { grid-template-columns: repeat(2, 1fr); }
  .inst-page .hiw-steps { grid-template-columns: 1fr; max-width: 520px; }
}
@media (max-width: 768px) {
  
  .inst-page .site-header__ct
  
  .inst-page .partner-hero { min-height: 100vh; }
  .inst-page .partner-hero__content { min-height: calc(100vh - 100px); }
  .inst-page .partner-hero__stats { flex-wrap: wrap; gap: 24px; }
  .inst-page .strategy-row { grid-template-columns: 36px 1fr; }
  .inst-page .strategy-row__fit { grid-column: 1 / -1; }
  .inst-page .media-engine__channels { grid-template-columns: 1fr; }
  .inst-page .revenue-model__callouts { grid-template-columns: 1fr; }
  .inst-page .apply-form__row { grid-template-columns: 1fr; }
  .inst-page .process-steps { grid-template-columns: 1fr; max-width: 400px; }
  .inst-page .process-step__arrow { display: none; }
}
@media (max-width: 480px) {
  
  .inst-page .partner-hero__title { font-size: 30px; }
  .inst-page .partner-hero__actions { flex-direction: column; align-items: center; }
  .inst-page .partner-hero__stats { flex-direction: column; gap: 16px; }
  .inst-page .flywheel__svg-wrap { max-width: 280px; }
}


/* === PARTNERS PAGE: Break out of 720px content wrapper (Session 33) === */

/* Remove the max-width constraint on the partner page */
.page-id-507 main.site-main#primary,
.page-id-507 main.site-main,
.page-id-507 #primary {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove any article or entry-content wrapper constraints */
.page-id-507 .entry-content,
.page-id-507 article,
.page-id-507 .post-content,
.page-id-507 .page-content,
.page-id-507 .wp-block-post-content {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove any wp-block group padding that might constrain content */
.page-id-507 .wp-block-group,
.page-id-507 .wp-block-html {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure the inst-page wrapper goes full width */
.page-id-507 .inst-page {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure the body has the right background */
.page-id-507 {
    background: #0D0D0D !important;
}

/* Hide any default page title WordPress might render above the content */
.page-id-507 .entry-header,
.page-id-507 .page-header,
.page-id-507 h1.entry-title,
.page-id-507 .wp-block-post-title {
    display: none !important;
}

/* Remove any default padding/margin from the page body area */
.page-id-507 #content,
.page-id-507 .site-content,
.page-id-507 .content-area {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

/* === PARTNERS PAGE: Form field dark theme + footer fix (Session 34) === */

/* Form field dark styling */
.page-id-507 .apply-form__input,
.page-id-507 .apply-form__select,
.page-id-507 .apply-form__textarea,
.page-id-507 input[type="text"],
.page-id-507 input[type="email"],
.page-id-507 select,
.page-id-507 textarea {
    width: 100% !important;
    padding: 12px 14px !important;
    background: #0D0D0D !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #FFFFFF !important;
    font-family: Calibri, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    outline: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

.page-id-507 .apply-form__input:focus,
.page-id-507 .apply-form__select:focus,
.page-id-507 .apply-form__textarea:focus,
.page-id-507 input[type="text"]:focus,
.page-id-507 input[type="email"]:focus,
.page-id-507 select:focus,
.page-id-507 textarea:focus {
    border-color: #B22222 !important;
}

.page-id-507 .apply-form__input::placeholder,
.page-id-507 .apply-form__textarea::placeholder,
.page-id-507 input::placeholder,
.page-id-507 textarea::placeholder {
    color: #6B6B6B !important;
}

/* Select dropdown arrow */
.page-id-507 .apply-form__select,
.page-id-507 select {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236B6B6B' stroke-width='1.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-color: #0D0D0D !important;
    padding-right: 36px !important;
}

/* Select option styling (for dropdown menu) */
.page-id-507 select option {
    background: #1C1C1E !important;
    color: #FFFFFF !important;
}

/* Textarea minimum height */
.page-id-507 .apply-form__textarea,
.page-id-507 textarea {
    resize: vertical !important;
    min-height: 90px !important;
}

/* Form row grid - ensure two columns on desktop */
.page-id-507 .apply-form__row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
}
.page-id-507 .apply-form__row--full {
    grid-template-columns: 1fr !important;
}

/* Form container */
.page-id-507 .apply-form {
    background: #1C1C1E !important;
    padding: 36px 32px !important;
}

/* Form labels */
.page-id-507 .apply-form__label {
    display: block !important;
    font-size: 9px !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #888888 !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

/* Submit button - ensure it spans full width */
.page-id-507 .apply-form__submit,
.page-id-507 .btn-primary.apply-form__submit {
    width: 100% !important;
    margin-top: 20px !important;
}

/* Note below submit */
.page-id-507 .apply-form__note {
    text-align: center !important;
    margin-top: 14px !important;
    font-size: 11px !important;
    color: #888888 !important;
}

/* Footer fix: ensure the live footer renders with proper dark styling */
.page-id-507 .site-footer,
.page-id-507 footer,
.page-id-507 #colophon {
    background: #0D0D0D !important;
    border-top: 1px solid rgba(255,255,255,0.04) !important;
    padding: 48px 24px 32px !important;
    color: #6B6B6B !important;
}

/* Hide the content-footer (Latest Stories + Podcast bar) on this page */
.page-id-507 .content-footer {
    display: none !important;
}

/* Footer links */
.page-id-507 .site-footer a,
.page-id-507 footer a {
    color: #6B6B6B !important;
    transition: color 0.2s ease !important;
}
.page-id-507 .site-footer a:hover,
.page-id-507 footer a:hover {
    color: #FFFFFF !important;
}

/* Responsive: form fields stack on mobile */
@media (max-width: 768px) {
    .page-id-507 .apply-form__row {
        grid-template-columns: 1fr !important;
    }
    .page-id-507 .apply-form {
        padding: 28px 20px !important;
    }
}

/* === PARTNERS PAGE: Card CTA red + hover (Session 35) === */
.page-id-507 .ptype-card__cta {
    color: #B22222 !important;
}
.page-id-507 .ptype-card__cta:hover {
    color: #FFFFFF !important;
}