body.home #header {
  --home-nav-band-height: 3.1rem;
  background-color: #36103a;
  position: relative;
  overflow: visible;
  background-image: linear-gradient(rgba(20, 10, 22, 0.34), rgba(20, 10, 22, 0.34)), url('/wp-content/themes/twentytwentyfive/assets/images/Homepage\ Hero\ Image\ \(No\ Logo\).png');
  background-repeat: no-repeat;
  padding-top: 0;
  padding-bottom: 0;
}



@media (min-width: 1200px) {
  body.home #header {
    background-image: linear-gradient(rgba(20, 10, 22, 0.34), rgba(20, 10, 22, 0.34)), url('https://thepedagogylab.org/wp-content/uploads/2026/10/TPL-Hero-Image-WordPress-1.png');
		  background-repeat: no-repeat;
  background-size: cover;
  }
@media (max-width: 760px) {
  body.home #header::before {
    left: clamp(0.7rem, 3.6vw, 1.25rem);
    right: clamp(0.7rem, 3.6vw, 1.25rem);
    top: 42%;
    font-size: clamp(0.75rem, 2.9vw, 0.92rem);
    line-height: 1.28;
  }

  body.home #header::after {
    left: clamp(0.7rem, 3.6vw, 1.25rem);
    right: clamp(0.7rem, 3.6vw, 1.25rem);
    top: auto;
    bottom: clamp(5rem, 5vh, 2rem);
    transform: none;
    width: auto;
    max-width: 14ch;
    font-size: clamp(1.65rem, 8.5vw, 2.35rem);
    line-height: 1.1;
  }


  body:not(.home) #header {
    --page-nav-band-height: 2.55rem;
    min-height: 20vh;
    height: 20vh;
    background-position: center top, left var(--page-nav-band-height);
    background-size: auto, 520px auto;
  }

  #header .alignwide > .wp-block-group:last-child {
    padding: 0.3rem 0.7rem 0.3rem 3.4rem;
  }

  #header {
      padding: 0 !important;
  }

    body.page-template-long-item-page #header,
    body.page-template-long-item-page-php #header,
    body.page-template-oer-library #header,
    body.page-template-oer-library-php #header {
      --page-nav-band-height: 3.1rem;
      background-position: center top, left var(--page-nav-band-height);
    }

  body.home #header > .wp-block-group,
  body.home #header > .wp-block-group > .alignwide {
    min-height: auto;
  }

  #header .pcf-header-logo-image {
    max-height: 32px;
    max-width: min(150px, 46vw);
  }