/* Artwork only: retain the existing title scale and stepped lines. */
.studio-statement .statement-title { position: relative; }
.studio-statement .statement-art {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  position: relative;
  margin: 0 0 clamp(40px, 5vw, 72px);
  padding-top: 32px;
  line-height: 0;
  pointer-events: none;
}
.studio-statement .statement-art-detail,
.studio-statement .statement-art-hull {
  display: block;
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  transform: translate3d(0, var(--art-y, 0px), 0);
  clip-path: inset(0 0 var(--art-crop, 0%) 0);
}
.studio-statement .statement-art-detail {
  grid-column: 2 / 5;
  aspect-ratio: 4 / 5;
  margin-top: clamp(40px, 5vw, 80px);
}
.studio-statement .statement-art-hull {
  grid-column: 8 / 13;
  aspect-ratio: 5 / 4;
  margin-top: clamp(-120px, -7vw, -64px);
  align-self: start;
}
.studio-statement .statement-art img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}
.studio-statement .statement-art-detail img { object-position: 50% 66%; }
.studio-statement .statement-art-hull img { object-position: 50% 54%; }
.studio-statement .statement-art [data-failed] { visibility: hidden; }
.studio-statement .statement-ending { margin-top: clamp(48px, 5vw, 80px); }
@media (max-width: 1000px) {
  .studio-statement .statement-art { gap: 16px; margin-bottom: 40px; }
  .studio-statement .statement-art-detail { grid-column: 1 / 5; margin-top: 48px; }
  .studio-statement .statement-art-hull { grid-column: 7 / 13; margin-top: 0; }
}
@media (max-width: 700px) {
  .studio-statement .statement-heading { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
  .studio-statement .statement-index { display: flex; align-items: center; white-space: nowrap; }
  .studio-statement .statement-index .j-mark { width: 22px; height: 22px; margin-right: 8px; }
  .studio-statement .statement-label { margin-left: auto; font-size: 9px; }
  .studio-statement .statement-art { padding-block: 28px; gap: 16px; margin-bottom: 4px; }
  .studio-statement .statement-art-detail { grid-column: 1 / 6; margin-top: 48px; }
  .studio-statement .statement-art-hull { grid-column: 6 / 13; aspect-ratio: 4 / 5; margin-top: 0; }
  .studio-statement .statement-art-detail,
  .studio-statement .statement-art-hull { transform: none; clip-path: none; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-statement .statement-art-detail,
  .studio-statement .statement-art-hull { transform: none; clip-path: none; }
}