#projects > .section-label,
#tools > .section-label,
#multiplatform > .section-label {
  min-height: 240px;
  margin: -65px -9.524% 0;
  padding: 36px 8%;
  align-items: flex-end;
  gap: 24px;
  color: #fff;
  border: 0;
  background-color: #141817;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-shadow: 0 1px 4px #000;
}
#projects,
#tools,
#multiplatform {
  position: relative;
  isolation: isolate;
  background: var(--page);
}
#projects::before,
#tools::before,
#multiplatform::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  opacity: .09;
}
#projects::before { background-image: url('assets/android-apps-studio.webp'); }
#tools::before { background-image: url('assets/desktop-tools-studio.webp'); }
#multiplatform::before { background-image: url('assets/multiplatform-studio.webp'); }
html[data-theme=dark] #projects::before,
html[data-theme=dark] #tools::before,
html[data-theme=dark] #multiplatform::before { opacity: .16; }
#projects > .section-label {
  background-image: linear-gradient(#10131040, #10131080), url('assets/android-apps-studio.webp');
}
#tools > .section-label {
  background-image: linear-gradient(#10131040, #10131080), url('assets/desktop-tools-studio.webp');
}
#multiplatform > .section-label {
  background-image: linear-gradient(#10131040, #10131080), url('assets/multiplatform-studio.webp');
}
html[data-theme=dark] .studio .services {
  background: #0b0e0ccc;
}
html[data-theme=dark] .studio .services::before {
  opacity: .025;
}
.project-title > .tool-preview {
  margin: 18px 0 0 34px;
  flex: 0 1 220px;
}
@media (max-width: 700px) {
  #projects > .section-label,
  #tools > .section-label,
  #multiplatform > .section-label {
    margin: -40px -24px 0;
    padding: 24px;
    min-height: 200px;
    flex-wrap: wrap;
    background-position: 65% center;
  }
}