:root{
  --media-stage-ratio: 16 / 10;
  --media-card-ratio: 4 / 3;
  --media-portrait-ratio: 5 / 6;
  --media-thumb-ratio: 1 / 1;
  --media-radius-lg: 28px;
  --media-radius-md: 22px;
  --media-radius-sm: 18px;
}

/* Tek görsel sistemi: sahne, kart ve küçük görseller aynı oran dilini konuşsun */
.home-stage__visual,
.art-gallery,
.art-grid-2,
.art-grid-3,
.art-shell,
.art-profile{
  align-items: stretch;
}

.art-card,
.art-feature,
.art-info,
.art-stat,
.art-timeline__item{
  overflow: hidden;
}

/* Ana sahne ve proje kahraman görselleri */
.art-frame,
.art-gallery__stage{
  border-radius: var(--media-radius-lg);
  overflow: hidden;
  min-height: 0;
}

.art-frame > img,
.art-gallery__stage > img,
.art-gallery__stage picture img,
.art-gallery__stage picture source + img{
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--media-stage-ratio);
  object-fit: cover;
  object-position: center;
}

/* Anasayfa galeri kutuları ve içerik içi görsel kartları */
.art-grid-2 > figure.art-feature,
.art-grid-3 > figure.art-feature,
.art-feature > figure,
.art-card figure{
  margin: 0;
}

.art-grid-2 > figure.art-feature,
.art-grid-3 > figure.art-feature,
.art-feature--media,
.art-card--media{
  padding: 0 !important;
  min-height: 0;
}

.art-grid-2 > figure.art-feature img,
.art-grid-3 > figure.art-feature img,
.art-feature figure img,
.art-card figure img,
.rich-prose img,
.entry-content img,
.project-content img,
.page-content img,
.blog-content img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--media-card-ratio);
  object-fit: cover;
  object-position: center;
}

/* Proje galerisi: uzun kutuları kes, başlık alanı sabitle */
.art-gallery{
  grid-template-columns: minmax(0, 1fr) minmax(112px, 144px);
  gap: 18px;
  align-items: stretch;
}

.art-gallery__stage{
  box-shadow: 0 22px 56px rgba(10, 34, 71, .12);
}

.art-gallery__caption{
  max-width: min(92%, 640px);
}

.art-gallery__caption strong{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.art-gallery__caption p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.art-gallery__thumbs{
  display: grid;
  gap: 12px;
  align-content: start;
}

.art-gallery__thumb{
  min-height: 0;
  border-radius: var(--media-radius-sm);
  overflow: hidden;
}

.art-gallery__thumb img{
  width: 100%;
  aspect-ratio: var(--media-thumb-ratio);
  object-fit: cover;
  object-position: center;
}

/* Profil alanları: fotoğraf/kimlik kartı daha derli toplu */
.art-identity__avatar,
.art-mini-profile__avatar,
.consultant-avatar,
.profile-avatar,
.team-avatar{
  overflow: hidden;
}

.art-identity__avatar img,
.art-mini-profile__avatar img,
.consultant-avatar img,
.profile-avatar img,
.team-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Çok uzun açıklamalı kartlar yüzünden aynı sıradaki kutular bozulmasın */
.art-grid-2 > .art-card,
.art-grid-2 > .art-feature,
.art-grid-3 > .art-card,
.art-grid-3 > .art-feature{
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.art-grid-2 > .art-card .art-card__inner,
.art-grid-2 > .art-feature,
.art-grid-3 > .art-card .art-card__inner,
.art-grid-3 > .art-feature{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.art-grid-2 > .art-card .art-actions,
.art-grid-2 > .art-feature .art-actions,
.art-grid-3 > .art-card .art-actions,
.art-grid-3 > .art-feature .art-actions{
  margin-top: auto;
}

/* Genel görsel yüzeyler: köşeler ve gölgeler tutarlı */
.art-grid-2 > figure.art-feature img,
.art-grid-3 > figure.art-feature img,
.rich-prose img,
.entry-content img,
.project-content img,
.page-content img,
.blog-content img{
  border-radius: var(--media-radius-md);
}

/* Mobil */
@media (max-width: 1100px){
  .art-gallery{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .art-gallery__thumbs{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 820px){
  :root{
    --media-stage-ratio: 4 / 3;
    --media-card-ratio: 4 / 3;
  }

  .art-gallery__thumbs{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .art-gallery__caption{
    left: 14px;
    right: 14px;
    bottom: 14px;
    padding: 14px 16px;
  }
}

@media (max-width: 640px){
  .art-gallery__thumbs{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .art-frame > img,
  .art-gallery__stage > img,
  .art-gallery__stage picture img,
  .art-grid-2 > figure.art-feature img,
  .art-grid-3 > figure.art-feature img,
  .art-feature figure img,
  .art-card figure img{
    border-radius: 16px;
  }

  .art-grid-2 > .art-card,
  .art-grid-2 > .art-feature,
  .art-grid-3 > .art-card,
  .art-grid-3 > .art-feature{
    min-height: 0;
  }
}

.project-tag-ribbon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.video-shell {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: 18px;
  background: #0e1724;
}

.video-shell iframe,
.video-shell video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}