.botanical-host {
  position: relative;
  overflow: hidden;
  overflow: clip;
  isolation: isolate;
}

.botanical-host > :not(.botanical-accent) {
  position: relative;
  z-index: 1;
}

.botanical-accent {
  position: relative;
  z-index: 0;
  width: clamp(7.5rem, 34vw, 10rem);
  margin: var(--space-4) auto 0;
  pointer-events: none;
  user-select: none;
}

.botanical-accent img {
  position: static;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  opacity: 1;
}

.botanical-accent--about {
  filter: drop-shadow(0 1rem 1.4rem rgb(26 12 17 / 0.22));
}

.botanical-accent--journal {
  margin-inline: auto 0;
  filter: drop-shadow(0 1rem 1.4rem rgb(12 8 9 / 0.28));
}

.botanical-accent--finder {
  width: clamp(6.75rem, 30vw, 8.5rem);
  filter: drop-shadow(0 0.8rem 1.2rem rgb(var(--color-gold-rgb) / 0.3));
}

@media (min-width: 48rem) {
  .page--about .about-manifesto.botanical-host {
    padding-inline-start: clamp(13rem, 23vw, 17rem);
  }

  .botanical-accent--about {
    position: absolute;
    inset-block-start: clamp(2rem, 5vw, 4rem);
    inset-inline-start: clamp(1.5rem, 4vw, 3.5rem);
    width: clamp(10rem, 17vw, 13.5rem);
    margin: 0;
  }

  .page--magazine .magazine-hero > .container {
    position: relative;
    padding-inline-start: clamp(13rem, 22vw, 17rem);
  }

  .botanical-accent--journal {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: clamp(0rem, 3vw, 2.5rem);
    width: clamp(9rem, 15vw, 12rem);
    margin: 0;
  }

  .page--scent-finder .page-heading.botanical-host {
    min-height: 14rem;
    padding-inline-start: clamp(11rem, 21vw, 15rem);
  }

  .botanical-accent--finder {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: clamp(1.5rem, 4vw, 3.5rem);
    width: clamp(8rem, 14vw, 11rem);
    margin: 0;
    transform: translateY(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .botanical-accent,
  .botanical-accent img {
    transition: none !important;
  }
}

@media (prefers-contrast: more) {
  .botanical-accent {
    filter: none;
  }
}