.studio .contact {
  position: relative;
  isolation: isolate;
  background: var(--page);
}
.studio .contact::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url('assets/contact-studio.webp') center / cover no-repeat;
  opacity: .1;
}
html[data-theme=dark] .studio .contact::before {
  background-image: url('assets/contact-studio.webp');
  background-repeat: no-repeat;
  opacity: .26;
}
html[data-theme=dark] .studio .contact .contact-note { color: #d0dbd4; }
@media (max-width:700px) {
  .studio .contact::before { background-position: 65% center; }
}