x-home-close{display:contents}@scope (x-home-close) to (:scope :is(x-base,x-device,x-faq,x-footer,x-home-close,x-home-episode,x-home-faq,x-home-hero,x-home-journey,x-home-scripture,x-home-witnesses,x-nav)>*){.close{position:relative;display:grid;min-height:34rem;align-items:center;padding-block:var(--section-pad);background:var(--navy-deep);color:var(--on-navy);overflow:hidden}.close-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}.close::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--navy-deep) 92%,transparent) 0%,color-mix(in srgb,var(--navy-deep) 70%,transparent) 50%,transparent 100%)}.close-copy{position:relative;z-index:1}.close-copy h2{max-width:16ch;color:var(--on-navy)}.close-copy .lead{color:var(--on-navy-soft);margin-bottom:var(--space-6);max-width:30rem}.close-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.close-actions a.button.ghost{color:var(--on-navy);border-color:color-mix(in srgb,var(--on-navy) 45%,transparent)}.close-actions a.button.ghost:hover{border-color:var(--gold)}@media (max-width:720px){.close::after{background:color-mix(in srgb,var(--navy-deep) 78%,transparent)}}}