/* proto-pages-home.css: edelbrock.ca's home (templates/search/home.html): the hero, the live home's photo under a dark
   veil with the H1 and the brief in white, the finder (the kit's vehicle band) under them as a card; the rest of the
   home is proto-pages.css's frame. */
@layer base, kit, site;

@layer site {

.pp-hero { position: relative; background: var(--site-hero) center / cover no-repeat; }
.pp-hero::before { content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--site-hero) 80%, transparent); }
.pp-hero__in { position: relative; max-width: var(--site-max); margin: 0 auto; padding: 64px 24px 56px; }
main.pp-home .pp-hero { color: var(--site-hero-ink) !important; }
.pp-hero__h { max-width: 900px; font-size: 52px; }
.pp-hero__lead { max-width: 720px; margin-top: 14px; font-size: 20px; }
.pp-finder { margin-top: 32px; border-top: 4px solid var(--site-accent); }
.pp-finder :is(button, select, input) { min-height: 40px; }
.pp-home > .pp-wrap > .pp-section:first-child, .pp-home > .pp-wrap > .pp-note:first-child { margin-top: 0; }
.pp-home .pp-section > .pp-h2 { margin-bottom: 20px !important; }

@media (max-width: 979.98px) {
  .pp-hero__in { padding: 20px 16px 20px; }
  .pp-hero__h { font-size: 34px; }
  .pp-hero__lead { font-size: 15px; }
  .pp-finder { margin-top: 16px; }
}

}