/* ===================== */
/* GLOBAL MINISTRY HERO   */
/* ===================== */
.umf-hero {
  position: relative;
  isolation: isolate;
  min-height: clamp(410px, 33.2vw, 580px);
  color: #fff;
  background: #071a29 url('/assets/img/home/umf-hero-background.png') center / cover no-repeat;
  border-bottom: 1px solid var(--umf-gold);
}
.umf-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #04142255 0%, #04142215 47%, transparent 69%);
}
.umf-hero-inner {
  position: relative;
  width: min(calc(100% - 100px), var(--umf-content));
  min-height: inherit;
  display: flex;
  align-items: center;
  padding-block: 36px;
}
.umf-hero-copy {
  position: relative;
  z-index: 1;
  width: 63%;
}
.umf-hero-eyebrow {
  margin-bottom: 16px;
  color: #ebc76c;
  font-size: clamp(.62rem, .9vw, .85rem);
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: .17em;
  text-transform: uppercase;
}
.umf-hero h1 {
  color: #fff;
  font-family: var(--umf-serif);
  font-size: clamp(1.85rem, 3.3vw, 3.4rem);
  font-weight: 400;
  letter-spacing: -.03em;
  line-height: 1.22;
  text-shadow: 0 2px 8px #0008;
}
.umf-hero h1 > span {
  display: block;
  white-space: nowrap;
}
.umf-hero h1 .umf-hero-gold {
  color: #edc265;
}
.umf-hero-description {
  max-width: 700px;
  margin-top: 16px;
  font-family: var(--umf-editorial);
  font-size: clamp(1rem, 1.4vw, 1.3rem);
  line-height: 1.52;
  text-shadow: 0 1px 5px #000;
}
.umf-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
.umf-hero-actions .umf-button {
  min-height: 48px;
  padding: 12px 24px;
  font-size: clamp(.65rem, .95vw, .85rem);
  letter-spacing: .045em;
  gap: 20px;
}
.umf-hero-secondary {
  border-color: #d6b161;
  background: #03132088;
  color: #fff;
}
.umf-hero-secondary:hover {
  background: #19394be6;
}
.umf-hero-seal {
  position: absolute;
  width: 23%;
  height: auto;
  right: 14.5%;
  top: 14%;
  filter: drop-shadow(0 4px 8px #0006);
}
.umf-hero-scripture {
  position: absolute;
  margin: 0;
  right: -1%;
  top: 22%;
  width: 16%;
  text-align: center;
  text-shadow: 0 2px 6px #000;
}
.umf-hero-scripture blockquote {
  margin: 0;
  color: #fff;
  font-family: var(--umf-editorial);
  font-style: italic;
  font-size: clamp(.85rem, 1.22vw, 1.22rem);
  line-height: 1.5;
}
.umf-hero-scripture figcaption {
  color: #f1cb70;
  margin-top: 9px;
  text-transform: uppercase;
  font-size: .65rem;
  letter-spacing: .035em;
}
/* ===================== */
/* RESPONSIVE HERO        */
/* ===================== */
@media (max-width: 1100px) and (min-width: 901px) {
  .umf-hero-copy { width: 62%; }
  .umf-hero-actions { gap: 12px; }
  .umf-hero-actions .umf-button { padding-inline: 16px; gap: 12px; }
  .umf-hero-seal { right: 12%; width: 24%; }
  .umf-hero-scripture { right: -1%; width: 15%; }
}
@media (max-width: 900px) {
  .umf-hero { min-height: 700px; background-position: 67% bottom; }
  .umf-hero::before { background: linear-gradient(180deg, #041422f0 0%, #041422ed 45%, #04142230 78%, #04142210); }
  .umf-hero-inner { width: calc(100% - 40px); display: block; padding-block: 32px 280px; }
  .umf-hero-copy { width: 100%; }
  .umf-hero h1 { font-size: clamp(1.65rem, 4.4vw, 2.6rem); letter-spacing: -.035em; }
  .umf-hero h1 > span { white-space: normal; }
  .umf-hero-description { font-size: 1.05rem; max-width: 600px; }
  .umf-hero-seal { width: 165px; top: auto; bottom: 65px; right: 29%; }
  .umf-hero-scripture { top: auto; bottom: 120px; right: 0; width: 27%; }
  .umf-hero-scripture blockquote { font-size: .9rem; }
  .umf-hero-actions .umf-button { font-size: .72rem; }
}
@media (max-width: 480px) {
  .umf-hero { min-height: 780px; }
  .umf-hero-inner { padding-block: 28px 285px; }
  .umf-hero-eyebrow { font-size: .61rem; letter-spacing: .12em; }
  .umf-hero h1 { font-size: clamp(1.65rem, 6vw, 1.95rem); }
  .umf-hero-actions { display: grid; gap: 12px; }
  .umf-hero-seal { width: 140px; right: auto; left: 0; bottom: 70px; }
  .umf-hero-scripture { width: 46%; bottom: 115px; }
  .umf-hero-scripture figcaption { font-size: .58rem; }
}
@media print {
  .umf-hero { background: white; min-height: 0; color: black; }
  .umf-hero::before, .umf-hero-seal, .umf-hero-scripture { display: none; }
  .umf-hero-inner { padding: 20px 0; }
  .umf-hero-copy { width: 100%; }
  .umf-hero h1, .umf-hero h1 .umf-hero-gold, .umf-hero-description, .umf-hero-eyebrow { color: black; text-shadow: none; }
}