You're Invited
Private Live Update on the California Trial

You're Invited: A Private Live Update on the California Trial /* ============================================================ FONTS Avenir and Kepler are licensed, non-web-hosted typefaces. If you have licensed webfont files for them, add @font-face rules here pointing to your own font files, e.g.: @font-face { font-family: "Avenir"; src: url("/fonts/Avenir-Book.woff2") format("woff2"); font-weight: 400; } @font-face { font-family: "Kepler Std"; src: url("/fonts/KeplerStd-Display.woff2") format("woff2"); font-weight: 400; } Until those are added, the stacks below fall back to close system equivalents (Avenir Next / Georgia) so the page still renders correctly everywhere. ============================================================ */ :root{ --display-font: "Kepler Std", "Kepler Std Display", "Iowan Old Style", "Georgia", "Times New Roman", serif; --body-font: "Avenir", "Avenir Next", "Avenir Next LT Pro", -apple-system, "Segoe UI", sans-serif; /* Blue & white palette */ --navy: #16324F; /* primary deep blue — headlines, seal */ --blue: #2C5A82; /* secondary blue — subheads, borders */ --blue-mid: #4C7EA6; /* accent blue — links, small labels */ --blue-pale: #EAF1F7; /* pale blue-white — section washes */ --blue-line: #C7D9E6; /* hairline rule color */ --white: #FFFFFF; --ink: #223244; /* body copy, softened black-blue */ --ink-soft: #55697C; /* muted secondary text */ } *{ box-sizing: border-box; } html{ scroll-behavior: smooth; } body{ margin:0; background: var(--white); color: var(--ink); font-family: var(--body-font); font-weight: 400; line-height: 1.65; -webkit-font-smoothing: antialiased; } a{ color: var(--blue-mid); } img, svg{ display:block; max-width:100%; } .wrap{ max-width: 1120px; margin: 0 auto; padding: 0 32px; } /* ---------------- Top ribbon ---------------- */ .ribbon{ background: var(--navy); color: var(--blue-pale); text-align:center; padding: 10px 20px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; } .ribbon span{ color: var(--white); } /* ---------------- Slim topbar ---------------- */ .topbar{ background: var(--white); border-bottom: 1px solid var(--blue-line); position: sticky; top: 0; z-index: 10; } .topbar-inner{ display: flex; align-items: center; justify-content: space-between; padding: 14px 32px; } .topbar-name{ font-family: var(--display-font); font-size: 17px; color: var(--navy); letter-spacing: .02em; } .cta-btn{ display:inline-block; background: var(--navy); color: var(--white) !important; text-decoration:none; font-family: var(--body-font); font-weight: 600; font-size: 13.5px; letter-spacing: .03em; padding: 10px 22px; border: 1px solid var(--navy); transition: background .2s ease, color .2s ease; } .cta-btn:hover{ background: var(--white); color: var(--navy) !important; } /* ---------------- Hero: invitation card ---------------- */ .hero{ background: radial-gradient(1200px 500px at 50% -10%, var(--blue-pale) 0%, rgba(234,241,247,0) 60%), var(--white); padding: 28px 0 24px; } .invitation{ position: relative; max-width: 760px; margin: 0 auto; background: var(--white); border: 1px solid var(--blue-line); padding: 44px 48px 40px; text-align: center; } .invitation::before, .invitation::after{ content:""; position:absolute; inset: 10px; border: 1px solid var(--blue-line); pointer-events:none; } .invitation::after{ inset: 10px; } .eyebrow{ position: relative; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--blue-mid); font-weight: 700; margin: 0 0 14px; } .invitation h1{ position: relative; font-family: var(--display-font); font-weight: 400; color: var(--navy); font-size: clamp(32px, 4.6vw, 46px); line-height: 1.18; margin: 0 0 16px; } .invitation h1 em{ font-style: italic; color: var(--blue); } .invitation .lede{ position: relative; max-width: 560px; margin: 0 auto 22px; color: var(--ink-soft); font-size: 17px; } .seal{ position: relative; width: 132px; height: 132px; margin: 4px auto 4px; border-radius: 50%; background: var(--navy); color: var(--white); display:flex; flex-direction: column; align-items:center; justify-content:center; border: 4px solid var(--white); box-shadow: 0 0 0 1px var(--blue-line), 0 18px 30px -18px rgba(22,50,79,.55); } .seal .month{ font-size: 11px; letter-spacing: .18em; text-transform: uppercase; opacity: .85; } .seal .day{ font-family: var(--display-font); font-size: 40px; line-height: 1; margin: 2px 0; } .seal .time{ font-size: 11.5px; letter-spacing: .04em; opacity: .9; } /* ---------------- Section shell ---------------- */ section{ padding: 24px 0; } .section-alt{ background: var(--blue-pale); } .section-head{ max-width: 680px; margin: 0 auto 26px; text-align: center; } .section-head .kicker{ font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--blue-mid); font-weight: 700; margin: 0 0 12px; } .section-head h2{ font-family: var(--display-font); font-weight: 400; color: var(--navy); font-size: clamp(26px, 3.2vw, 34px); margin: 0; line-height: 1.25; } /* ---------------- Gratitude / body copy ---------------- */ .lede-block{ max-width: 700px; margin: 0 auto; font-size: 17px; color: var(--ink); } .lede-block p{ margin: 0 0 14px; } .lede-block strong{ color: var(--navy); } .divider{ width: 64px; height: 2px; background: var(--blue-mid); margin: 28px auto; border: none; } /* ---------------- Speakers ---------------- */ .speakers{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 960px; margin: 0 auto; } .speaker-card{ background: var(--white); border: 1px solid var(--blue-line); padding: 22px 20px; text-align: center; } .speaker-card .initial{ width: 52px; height: 52px; margin: 0 auto 12px; border-radius: 50%; background: var(--navy); color: var(--white); font-family: var(--display-font); font-size: 22px; display:flex; align-items:center; justify-content:center; } .speaker-card h3{ font-family: var(--display-font); color: var(--navy); font-size: 19px; font-weight: 400; margin: 0 0 6px; } .speaker-card p{ margin:0; font-size: 13.5px; letter-spacing: .03em; text-transform: uppercase; color: var(--blue-mid); font-weight: 600; } /* ---------------- Agenda ---------------- */ .agenda{ max-width: 640px; margin: 0 auto; list-style: none; padding: 0; } .agenda li{ display:flex; gap: 18px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--blue-line); font-size: 16.5px; } .agenda li:first-child{ padding-top: 0; } .agenda li:last-child{ border-bottom: none; } .agenda .num{ flex: 0 0 auto; width: 30px; height: 30px; border: 1px solid var(--blue); color: var(--blue); border-radius: 50%; font-size: 12px; font-weight: 700; display:flex; align-items:center; justify-content:center; font-family: var(--body-font); } .qa-note{ max-width: 640px; margin: 24px auto 0; padding: 18px 22px; border-left: 3px solid var(--blue-mid); background: var(--white); font-size: 15.5px; color: var(--ink-soft); } /* ---------------- Private notice ---------------- */ .notice{ max-width: 680px; margin: 0 auto; text-align:center; border: 1px solid var(--blue-line); background: var(--white); padding: 26px 32px; } .notice .flag{ display:inline-block; font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--white); background: var(--navy); padding: 6px 14px; margin-bottom: 12px; font-weight: 700; } .notice p{ margin: 0; font-size: 16.5px; color: var(--ink); } .notice strong{ color: var(--navy); } /* ---------------- Closing ---------------- */ .closing{ max-width: 620px; margin: 0 auto; text-align: center; } .closing p{ font-size: 17px; color: var(--ink); margin: 0; } .closing .signoff{ margin-top: 16px; font-family: var(--display-font); font-size: 20px; color: var(--navy); } /* ---------------- Registration form ---------------- */ .register{ background: var(--navy); color: var(--white); } .register .section-head .kicker{ color: #9FC2DC; } .register .section-head h2{ color: var(--white); } .register .section-head .sub{ color: #C9DCEA; font-size: 15.5px; margin-top: 8px; } .form-shell{ max-width: 640px; margin: 0 auto; background: var(--white); padding: 28px; border: 1px solid var(--blue-line); } /* ---------------- Footer ---------------- */ footer{ padding: 28px 0 34px; text-align:center; border-top: 1px solid var(--blue-line); } footer p{ margin: 0; font-size: 13px; color: var(--ink-soft); letter-spacing: .02em; } /* ---------------- Responsive ---------------- */ @media (max-width: 860px){ .speakers{ grid-template-columns: 1fr; } } @media (max-width: 640px){ .wrap{ padding: 0 20px; } .topbar-inner{ padding: 12px 20px; } .topbar-name{ font-size: 15px; } .cta-btn{ padding: 9px 16px; font-size: 12.5px; } .invitation{ padding: 48px 24px 40px; } .invitation::before, .invitation::after{ inset: 6px; } .notice{ padding: 28px 22px; } .form-shell{ padding: 28px 20px; } .agenda li{ font-size: 15.5px; } } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } .cta-btn{ transition:none; } } For Heartbeat International donors — by invitation only Heartbeat International Register Now A Private Live Update You're Invited Private Live Update on the California Trial August 20 4:00 PM ET Over the past several months, you have faithfully prayed for Heartbeat International as we've defended the Abortion Pill Rescue Network and our First Amendment rights in California. Your encouragement has meant more than we can express. We'd love the opportunity to personally update you on where the case stands and what comes next, and to answer your questions during an exclusive live webinar for our inner circle. You'll Hear Directly From JG Jor-El Godsey President CB Christa Brown Sr. Director of Mission Impact DW Danielle M. White, Esq. General Counsel On the Agenda What We'll Discuss 1The latest developments in the California case 2What we've learned throughout the trial 3What comes next 4How you can continue praying for this ministry We'll also reserve time for a live Q&A, giving you the opportunity to ask questions directly to our leadership team. Please Note This is a private event for Heartbeat donors and will not be recorded, so we hope you'll join us live. Thursday, August 20 · 4:00 PM Eastern Join Us for a Private Live Update on the California Trial Registration is required to receive your private viewing link.