/* extras: photo layouts + sticky fix */
.ing { position: static !important; }

.slide-art { position: relative; }
.slide-art .slide-photo {
  position: absolute; inset-inline-start: 8%; top: 50%; transform: translateY(-50%);
  width: min(42%, 220px); aspect-ratio: 1; object-fit: cover; border-radius: 22px;
  box-shadow: 0 16px 40px rgba(0,0,0,.35); border: 3px solid rgba(255,250,246,.9); z-index: 2;
}
.slide-art .big { position: relative; z-index: 1; margin-inline-start: 12%; }

.tut-photo {
  display: block; width: 100%; aspect-ratio: 16/10; border-radius: 16px; overflow: hidden;
  margin: 0 0 .9rem; background: var(--bg2);
}
.tut-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.m-head { position: relative; }
.m-head-photo {
  position: absolute; inset-inline-start: 6%; top: 50%; transform: translateY(-55%);
  width: min(34%, 200px); aspect-ratio: 1; object-fit: cover; border-radius: 20px;
  box-shadow: 0 12px 32px rgba(0,0,0,.35); border: 3px solid rgba(255,250,246,.92); z-index: 2;
}
.m-head .art { position: relative; z-index: 1; }

@media (max-width: 600px) {
  .m-head-photo { width: 28%; inset-inline-start: 4%; }
  .slide-art .slide-photo { width: min(38%, 140px); inset-inline-start: 4%; }
}