/* The optimizer supplies intrinsic dimensions. Component styles still own their frames. */
:where(img[data-colba-intrinsic]) {
  height: auto;
}

.page-blog-detail-header__preview-wrapper {
  align-self: flex-start;
}

.page-about-head__inner {
  height: clamp(320px, 52vw, 676px);
}

.page-about-head__image,
.teams-head__image {
  object-fit: cover;
}

.category-catalog-head__image {
  object-fit: contain;
}

.page-about-founder-card__photo {
  height: auto;
}

.page-about-interior {
  display: grid;
  grid-template-columns: minmax(0, 3fr) repeat(2, minmax(0, 1fr));
  gap: clamp(10px, 1.8vw, 24px);
}

.page-about-interior__frame {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 20px;
  background: #e2ede8;
}

.page-about-interior__frame--lead {
  aspect-ratio: 16 / 9;
}

.page-about-interior__frame img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .page-about-interior {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-about-interior__frame {
    aspect-ratio: 3 / 4;
    border-radius: 14px;
  }

  .page-about-interior__frame--lead {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 9;
  }
}