article {
  --design-spacing-vertical: 2rem;
  --design-spacing-horizontal: 2rem;
}
article .split-hor, article .split-ver {
  display: flex;
  gap: var(--design-spacing-horizontal);
}
article .split-hor p:last-child, article .split-ver p:last-child {
  margin-bottom: 0;
}
article .split-hor:not(:first-child), article .split-ver:not(:first-child) {
  margin-top: var(--design-spacing-vertical);
}
article .split-hor:not(:last-child), article .split-ver:not(:last-child) {
  margin-bottom: var(--design-spacing-vertical);
}
article .split-hor {
  flex-direction: column;
}
@media (min-width: 992px) {
  article .split-hor {
    flex-direction: row;
    align-items: center;
  }
  article .split-hor .left {
    order: -100;
  }
  article .split-hor .right {
    order: 100;
  }
}
article .split-hor .left, article .split-hor .right {
  width: 100%;
}
article .split-ver {
  flex-direction: column;
}

#shanks img {
  padding-left: 10%;
  padding-right: 10%;
}

.art {
  position: relative;
}
.art img {
  width: 100%;
  object-fit: contain;
}
.art img.design {
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.15));
}
.art .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.art .overlay.hover {
  opacity: 1;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

[data-theme=dark] .art img.design {
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.5));
}

/*# sourceMappingURL=design.css.map */