/* Rounded owl model V2. White-background originals remain unmodified. */
.hero-mascot {
  width: 184px; height: 184px; top: -175px; right: -3px;
  object-fit: contain; mix-blend-mode: multiply;
}
.hero-mascot,.showcase-owl {
  mask-image: linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),
    linear-gradient(to bottom,transparent,#000 2%,#000 97%,transparent);
  mask-composite: intersect;
}
.header-avatar { position: relative; background: #eff5ff; }
.header-avatar img {
  position: relative; max-width: none; width: 60px; height: 60px;
  left: -10px; top: -2px; object-fit: contain; mix-blend-mode: multiply;
}
.showcase-owl.is-presenter {
  width: 170px; height: 170px; bottom: 0;
  object-fit: contain; mix-blend-mode: multiply;
}
.eco-brand-logo { background: #f4f8ff; border: 1px solid #dce8fa; }
.eco-brand-logo img {
  width: 100%; height: 100%; left: 0; top: 0;
  object-fit: contain; mix-blend-mode: multiply; filter: none;
}
@media(max-width:800px) {
  .hero-visual { margin-top: 144px; }
  .hero-mascot { width: 134px; height: 134px; top: -127px; }
  .showcase-owl.is-presenter { width: 130px; height: 130px; }
}
@media(max-width:480px) {
  .hero-visual { margin-top: 124px; }
  .hero-mascot { width: 116px; height: 116px; top: -110px; }
  .showcase-owl.is-presenter { width: 120px; height: 120px; }
}