.faith-nav {
  background: var(--red);
  box-shadow: 5px 5px 0 var(--black);
}

.faith-primary {
  box-shadow: 6px 6px 0 #fff;
}

.hero-secondary {
  border: 1px solid #777;
  color: #fff;
}

.gold {
  background: #d5b35f;
  color: #08090b;
}

.christ-now-banner {
  background: var(--blue);
  color: #fff;
  padding: 46px 7vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  border-bottom: 10px solid var(--black);
}

.christ-now-banner > div {
  max-width: 780px;
}

.christ-now-banner .kicker {
  color: #fff;
}

.christ-now-banner h2 {
  font-size: clamp(46px, 5vw, 76px);
  line-height: .9;
  margin: 0;
}

.christ-now-banner h2 span {
  color: #d5b35f;
}

.christ-now-banner p:not(.kicker) {
  font-size: 16px;
  line-height: 1.65;
  margin: 18px 0 0;
  color: #e7eef9;
}

.christ-now-banner .btn {
  flex: 0 0 auto;
  font-size: 12px;
  padding: 18px 22px;
  box-shadow: 7px 7px 0 var(--black);
}

.faith-account-card {
  margin: 34px 0 0;
  background: var(--black);
  color: #fff;
  padding: 30px 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  border-left: 8px solid var(--red);
  box-shadow: 9px 9px 0 #d9e3f3;
}

.faith-account-card > div {
  max-width: 760px;
}

.faith-account-card small {
  color: #d5b35f;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .18em;
}

.faith-account-card h3 {
  font-family: Anton, sans-serif;
  font-size: 32px;
  font-weight: 400;
  margin: 8px 0;
}

.faith-account-card p {
  color: #b8b8b8;
  line-height: 1.6;
  margin: 0;
}

.faith-account-card .btn {
  flex: 0 0 auto;
  text-align: center;
}

.callout-copy {
  max-width: 650px;
  color: #666;
  line-height: 1.7;
}

.callout-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  min-width: 310px;
}

.callout-actions .btn {
  text-align: center;
}

.amazon-ebook-link {
  border: 1px solid #aaa;
  padding: 14px 18px;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  color: var(--blue);
}

.floating-faith-cta {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 39;
  background: var(--red);
  color: #fff;
  padding: 11px 16px;
  border: 2px solid #fff;
  box-shadow: 7px 7px 0 var(--black);
  display: flex;
  flex-direction: column;
}

.floating-faith-cta span {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;
}

.floating-faith-cta b {
  font-family: Anton, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.05;
}

@media (max-width: 1050px) {
  .actions { flex-wrap: wrap; gap: 14px; }
  .watch { width: 100%; }
  .christ-now-banner, .faith-account-card { align-items: flex-start; flex-direction: column; }
  .faith-account-card .btn { width: 100%; }
}

@media (max-width: 900px) {
  .christ-now-banner { padding: 42px 6vw; }
  .callout-actions { margin-top: 26px; min-width: 0; }
  .callout-actions .btn { margin-top: 0; }
  .floating-faith-cta { left: 10px; bottom: 10px; padding: 9px 12px; }
  .floating-faith-cta b { font-size: 18px; }
}

@media (max-width: 600px) {
  .christ-now-banner h2 { font-size: 48px; }
  .christ-now-banner .btn, .actions .btn { width: 100%; text-align: center; }
  .faith-account-card { padding: 26px 22px; }
  .faith-account-card h3 { font-size: 28px; }
  .floating-faith-cta span { display: none; }
  .floating-faith-cta b { font: 800 10px 'DM Sans', sans-serif; letter-spacing: .06em; }
}