/* proto-pages-home.css: dinancars.ca's home (templates/search/home.html) over the shared frame (proto-pages.css):
   Dinan's black hero with the H1 in white Oswald, its first line, and the kit's vehicle band under them; the car and
   part tiles are the frame's. White, near black and their red from cl-site.css's tokens, square boxes. */
@layer base, kit, site;

@layer site {

.dn-hero { background: var(--site-dark); border-bottom: 4px solid var(--site-accent); }
.dn-hero__in { max-width: var(--site-max); margin: 0 auto; padding: 48px 24px 32px; }
.dn-hero .dn-hero__h { font-size: 52px; color: var(--site-accent-fg); }
.dn-hero .dn-hero__lead { color: var(--site-accent-fg); }

.dn-home__wrap { padding-top: 0; }
.dn-home__h { margin-bottom: 16px; padding-left: 10px; border-left: 5px solid var(--site-accent); }

@media (max-width: 979.98px) {
  .dn-hero__in { padding: 28px 16px 20px; }
  .dn-hero .dn-hero__h { font-size: 38px; }
}

}