.line-art-filters {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

html,
body {
  overflow-x: hidden;
}

.families {
  position: relative;
  overflow: hidden;
}

.romania-library-art {
  position: relative;
  width: 100vw;
  height: clamp(12rem, 24vw, 24rem);
  margin: clamp(3rem, 7vw, 7rem) 0 calc(-1 * clamp(4rem, 8vw, 8rem)) calc(50% - 50vw);
  overflow: hidden;
  border-top: 1px solid rgba(183, 121, 62, .18);
  pointer-events: none;
}

.romania-library-art img,
.footer-cultural-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  filter: url(#copper-outline);
}

.romania-library-art img {
  opacity: .72;
}

.footer-cultural-art {
  position: relative;
  width: 100vw;
  height: clamp(14rem, 28vw, 28rem);
  margin: clamp(3rem, 7vw, 7rem) 0 0 calc(50% - 50vw);
  overflow: hidden;
  border-top: 1px solid rgba(183, 121, 62, .2);
  pointer-events: none;
}

.footer-cultural-art::before {
  content: "ROMANIA · MEMORY · CRAFT";
  position: absolute;
  z-index: 2;
  top: 1.15rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(205, 151, 91, .7);
  font: 500 .59rem/1 "DM Sans", sans-serif;
  letter-spacing: .28em;
  white-space: nowrap;
}

.footer-cultural-art img {
  opacity: .8;
}

.footer-base {
  position: relative;
  z-index: 2;
  margin-top: 0 !important;
}

@media (max-width: 800px) {
  .romania-library-art {
    height: 11rem;
    margin-top: 3rem;
  }

  .footer-cultural-art {
    height: 13rem;
    margin-top: 4rem;
  }
}