/* Artykuły — page-specific styles; the shared subpage kit is at the end of assets/css/styles.css. */

/* Intro: reading column beside the reading-corner photo. */
.ary-wstep__grid { --gap: clamp(32px, 5vw, 72px); }

.ary-wstep__copy { max-width: 640px; }
.ary-wstep__copy h2 {
  max-width: 20ch;
  margin-top: 18px;
  font-size: var(--h2);
  font-weight: 700;
  line-height: 1.12;
}
.ary-wstep__copy .prose { margin-top: 22px; }

.ary-wstep__media {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3 / 2;
  border-radius: var(--radius);
  background: var(--tint);
}
.ary-wstep__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 55% 55%;
}

@media (max-width: 980px) {
  .ary-wstep__copy { max-width: none; }
}

@media (max-width: 600px) {
  .ary-wstep__media { aspect-ratio: 4 / 3; }
}