x-home-hero{display:contents}@scope (x-home-hero) 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)>*){.hero{padding-top:var(--space-8)}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-7);align-items:center}.hero-copy h1{max-width:15ch;color:var(--on-navy)}.hero-copy .lead{margin-bottom:var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-note{margin:var(--space-4) 0 0;font-size:var(--text-sm);color:var(--ink-dim)}.hero-art{margin:0}.hero-art .framed{aspect-ratio:3 / 2;box-shadow:0 30px 60px -30px rgb(0 0 0 / 0.6)}@media (min-width:960px){.hero{padding-top:var(--space-9)}.hero-grid{grid-template-columns:1.1fr 1fr;gap:var(--space-8)}.hero-art{margin-right:calc(var(--gutter) * -1)}}}