.skin-process { padding-top: 0; }
.skin-process .study-section { max-width: 64rem; margin-inline: auto; }
.skin-sprites {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.65rem, 2.5vw, 1.5rem);
  width: min(100%, 28rem);
  margin-inline: auto;
}
.skin-sprite-window {
  position: relative;
  overflow: hidden;
  aspect-ratio: 366 / 780;
  background: #858084;
}
.skin-sprite-window img {
  position: absolute;
  width: 295.08%;
  max-width: none;
  height: auto;
  left: -97.54%;
  top: -92.18%;
}
.skin-hud-sketch { width: min(100%, 15rem); }
.skin-plan { margin: .75rem 0 0; }
.skin-plan > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: .65rem 1.25rem;
  padding: .55rem 0;
  border-top: 1px solid var(--line);
}
.skin-plan dt { font-weight: 600; }
.skin-plan dd { margin: 0; }
@media (max-width: 480px) {
  .skin-plan > div { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
}