/* Site-specific overrides loaded after the vendored Webflow styles. */

/*
 * Article covers use a 2:1 source format (1280 x 640). Keep the card media
 * box at the same ratio and contain legacy covers so no artwork is cropped.
 */
.blog_img,
.blog_img.tokenized-cover {
  aspect-ratio: 2 / 1;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.blog_img.home {
  height: auto;
}

/*
 * Keep the fixed navigation legible over moving page content. The exported
 * navbar already provides the positioning and the dedicated background layer;
 * this override gives that layer an opaque-enough glass treatment without
 * changing Webflow's menu interactions.
 */
.navbar {
  isolation: isolate;
  z-index: 1000;
}

.navbar_bg {
  background: linear-gradient(180deg, rgb(6 7 9 / 92%), rgb(6 7 9 / 76%));
  border-bottom: 1px solid rgb(255 255 255 / 10%);
  box-shadow: 0 0.75rem 2.25rem rgb(0 0 0 / 22%);
  pointer-events: none;
  -webkit-backdrop-filter: saturate(135%) blur(18px);
  backdrop-filter: saturate(135%) blur(18px);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .navbar_bg {
    background: rgb(6 7 9 / 96%);
  }
}

@media (max-width: 479px) {
  .navbar_bg {
    background: rgb(6 7 9 / 88%);
    -webkit-backdrop-filter: saturate(125%) blur(14px);
    backdrop-filter: saturate(125%) blur(14px);
  }
}