/* CoyKoi overrides on top of the Pexora theme. Loaded after styles.css so
   these win; keep theme edits here rather than in styles.css, which is the
   theme's file. */

/* The header stays on screen. The theme absolutely positions it over the
   hero with a transparent bar; fixed keeps exactly that look everywhere. */
.header-section {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
}

/* The CoyKoi wordmark is a pixel-art logo at roughly 2.5:1, where the theme's
   own mark was 4:1 and 55px wide. At that width the pixel detail turns to
   mush, so give it room. crisp-edges keeps the pixels square when the browser
   scales the SVG. */
.brand-logo-link {
  max-width: 120px;
}

.brand-logo-link img {
  width: 100%;
  height: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

/* Sign-off wordmark at the very bottom of every page, on the page background
   rather than inside the footer's dark block. */
.footer-wordmark {
  justify-content: center;
  padding: 56px 20px 28px;
  display: flex;
}

.footer-wordmark img {
  width: 100%;
  max-width: 360px;
  height: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}

@media screen and (max-width: 767px) {
  .footer-wordmark {
    padding: 36px 20px 20px;
  }

  .footer-wordmark img {
    max-width: 240px;
  }
}