/* Homepage opening with the church-supplied Holiness Unto the Lord inscription. */
.hero.home-hero {
 position: relative;
 isolation: isolate;
 display: flex;
 align-items: center;
 min-height: clamp(720px, 57vw, 900px);
 padding: clamp(82px, 7vw, 118px) 0;
 background: #111112;
 color: #fffdf9;
 border-bottom: 1px solid #6c512c;
}
.home-hero .home-hero-media { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.home-hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.home-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg, rgba(11,12,13,.7) 0%, rgba(11,12,13,.58) 38%, rgba(11,12,13,.2) 62%, transparent 86%); }
.home-hero .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
.home-hero .hero-copy { width: min(61%, 810px); min-width: 0; }
.home-hero .hero-copy .eyebrow { color: #f0c656; font-size: calc((12px) * var(--site-type-scale, 1)); letter-spacing: .18em; margin-bottom: 30px; }
.home-hero .hero-copy .eyebrow span { background: #eac254; width: 32px; }
.home-hero h1 { font-size: calc((clamp(54px, 5.65vw, 90px)) * var(--site-type-scale, 1)); line-height: 1.08; letter-spacing: -.04em; max-width: none; margin: 0 0 34px; font-weight: 400; }
.home-hero h1 > span, .home-hero h1 > em { display: block; }
.home-hero h1 em { color: #f1c653; }
.home-hero .hero-copy > p:not(.eyebrow) { color: #f1eeea; max-width: 660px; font-size: calc((clamp(15px, 1.15vw, 18px)) * var(--site-type-scale, 1)); line-height: 1.9; margin-bottom: 30px; }
.home-hero .hero-actions { gap: 28px; }
.home-hero .hero-actions .button { background: #f2ce79; border-color: #f2ce79; color: #15120c; min-height: 58px; padding: 16px 26px; gap: 28px; font-size: calc((15px) * var(--site-type-scale, 1)); }
.home-hero .hero-actions .button:hover { background: #ffdc89; border-color: #ffdc89; }
.home-hero .hero-actions .text-link { color: #f4ce6c; border-color: #bd9c4d; font-size: calc((15px) * var(--site-type-scale, 1)); min-height: 44px; }
.home-hero .hero-actions .text-link:hover { color: #fff8e4; }
.home-hero .hero-footnote { color: #d6d1c7; margin-top: 48px; font-size: calc((10px) * var(--site-type-scale, 1)); letter-spacing: .09em; }
.home-hero .small-line { background: #e5bd61; width: 34px; flex-shrink: 0; }
.home-hero :focus-visible { outline: 3px solid #fff4ca; outline-offset: 5px; }
@media (max-width: 1100px) and (min-width: 701px) {
 .hero.home-hero { min-height: 700px; padding: 78px 0; }
 .home-hero .hero-copy { width: 67%; }
 .home-hero h1 { font-size: calc((clamp(49px, 5.65vw, 62px)) * var(--site-type-scale, 1)); }
 .home-hero .hero-copy > p:not(.eyebrow) { max-width: 530px; font-size: calc((15px) * var(--site-type-scale, 1)); }
}
@media (max-width: 1100px) {
 .hero.home-hero { display: block; padding: 0 0 44px; min-height: 0; }
 .home-hero .home-hero-media { position: relative; inset: auto; width: 100%; aspect-ratio: 1.55; z-index: 0; }
 .home-hero-media img { object-position: right center; }
 .home-hero .home-hero-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #111112 0%, rgba(17,17,18,.15) 38%, transparent 65%); }
 .home-hero::after { display: none; }
 .home-hero .hero-grid { position: relative; z-index: 1; margin-top: -12px; }
 .home-hero .hero-copy { width: 100%; }
 .home-hero .hero-copy .eyebrow { font-size: calc((9px) * var(--site-type-scale, 1)); letter-spacing: .13em; margin-bottom: 22px; }
 .home-hero .hero-copy .eyebrow span { width: 24px; }
 .home-hero h1 { font-size: calc((clamp(35px, 8.9vw, 58px)) * var(--site-type-scale, 1)); line-height: 1.12; letter-spacing: -.035em; margin-bottom: 24px; }
 .home-hero .hero-copy > p:not(.eyebrow) { font-size: calc((15px) * var(--site-type-scale, 1)); line-height: 1.85; max-width: 100%; margin-bottom: 25px; }
 .home-hero .hero-actions { gap: 20px; }
 .home-hero .hero-actions .button { min-height: 52px; padding: 14px 22px; gap: 22px; font-size: calc((14px) * var(--site-type-scale, 1)); }
 .home-hero .hero-actions .text-link { font-size: calc((14px) * var(--site-type-scale, 1)); }
 .home-hero .hero-footnote { margin-top: 32px; font-size: calc((9px) * var(--site-type-scale, 1)); }
}
@media (max-width: 360px) {
 .home-hero h1 { font-size: calc((clamp(30px, 9.4vw, 35px)) * var(--site-type-scale, 1)); }
 .home-hero .hero-copy .eyebrow { font-size: calc((8px) * var(--site-type-scale, 1)); letter-spacing: .08em; }
 .home-hero .hero-actions .button { width: 100%; justify-content: space-between; }
}
@media print {
 .hero.home-hero { background: white; color: black; padding: 25px 0; min-height: 0; }
 .home-hero .home-hero-media, .home-hero::after { display: none; }
 .home-hero .hero-copy { width: 100%; }
 .home-hero h1, .home-hero h1 em, .home-hero .hero-copy > p:not(.eyebrow), .home-hero .hero-copy .eyebrow, .home-hero .hero-footnote { color: black; }
}

/* Supplied online-ministry artwork retains its complete design at every width. */
.home-watch .home-watch-art { margin: 0; min-width: 0; overflow: hidden; border: 1px solid #c7ae77; border-radius: 4px; box-shadow: 0 14px 35px #34261714; }
.home-watch .home-watch-art img { display: block; width: 100%; max-width: 100%; height: auto; }

/* One-time entrances for the three homepage next-step cards. */
[data-home-actions] { overflow: hidden; overflow: clip; }
[data-home-actions] [data-home-reveal="left"] { --home-enter-x: -64px; --home-enter-y: 0px; }
[data-home-actions] [data-home-reveal="right"] { --home-enter-x: 64px; --home-enter-y: 0px; }
[data-home-actions] [data-home-reveal="up"] { --home-enter-x: 0px; --home-enter-y: 64px; }
[data-home-actions] [data-home-state="pending"] { opacity: 0; translate: var(--home-enter-x) var(--home-enter-y); transition: none; }
[data-home-actions] [data-home-state="shown"] { opacity: 1; translate: 0 0; transition: opacity 1.6s ease-in-out, translate 1.6s ease-in-out, background .2s, transform .2s; }
[data-home-actions] [data-home-reveal]:focus-visible { opacity: 1; translate: 0 0; transition: none; }
@media (prefers-reduced-motion: reduce) {
 [data-home-actions] [data-home-reveal] { opacity: 1 !important; translate: none !important; transition: none !important; }
}
@media print {
 [data-home-actions] [data-home-reveal] { opacity: 1 !important; translate: none !important; transition: none !important; }
}