.mugello-filter__hero {
  position: relative;
  width: 100vw;
  margin: 0 0 64px calc(50% - 50vw);
  overflow: hidden;
  background: #00a84f;
  color: #102f35;
}
.mugello-filter__hero::before,
.mugello-filter__hero::after {
  position: absolute;
  width: 75vw;
  height: 360px;
  border: 1px solid rgba(210, 224, 123, .48);
  border-radius: 50%;
  content: "";
  transform: rotate(8deg);
}
.mugello-filter__hero::before { top: -210px; left: -12vw; }
.mugello-filter__hero::after { right: -18vw; bottom: -250px; }
.mugello-filter__hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: auto;
  padding: 54px 24px 66px;
  text-align: center;
}
.mugello-filter__breadcrumbs { margin-bottom: 24px; font-size: 13px; }
.mugello-filter__breadcrumbs span { margin: 0 9px; opacity: .6; }
.mugello-filter__hero h1 { margin: 0 0 18px; color: inherit; font-size: clamp(34px, 4vw, 55px); font-weight: 700; }
.mugello-filter__hero p { max-width: 680px; margin: auto; font-size: 17px; line-height: 1.65; }
.mugello-filter__heading { margin: 0 0 34px; color: #102f35; font-size: clamp(28px, 3vw, 42px); text-align: center; }
.mugello-filter__bar { justify-content: center; border: 0; gap: 12px; }
.mugello-filter__facet { flex: 0 1 235px; width: auto !important; border: 0 !important; }
.mugello-filter__toggle {
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  background: #bfe3e6;
}
.mugello-filter__toggle:hover,
.mugello-filter__toggle.is-active { background: #a9d9dd; }
.mugello-filter__actions { margin: 16px 0 38px; text-align: center; }
.mugello-filter__status { margin: 0 0 22px !important; color: #102f35; font-weight: 700; }
.mugello-filter__card { height: 100%; }
.mugello-filter__media { display: block; overflow: hidden; border-radius: 18px; background: #edf5f4; }
.mugello-filter__media--placeholder { aspect-ratio: 1 / 1; background: linear-gradient(145deg, #d9edef, #b9dfe2); }
.mugello-filter__image { aspect-ratio: 1 / 1; transition: transform .3s ease; }
.mugello-filter__card:hover .mugello-filter__image { transform: scale(1.025); }
.mugello-filter__title { margin: 17px 4px 9px; font-size: 19px; line-height: 1.35; }
.mugello-filter__title a { color: #102f35; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.mugello-filter__credit { margin: 0 4px; color: #627378; font-size: 12px; line-height: 1.55; }
@media (max-width: 959px) {
  .mugello-filter__hero { margin-bottom: 46px; }
  .mugello-filter__facet { flex-basis: calc(50% - 6px); }
}
@media (max-width: 639px) {
  .mugello-filter__hero-inner { padding: 38px 20px 45px; }
  .mugello-filter__facet { flex-basis: 100%; }
  .mugello-filter__bar { gap: 8px; }
  .mugello-filter__actions { margin-bottom: 28px; }
}