/* Keep the supplied garden behind the interactive model, with a quiet ivory wash. */
.model-stage {
  background-color: #edece2;
  background-image: linear-gradient(90deg, rgba(246,246,235,.78), rgba(246,246,235,.65) 55%, rgba(246,246,235,.52)), url('assets/model-garden-background.png');
  background-size: cover;
  background-position: center;
}
.model-stage .model-watermark { color: rgba(87,104,76,.1); }

/* Search starts at the viewport edge, independent of the sticky navigation. */
.search-overlay.search-refined {
  inset-block-start: 0;
  inset-block-end: auto;
  margin: 0;
  max-height: 100svh;
  border-top: 0;
}
.search-refined .dialog-close {
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 1;
  font-size: 0;
  color: #252525;
}
.search-refined .dialog-close::before,
.search-refined .dialog-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 1.5px;
  border-radius: 1px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.search-refined .dialog-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
@media (max-width: 600px) {
  .model-stage { background-position: 42% center; }
  .search-refined .dialog-close { font-size: 0; }
}