/* proto-pages-home.css: Oracle's home (templates/search/home.html): the hero, the site's own photo under a shade
   with the H1, the first line and the kit's vehicle band as the finder. */
@layer base, kit, site;

@layer site {

.ora-hero { position: relative; background-color: var(--site-bg); background-size: cover; background-position: center; }
.ora-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--site-bg) 88%, transparent), color-mix(in srgb, var(--site-bg) 35%, transparent)); }
.ora-hero__in { position: relative; max-width: var(--site-max); margin: 0 auto; padding: 72px 24px 56px; }
.ora-hero .pp-lead { max-width: 640px; }
.ora-hero__finder { max-width: 980px; margin-top: 28px; }

@media (max-width: 979.98px) {
  .ora-hero__in { padding: 24px 16px 24px; }
  .ora-hero__finder { margin-top: 16px; }
}

}