/* Anopedia 1.5.1: actual logo artwork in Aliopisto and homepage.
   Preserve image proportions and avoid any photo/illustration substitution. */

/* The Aliopisto is a dark panel in either theme. Its seal must always be LIGHT. */
.academy-hero .academy-hero-seal img,
html[data-theme="dark"] .academy-hero .academy-hero-seal img {
  filter: drop-shadow(0 3px 11px rgba(246,236,204,.09));
  opacity: .96;
  object-fit: contain;
}

/* Replace the old circular diagram with a single restrained brand watermark.
   It belongs behind the opening, never in the reading or interaction layer. */
.ed-home .ed-intro {
  grid-template-columns: minmax(0, 1fr);
  isolation: isolate;
}
.ed-home .ed-intro-content { position: relative; z-index: 2; }
.ed-home .ed-ornament.ed-watermark {
  position: absolute;
  z-index: 0;
  right: clamp(-190px,-10vw,-60px);
  top: clamp(5px,2.8vw,48px);
  width: clamp(390px,56vw,740px);
  height: auto;
  aspect-ratio: 1;
  margin: 0;
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  pointer-events: none;
  contain: layout paint;
}
.ed-home .ed-watermark-logo {
  display: block;
  width: 100%;
  height: 100%;
  opacity: .067;
  object-fit: contain;
  filter: none;
}
html[data-theme="dark"] .ed-home .ed-watermark-logo {
  filter: invert(1);
  opacity: .09;
}

@media (max-width: 820px) {
  .ed-home .ed-ornament.ed-watermark {
    right: -130px;
    top: 13px;
    width: clamp(320px,84vw,560px);
  }
}
@media (max-width: 480px) {
  /* Crop well beyond the viewport edge, but never make the page scroll sideways. */
  .ed-home .ed-ornament.ed-watermark {
    right: -138px;
    top: 4px;
    width: clamp(325px,95vw,480px);
  }
  .ed-home .ed-watermark-logo { opacity: .06; }
  html[data-theme="dark"] .ed-home .ed-watermark-logo { opacity: .085; }
}