/* Profile card — v1 Figma node 994:4543. Portrait 400px image (radius 16),
   name 24px Arimo, role 16px, circular action aligned to the right. */

.profile-card {
  display: flex;
  flex-direction: column;
  gap: var(--secan-space-l);
  height: 100%;
  margin-bottom: var(--secan-space-2xl);
}

.profile-card__media {
  width: 100%;
  height: 400px;
  border-radius: var(--secan-radius-4);
  overflow: hidden;
  background-color: var(--secan-chip-bg);
}

.profile-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-card__footer {
  display: flex;
  align-items: center;
  gap: var(--secan-space-s);
}

.profile-card__text {
  display: flex;
  flex-direction: column;
  gap: var(--secan-space-xxs);
  flex: 1 1 auto;
  min-width: 0;
}

.profile-card__name {
  margin: 0;
  font-family: var(--secan-font-heading);
  font-weight: var(--secan-fw-regular);
  font-size: var(--secan-fs-subtitle);
  line-height: var(--secan-lh-subtitle);
  color: var(--secan-black);
}

.profile-card__role {
  margin: 0;
  font-family: var(--secan-font-body);
  font-weight: var(--secan-fw-regular);
  font-size: var(--secan-fs-body);
  line-height: var(--secan-lh-body);
  color: var(--secan-gray-dark);
}

.profile-card__footer .secan-button--icon-only {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .profile-card {
    margin-bottom: var(--secan-space-3xl);
  }
}