/* Keep brand illustrations in the contexts established by otako-eggs.com.
 * Load after style.css. No traveling-egg styles are changed here. */
.intro-side .approach-illustration {
  position: static;
  display: block;
  width: clamp(150px, 16vw, 220px);
  height: auto;
  margin: 36px 0 0;
  object-fit: contain;
}
.quality-grid-editorial .quality-card {
  min-height: 320px;
  justify-content: flex-start;
}
.quality-grid-editorial .card-index {
  display: block;
  margin-bottom: 64px;
}
.quality-grid-editorial .quality-card h3 {
  margin-top: 0;
}
/* The original quality illustration accompanies the egg, not the far edge. */
.manifesto .quality-illustration {
  width: clamp(105px, 12vw, 150px);
  left: calc(50% + 155px);
  right: auto;
  bottom: 158px;
  transform: none;
}
/* Preserve the actual pink/cream brand artwork rather than recoloring it. */
.cooperation-art .partnership-illustration {
  filter: none;
  width: clamp(140px, 15vw, 200px);
  right: 0;
  bottom: 0;
  object-fit: contain;
}
@media (max-width: 767px) {
  .intro-side { padding-right: 0; }
  .intro-side .approach-illustration { margin-top: 28px; width: 150px; }
  .quality-grid-editorial .quality-card { min-height: 280px; }
  .quality-grid-editorial .card-index { margin-bottom: 40px; }
  .manifesto .quality-illustration {
    left: 70%;
    bottom: 105px;
    width: 90px;
  }
  .cooperation-art .partnership-illustration { width: 140px; right: 0; }
}

@media (max-width:767px){.manifesto .manifesto-egg{left:40%;width:197px;height:210px;bottom:60px}}