/* @group @variables */

.m-profile-header {
--profile-header-gap-primary: .375rem;
--profile-header-place-items: center start;
--head-2-margin-bottom: 0;
--head-2-font-family: var(--font-family-primary);
--head-2-font-size: 1.875rem;
--head-2-line-height: 1.5;
--head-2-font-weight: 500;
--head-2-word-break: keep-all;
--head-2-color: var(--color-dimgray);
--head-2-text-align: var(--text-align-segundo);
--head-3-margin-bottom: 0;
--head-3-font-weight: 500;
--head-3-word-break: keep-all;
--head-3-color: var(--color-brand);
--head-3-text-align: var(--text-align-segundo);
--word-break: keep-all;
}

@media all and (min-width:48em) {

.m-profile-header {
--profile-header-place-items: left center;
}

}

/* @end @variables */

/* @group @m-profile-header */

.m-profile-header {
position: relative;
z-index: 3;
display: grid;
place-items: var(--profile-header-place-items);
grid-template-columns: repeat(1, 1fr);
gap: var(--profile-header-gap-primary);
}

/* @end @m-profile-header */

/* --------------------------------------------------------*/

/* @group @variables */

.m-profile-media {
--media-caption-border-radius: 0 0 .75rem .75rem;
}

@media all and (max-width:47.9375em) {

.m-profile-media {
--inner-thrust-max-width: 20rem;
--inner-thrust-push: auto;
}

}

@media all and (min-width:48em) {

.m-profile-media {
}

}

/* @end @variables */

/* @group @a-portrait-profile */

.m-profile-media {
box-sizing: border-box;
position: relative;
align-self: start;
display: grid;
align-items: start;
max-width: var(--inner-thrust-max-width);
margin-right: var(--inner-thrust-push);
margin-left: var(--inner-thrust-push);
}

.m-profile-media>span {
position: relative;
z-index: 2;
grid-column: var(--profile-portrait-media-column);
grid-row: var(--profile-portrait-media-row);
}

.m-profile-media img {
border-radius: .75rem;
}

/* @end @a-portrait-profile */