.case-tile__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  background: #182d42;
  pointer-events: none;
}

.case-tile__media img,
.case-tile__media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-tile__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #081722c9 0%, #081722b8 42%, #08172291 65%, #081722e0 100%);
}

.case-tile--media .case-tile__front {
  --case-ink: #fffdf6;
  --case-line: #fffdf645;
  background: #182d42;
  color: #fffdf6;
}

.case-tile--media .case-tile__open {
  position: relative;
  z-index: 1;
  background: transparent;
  color: inherit;
}

.case-tile--media .case-tile__summary { color: #f2f3ef; }

.project-article__media {
  position: relative;
  width: 100%;
  min-width: 0;
  aspect-ratio: 4 / 3;
  margin: 25px 0 0;
  overflow: hidden;
  border-radius: 10px;
  background: var(--surface, #223d54);
}

.project-article__media img,
.project-article__media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.owner-profile {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 14px;
}

.owner-motion {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  background: var(--surface, #223d54);
}

.owner-motion--square { aspect-ratio: 1; }

.owner-motion img,
.owner-motion video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}

.owner-profile > button { width: 100%; flex: 1; }

@media (max-width: 700px) {
  .project-article__media { margin-top: 20px; }
  .owner-profile { gap: 10px; }
}