.elementor-15916 .elementor-element.elementor-element-53a7e5e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.41;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#805D1161;--border-color:#805D1161;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-15916 .elementor-element.elementor-element-53a7e5e:not(.elementor-motion-effects-element-type-background), .elementor-15916 .elementor-element.elementor-element-53a7e5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #11141D 0%, #062041 100%);}.elementor-15916 .elementor-element.elementor-element-53a7e5e::before, .elementor-15916 .elementor-element.elementor-element-53a7e5e > .elementor-background-video-container::before, .elementor-15916 .elementor-element.elementor-element-53a7e5e > .e-con-inner > .elementor-background-video-container::before, .elementor-15916 .elementor-element.elementor-element-53a7e5e > .elementor-background-slideshow::before, .elementor-15916 .elementor-element.elementor-element-53a7e5e > .e-con-inner > .elementor-background-slideshow::before, .elementor-15916 .elementor-element.elementor-element-53a7e5e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-15916 .elementor-element.elementor-element-1bdaccc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15916 .elementor-element.elementor-element-1bdaccc.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15916 .elementor-element.elementor-element-fcde251{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-15916 .elementor-element.elementor-element-fcde251 img{width:555px;filter:brightness( 102% ) contrast( 100% ) saturate( 78% ) blur( 0px ) hue-rotate( 5deg );}.elementor-15916 .elementor-element.elementor-element-fcde251:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-15916 .elementor-element.elementor-element-a47cd04{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:69px;--padding-bottom:62px;--padding-left:0px;--padding-right:0px;}.elementor-15916 .elementor-element.elementor-element-347fcba{padding:15px 0px 41px 0px;font-size:19px;font-weight:300;line-height:1.3em;color:var( --e-global-color-0715535 );}.elementor-15916 .elementor-element.elementor-element-a6a9b99{--display:flex;--min-height:400px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.02;--padding-top:33px;--padding-bottom:71px;--padding-left:0px;--padding-right:0px;}.elementor-15916 .elementor-element.elementor-element-a6a9b99:not(.elementor-motion-effects-element-type-background), .elementor-15916 .elementor-element.elementor-element-a6a9b99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0E;}.elementor-15916 .elementor-element.elementor-element-a6a9b99::before, .elementor-15916 .elementor-element.elementor-element-a6a9b99 > .elementor-background-video-container::before, .elementor-15916 .elementor-element.elementor-element-a6a9b99 > .e-con-inner > .elementor-background-video-container::before, .elementor-15916 .elementor-element.elementor-element-a6a9b99 > .elementor-background-slideshow::before, .elementor-15916 .elementor-element.elementor-element-a6a9b99 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15916 .elementor-element.elementor-element-a6a9b99 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.trueparticipation.com/wp-content/uploads/2025/03/background-pattern-tile-TWO.jpg");--background-overlay:'';background-size:17% auto;}.elementor-15916 .elementor-element.elementor-element-77626cf{width:var( --container-widget-width, 49.299% );max-width:49.299%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;padding:0px 0px 0px 0px;--container-widget-width:49.299%;--container-widget-flex-grow:0;text-align:center;}.elementor-15916 .elementor-element.elementor-element-77626cf.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15916 .elementor-element.elementor-element-77626cf .elementor-heading-title{font-family:"BrandingMedium", Sans-serif;font-size:18px;font-weight:300;text-transform:uppercase;line-height:1.1em;letter-spacing:1.5px;color:var( --e-global-color-a0890e1 );}.elementor-15916 .elementor-element.elementor-element-c478252{width:var( --container-widget-width, 43.262% );max-width:43.262%;--container-widget-width:43.262%;--container-widget-flex-grow:0;}.elementor-15916 .elementor-element.elementor-element-c478252.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .validation_message:not(.validation_message--hidden-on-empty){display:block !important;}.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .validation_error{display:block !important;}.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gform_wrapper .gform_heading, .elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .pp-gravity-form-heading{text-align:center;}.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gfield textarea, .elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gfield select{background-color:#f9f9f9;padding:10px 10px 10px 10px;}.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gfield.gsection{border-bottom-style:solid;border-bottom-width:1px;}.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gform_wrapper .gform_footer input[type="submit"],
					.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gform_wrapper .gform_page_footer input[type="submit"],
					.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gform_wrapper .gfield--type-submit input[type="submit"]{width:100px;}.elementor-15916 .elementor-element.elementor-element-c478252 .pp-gravity-form .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-15916 .elementor-element.elementor-element-c478252 .gform_wrapper li.gfield_error textarea{border-width:1px;}.elementor-15916 .elementor-element.elementor-element-c478252 .gform_confirmation_wrapper{padding:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-15916 .elementor-element.elementor-element-53a7e5e{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15916 .elementor-element.elementor-element-1bdaccc{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-15916 .elementor-element.elementor-element-1bdaccc.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-15916 .elementor-element.elementor-element-fcde251 img{width:389px;}.elementor-15916 .elementor-element.elementor-element-a47cd04{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-15916 .elementor-element.elementor-element-347fcba{padding:0px 0px 40px 0px;text-align:start;font-size:17px;}.elementor-15916 .elementor-element.elementor-element-a6a9b99{--padding-top:41px;--padding-bottom:15px;--padding-left:50px;--padding-right:50px;}.elementor-15916 .elementor-element.elementor-element-77626cf{margin:4px 4px calc(var(--kit-widget-spacing, 0px) + -5px) 4px;}.elementor-15916 .elementor-element.elementor-element-77626cf .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-15916 .elementor-element.elementor-element-53a7e5e{--padding-top:5px;--padding-bottom:18px;--padding-left:8px;--padding-right:8px;}.elementor-15916 .elementor-element.elementor-element-1bdaccc.e-con{--order:99999 /* order end hack */;}.elementor-15916 .elementor-element.elementor-element-fcde251{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15916 .elementor-element.elementor-element-fcde251 img{width:90%;}.elementor-15916 .elementor-element.elementor-element-a47cd04{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:27px;--padding-left:15px;--padding-right:15px;}.elementor-15916 .elementor-element.elementor-element-347fcba{padding:0px 0px 28px 0px;text-align:start;font-size:17px;}.elementor-15916 .elementor-element.elementor-element-a6a9b99{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:11px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15916 .elementor-element.elementor-element-77626cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:9px 15px 8px 15px;}.elementor-15916 .elementor-element.elementor-element-77626cf .elementor-heading-title{font-size:18px;line-height:1.25em;}}@media(min-width:768px){.elementor-15916 .elementor-element.elementor-element-53a7e5e{--content-width:1239px;}.elementor-15916 .elementor-element.elementor-element-1bdaccc{--width:708px;}.elementor-15916 .elementor-element.elementor-element-a47cd04{--content-width:900px;}.elementor-15916 .elementor-element.elementor-element-a6a9b99{--content-width:1300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-15916 .elementor-element.elementor-element-1bdaccc{--width:100%;}}@media(min-width:2400px){.elementor-15916 .elementor-element.elementor-element-53a7e5e{--min-height:0px;}.elementor-15916 .elementor-element.elementor-element-1bdaccc{--min-height:0px;}.elementor-15916 .elementor-element.elementor-element-fcde251 img{width:630px;}.elementor-15916 .elementor-element.elementor-element-a47cd04{--content-width:1000px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}}/* Start custom CSS for text-editor, class: .elementor-element-347fcba *//* =========================================================
   TRUE PARTICIPATION — CAMPFIRE PAGE TYPOGRAPHY SYSTEM
   Shared styling for pre-film + post-film blocks
   ========================================================= */

:root {
  --tp-bg: #061322;
  --tp-ivory: #E8E0D4;
  --tp-body: #D1C8BC;
  --tp-muted: #9E9488;
  --tp-ember: #E18B3F;
  --tp-ember-soft: #C9752E;
  --tp-line: rgba(225, 139, 63, 0.28);
}

/* ---------------------------------------------------------
   SHARED BLOCK
   --------------------------------------------------------- */

.tp-block {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 28px;
  box-sizing: border-box;

  text-align: center;
  color: var(--tp-ivory);

  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

/* ---------------------------------------------------------
   PRIMARY ORANGE HEADLINES
   --------------------------------------------------------- */

.tp-block .tp-headline {
  max-width: 620px;
  margin: 0 auto 2rem;

  color: var(--tp-ember);

  font-size: clamp(1.55rem, 3vw, 2.05rem);
  line-height: 1.25;
  font-weight: 600;

  text-transform: none !important;
  letter-spacing: -0.01em !important;
}

/* ---------------------------------------------------------
   STANDARD BODY TEXT
   --------------------------------------------------------- */

.tp-block .tp-body {
  max-width: 52ch;
  margin: 0 auto 1.35rem;

  color: var(--tp-body);

  font-size: clamp(1rem, 1.4vw, 1.08rem);
  line-height: 1.7;
  font-weight: 400;

  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ---------------------------------------------------------
   STRONG CENTRAL THESIS / QUESTION
   --------------------------------------------------------- */

.tp-block .tp-thesis,
.tp-block .tp-film-question {
  max-width: 40ch;
  margin: 1.75rem auto 1.5rem;

  color: var(--tp-ivory);

  font-size: clamp(1.12rem, 1.7vw, 1.22rem);
  line-height: 1.5;
  font-weight: 600;

  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ---------------------------------------------------------
   SECTION LABEL / FIVE DEPTHS TITLE
   --------------------------------------------------------- */

.tp-block .tp-title {
  display: block;

  margin: 3rem auto 1.25rem;

  color: var(--tp-ember);

  font-size: 1.08rem;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/*
   Your current HTML uses an inline-styled <span> for the title.
   This forces that span to visually match the class above.
*/
.tp-block > span[style] {
  display: block !important;

  margin: 3rem auto 1.25rem !important;

  color: var(--tp-ember) !important;

  font-size: 1.08rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ---------------------------------------------------------
   PRE-FILM BLOCK
   --------------------------------------------------------- */

.tp-film-block {
  padding-top: 3.5rem;
  padding-bottom: 4.5rem;
}

/* Give the opening headline slightly more visual authority */
.tp-film-block .tp-headline {
  max-width: 600px;
  margin-bottom: 2.3rem;
}

/* Categories / formats line */
.tp-film-block .tp-film-list {
  max-width: 54ch;

  margin-top: 1.6rem;
  margin-bottom: 1.6rem;

  color: var(--tp-ivory);

  font-size: 1.03rem;
  line-height: 1.65;
  font-weight: 400;
}

/* The central question should be the brightest body element */
.tp-film-block .tp-film-question {
  max-width: 36ch;

  margin-top: 2rem;
  margin-bottom: 1.6rem;

  color: #F2EADF;

  font-size: clamp(1.15rem, 1.8vw, 1.28rem);
  font-weight: 650;
}

/* Quiet ending line beneath the question */
.tp-film-block .tp-film-caption {
  max-width: 44ch;

  margin-bottom: 0;

  color: var(--tp-muted);

  font-size: 0.98rem;
  line-height: 1.6;
}

.tp-film-block .tp-film-caption em {
  color: var(--tp-body);
}

/* ---------------------------------------------------------
   POST-FILM BLOCK
   --------------------------------------------------------- */

/* Small scroll cue above the long pause */
.tp-block .tp-scrollcue {
  margin: 0 0 0.75rem;

  color: var(--tp-muted);

  font-size: 0.72rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.tp-block .tp-chevron {
  margin: 0;

  color: var(--tp-muted);

  font-size: 1rem;
  line-height: 1;
}

/*
   Keep the pause cinematic, but not so enormous
   that the next copy feels disconnected.
*/
.tp-block .tp-gap {
  height: 30vh;
  min-height: 190px;
  max-height: 340px;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Vertical ember line */
.tp-block .tp-rule {
  width: 1px;
  height: 100%;

  background: linear-gradient(
    to bottom,
    rgba(225, 139, 63, 0),
    rgba(225, 139, 63, 0.45),
    rgba(225, 139, 63, 0)
  );
}

/* Post-film first sentence */
.tp-block:not(.tp-film-block) .tp-headline {
  max-width: 590px;
  margin-bottom: 2rem;
}

/* Post-film explanatory thesis */
.tp-block:not(.tp-film-block) .tp-thesis {
  max-width: 43ch;
  margin-bottom: 2.8rem;

  color: var(--tp-ivory);

  font-size: clamp(1.05rem, 1.6vw, 1.16rem);
  line-height: 1.65;
  font-weight: 400;
}

/* Slightly larger post-film body than before */
.tp-block:not(.tp-film-block) .tp-body {
  max-width: 52ch;

  color: var(--tp-body);

  font-size: clamp(1rem, 1.4vw, 1.08rem);
  line-height: 1.7;
}

/* Closing kicker before form */
.tp-block .tp-kicker {
  max-width: 42ch;

  margin: 2rem auto 2.25rem;

  color: var(--tp-ivory);

  font-size: 1.06rem;
  line-height: 1.55;
  font-weight: 500;

  text-transform: none !important;
  letter-spacing: 0 !important;
}


/* =========================================================
   GRAVITY FORMS — MATCH THE CAMPFIRE WORLD
   ========================================================= */

.gform_wrapper {
  max-width: 620px;
  margin: 2rem auto 0 !important;
}

/* Input row */
.gform_wrapper .gform_fields {
  gap: 12px !important;
}

/* Input styling */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper textarea,
.gform_wrapper select {
  width: 100% !important;

  background: rgba(255, 255, 255, 0.015) !important;
  color: var(--tp-ivory) !important;

  border: 1px solid rgba(232, 224, 212, 0.28) !important;
  border-radius: 2px !important;

  padding: 15px 16px !important;

  font-size: 0.98rem !important;
  line-height: 1.4 !important;

  box-shadow: none !important;
  outline: none !important;

  transition:
    border-color 0.18s ease,
    background 0.18s ease;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: var(--tp-ember) !important;
  background: rgba(225, 139, 63, 0.025) !important;
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
  color: #B9B0A4 !important;
  opacity: 1 !important;
}

/* Footer */
.gform_wrapper .gform_footer {
  width: 100% !important;

  margin: 12px 0 0 !important;
  padding: 0 !important;
}

/* CTA */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_button {
  width: 100% !important;
  max-width: 100% !important;

  background: var(--tp-ember) !important;
  color: #17100A !important;

  border: 0 !important;
  border-radius: 2px !important;

  padding: 16px 24px !important;

  font-size: 1rem !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  letter-spacing: 0.015em !important;

  white-space: nowrap !important;

  cursor: pointer !important;

  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_button:hover {
  background: #ED9A50 !important;
  transform: translateY(-1px);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .tp-block {
    max-width: 100%;
    padding-left: 22px;
    padding-right: 22px;
  }

  .tp-film-block {
    padding-top: 2.75rem;
    padding-bottom: 3.5rem;
  }

  .tp-block .tp-headline {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 1.65rem;
  }

  .tp-block .tp-body {
    font-size: 0.98rem;
    line-height: 1.68;
  }

  .tp-block .tp-thesis,
  .tp-block .tp-film-question {
    font-size: 1.08rem;
    line-height: 1.55;
  }

  .tp-film-block .tp-film-list {
    font-size: 0.98rem;
  }

  .tp-film-block .tp-film-caption {
    font-size: 0.94rem;
  }

  .tp-block .tp-gap {
    height: 24vh;
    min-height: 150px;
    max-height: 230px;
  }

  .tp-block > span[style],
  .tp-block .tp-title {
    margin-top: 2.5rem !important;
    font-size: 0.98rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-77626cf *//* =========================================================
   TRUE PARTICIPATION — CAMPFIRE PAGE TYPOGRAPHY SYSTEM
   Shared styling for pre-film + post-film blocks
   ========================================================= */

:root {
  --tp-bg: #061322;
  --tp-ivory: #E8E0D4;
  --tp-body: #D1C8BC;
  --tp-muted: #9E9488;
  --tp-ember: #E18B3F;
  --tp-ember-soft: #C9752E;
  --tp-line: rgba(225, 139, 63, 0.28);
}

/* ---------------------------------------------------------
   SHARED BLOCK
   --------------------------------------------------------- */

.tp-block {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 28px;
  box-sizing: border-box;

  text-align: center;
  color: var(--tp-ivory);

  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

/* ---------------------------------------------------------
   PRIMARY ORANGE HEADLINES
   --------------------------------------------------------- */

.tp-block .tp-headline {
  max-width: 620px;
  margin: 0 auto 2rem;

  color: var(--tp-ember);

  font-size: clamp(1.55rem, 3vw, 2.05rem);
  line-height: 1.25;
  font-weight: 600;

  text-transform: none !important;
  letter-spacing: -0.01em !important;
}

/* ---------------------------------------------------------
   STANDARD BODY TEXT
   --------------------------------------------------------- */

.tp-block .tp-body {
  max-width: 52ch;
  margin: 0 auto 1.35rem;

  color: var(--tp-body);

  font-size: clamp(1rem, 1.4vw, 1.08rem);
  line-height: 1.7;
  font-weight: 400;

  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ---------------------------------------------------------
   STRONG CENTRAL THESIS / QUESTION
   --------------------------------------------------------- */

.tp-block .tp-thesis,
.tp-block .tp-film-question {
  max-width: 40ch;
  margin: 1.75rem auto 1.5rem;

  color: var(--tp-ivory);

  font-size: clamp(1.12rem, 1.7vw, 1.22rem);
  line-height: 1.5;
  font-weight: 600;

  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ---------------------------------------------------------
   SECTION LABEL / FIVE DEPTHS TITLE
   --------------------------------------------------------- */

.tp-block .tp-title {
  display: block;

  margin: 3rem auto 1.25rem;

  color: var(--tp-ember);

  font-size: 1.08rem;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/*
   Your current HTML uses an inline-styled <span> for the title.
   This forces that span to visually match the class above.
*/
.tp-block > span[style] {
  display: block !important;

  margin: 3rem auto 1.25rem !important;

  color: var(--tp-ember) !important;

  font-size: 1.08rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ---------------------------------------------------------
   PRE-FILM BLOCK
   --------------------------------------------------------- */

.tp-film-block {
  padding-top: 3.5rem;
  padding-bottom: 4.5rem;
}

/* Give the opening headline slightly more visual authority */
.tp-film-block .tp-headline {
  max-width: 600px;
  margin-bottom: 2.3rem;
}

/* Categories / formats line */
.tp-film-block .tp-film-list {
  max-width: 54ch;

  margin-top: 1.6rem;
  margin-bottom: 1.6rem;

  color: var(--tp-ivory);

  font-size: 1.03rem;
  line-height: 1.65;
  font-weight: 400;
}

/* The central question should be the brightest body element */
.tp-film-block .tp-film-question {
  max-width: 36ch;

  margin-top: 2rem;
  margin-bottom: 1.6rem;

  color: #F2EADF;

  font-size: clamp(1.15rem, 1.8vw, 1.28rem);
  font-weight: 650;
}

/* Quiet ending line beneath the question */
.tp-film-block .tp-film-caption {
  max-width: 44ch;

  margin-bottom: 0;

  color: var(--tp-muted);

  font-size: 0.98rem;
  line-height: 1.6;
}

.tp-film-block .tp-film-caption em {
  color: var(--tp-body);
}

/* ---------------------------------------------------------
   POST-FILM BLOCK
   --------------------------------------------------------- */

/* Small scroll cue above the long pause */
.tp-block .tp-scrollcue {
  margin: 0 0 0.75rem;

  color: var(--tp-muted);

  font-size: 0.72rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.tp-block .tp-chevron {
  margin: 0;

  color: var(--tp-muted);

  font-size: 1rem;
  line-height: 1;
}

/*
   Keep the pause cinematic, but not so enormous
   that the next copy feels disconnected.
*/
.tp-block .tp-gap {
  height: 30vh;
  min-height: 190px;
  max-height: 340px;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Vertical ember line */
.tp-block .tp-rule {
  width: 1px;
  height: 100%;

  background: linear-gradient(
    to bottom,
    rgba(225, 139, 63, 0),
    rgba(225, 139, 63, 0.45),
    rgba(225, 139, 63, 0)
  );
}

/* Post-film first sentence */
.tp-block:not(.tp-film-block) .tp-headline {
  max-width: 590px;
  margin-bottom: 2rem;
}

/* Post-film explanatory thesis */
.tp-block:not(.tp-film-block) .tp-thesis {
  max-width: 43ch;
  margin-bottom: 2.8rem;

  color: var(--tp-ivory);

  font-size: clamp(1.05rem, 1.6vw, 1.16rem);
  line-height: 1.65;
  font-weight: 400;
}

/* Slightly larger post-film body than before */
.tp-block:not(.tp-film-block) .tp-body {
  max-width: 52ch;

  color: var(--tp-body);

  font-size: clamp(1rem, 1.4vw, 1.08rem);
  line-height: 1.7;
}

/* Closing kicker before form */
.tp-block .tp-kicker {
  max-width: 42ch;

  margin: 2rem auto 2.25rem;

  color: var(--tp-ivory);

  font-size: 1.06rem;
  line-height: 1.55;
  font-weight: 500;

  text-transform: none !important;
  letter-spacing: 0 !important;
}


/* =========================================================
   GRAVITY FORMS — MATCH THE CAMPFIRE WORLD
   ========================================================= */

.gform_wrapper {
  max-width: 620px;
  margin: 2rem auto 0 !important;
}

/* Input row */
.gform_wrapper .gform_fields {
  gap: 12px !important;
}

/* Input styling */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper textarea,
.gform_wrapper select {
  width: 100% !important;

  background: rgba(255, 255, 255, 0.015) !important;
  color: var(--tp-ivory) !important;

  border: 1px solid rgba(232, 224, 212, 0.28) !important;
  border-radius: 2px !important;

  padding: 15px 16px !important;

  font-size: 0.98rem !important;
  line-height: 1.4 !important;

  box-shadow: none !important;
  outline: none !important;

  transition:
    border-color 0.18s ease,
    background 0.18s ease;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: var(--tp-ember) !important;
  background: rgba(225, 139, 63, 0.025) !important;
}

.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
  color: #B9B0A4 !important;
  opacity: 1 !important;
}

/* Footer */
.gform_wrapper .gform_footer {
  width: 100% !important;

  margin: 12px 0 0 !important;
  padding: 0 !important;
}

/* CTA */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_button {
  width: 100% !important;
  max-width: 100% !important;

  background: var(--tp-ember) !important;
  color: #17100A !important;

  border: 0 !important;
  border-radius: 2px !important;

  padding: 16px 24px !important;

  font-size: 1rem !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  letter-spacing: 0.015em !important;

  white-space: nowrap !important;

  cursor: pointer !important;

  transition:
    background 0.18s ease,
    transform 0.18s ease;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_button:hover {
  background: #ED9A50 !important;
  transform: translateY(-1px);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  .tp-block {
    max-width: 100%;
    padding-left: 22px;
    padding-right: 22px;
  }

  .tp-film-block {
    padding-top: 2.75rem;
    padding-bottom: 3.5rem;
  }

  .tp-block .tp-headline {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 1.65rem;
  }

  .tp-block .tp-body {
    font-size: 0.98rem;
    line-height: 1.68;
  }

  .tp-block .tp-thesis,
  .tp-block .tp-film-question {
    font-size: 1.08rem;
    line-height: 1.55;
  }

  .tp-film-block .tp-film-list {
    font-size: 0.98rem;
  }

  .tp-film-block .tp-film-caption {
    font-size: 0.94rem;
  }

  .tp-block .tp-gap {
    height: 24vh;
    min-height: 150px;
    max-height: 230px;
  }

  .tp-block > span[style],
  .tp-block .tp-title {
    margin-top: 2.5rem !important;
    font-size: 0.98rem !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'BrandingMedium';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.trueparticipation.com/wp-content/uploads/2025/02/BrandingMedium.woff2') format('woff2'),
		url('https://www.trueparticipation.com/wp-content/uploads/2025/02/BrandingMedium.woff') format('woff'),
		url('https://www.trueparticipation.com/wp-content/uploads/2025/02/Branding-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */