/**
 * Profile component.
 */

.rc-profile__inner {
	align-items: center;
	display: grid;
	gap: var(--rc-space-xl);
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.rc-profile__media,
.rc-profile__content {
	min-inline-size: 0;
}

.rc-profile {
	background: var(--paper, var(--rc-color-background));
}

.rc-profile__media {
	aspect-ratio: 4 / 5;
	border-radius: 1.5rem;
	overflow: hidden;
	position: relative;
}

.rc-profile__image {
	block-size: 100%;
	display: block;
	inline-size: 100%;
	object-fit: cover;
	object-position: center 18%;
}

.rc-profile__media--fallback {
	background: linear-gradient(145deg, var(--paper-dim), var(--paper));
}

.rc-profile__fallback-ring {
	border: 1px solid var(--line, var(--rc-border-color));
	border-radius: 50%;
	block-size: 64%;
	inline-size: 76%;
	inset-block-start: 12%;
	inset-inline-start: 12%;
	position: absolute;
}

.rc-profile__fallback-panel {
	background: linear-gradient(145deg, var(--indigo), var(--indigo-deep));
	border-radius: 45% 45% 1rem 1rem;
	block-size: 58%;
	inline-size: 65%;
	inset-block-end: -8%;
	inset-inline-start: 17.5%;
	position: absolute;
}

.rc-profile__content {
	display: grid;
	gap: var(--rc-space-m);
}

.rc-profile__content > * {
	margin-block: 0;
}

.rc-profile__eyebrow {
	color: var(--rc-color-muted);
	font-size: var(--rc-font-size-small);
}

.rc-profile__body > :last-child {
	margin-block-end: 0;
}

.rc-profile__heading {
	font-size: clamp(2rem, 3vw, 2.85rem);
	line-break: strict;
	line-height: 1.25;
	overflow-wrap: normal;
	text-wrap: pretty;
	word-break: auto-phrase;
}

.rc-profile__identity {
	display: grid;
	gap: 0.15rem;
}

.rc-profile__name,
.rc-profile__role,
.rc-profile__career > :last-child {
	margin: 0;
}

.rc-profile__name {
	font-size: 1.25rem;
	font-weight: 800;
}

.rc-profile__role,
.rc-profile__career {
	color: var(--rc-color-muted);
}

.rc-profile__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--rc-space-s);
}

@media (max-width: 48rem) {
	.rc-profile__inner {
		grid-template-columns: 1fr;
	}
}