/* =========================================================
   CARTOON PORTRAIT ONLY
   This file overrides the shared project.css for this page.

   EASY SPACING CONTROL:
   Change 20px below to any value you want.
   ========================================================= */

.template-minimal {
  --cartoon-image-gap: 60px;
}

/* Five images, one after another. */
.template-minimal .cartoon-portrait-gallery {
  display: flex;
  flex-direction: column;
  gap: var(--cartoon-image-gap);
  padding: 0 0 44px;
}

/* IMPORTANT:
   No fixed aspect ratio.
   No cropping.
   Each image follows its own uploaded dimensions. */
.template-minimal .cartoon-portrait-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 20px;
}

/* Keep the softer mobile corner treatment from the site. */
@media (max-width: 640px) {
  .template-minimal .cartoon-portrait-image {
    border-radius: 14px;
  }
}