/* @group @variables */

[class*="m-profile-header"] {
--head-3-overflow: hidden;

--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.875rem;
--head-3-font-size: clamp(1.875rem, 5.25vw, 2.25rem);
--head-3-line-height: 1;
--head-3-paragraph-line-height: 1;
--head-3-font-weight: 300;
--head-3-font-variation-settings: "wght" 300;
--head-3-color: var(--color-primary);

--head-word-break: keep-all;
--head-overflow-wrap: break-word;
--head-4-font-family: var(--font-family-default);
--head-4-font-size: 1.125rem;
--head-4-line-height: 1.33333333;
--head-4-font-weight: var(--font-weight-bold);
--head-4-font-variation-font-variation-settings: "wght" var(--font-weight-bold);
--head-4-color: var(--color-very-dark-gray);
--font-family: var(--font-family-heading);
}

/* @end @variables */

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

[class*="m-profile-header"] {
display: grid;
grid-template-rows: auto 1.125rem auto .75rem auto;
justify-content: center;
text-align: center;
}

[class*="m-profile-header"] p {
grid-column: 1;
grid-row: 5;
}

[class*="m-profile-header"] h3 {
grid-column: 1;
grid-row: 1;
}

[class*="m-profile-header"] h4 {
grid-column: 1;
grid-row: 3;
}

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

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

/* @group @a-profile-media */

[class*="a-profile-media"] {
width: 15rem;
height: 15rem;
margin: 0 auto;
}

[class*="a-profile-media"] img {
width: 15rem;
height: 15rem;
border-radius: 50%;
}

/* @end @a-profile-media */

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

/* @group @variables */

[class*="a-profile-overview"] {
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.875rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-very-dark-gray);
--margin-right: 0;
--margin-left: 0;
--font-size: 1.125rem;
--line-height: 1.66666667;
/*--font-weight: var(--font-weight-bold);
--font-variation-font-variation-settings: "wght" var(--font-weight-bold);*/
--word-break: keep-all;
}

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

[class*="a-profile-overview"] {
--writing-mode: vertical-rl;
--max-height: 19rem;
}

}

/* @end @variables */

/* @group @introduction */

[class*="a-profile-overview"] {
max-height: var(--max-height);
margin-right: auto;
margin-left: auto;
writing-mode: var(--writing-mode);
}

/* @end @introduction */

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

/* @group @variables */

[class*="a-profile-suit"] {
--profile-suitauto-flow: row;
--head-4-font-family: var(--font-family-heading);
--head-4-font-size: 1.5rem;
--head-4-line-height: 1.5;
--head-4-text-align: center;
--icon-width: 4.5rem;
--icon-height: 4.5rem;
--icon-margin-right: auto;
--icon-margin-left: auto;
}

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

[class*="a-profile-suit"] {
--profile-suit-grid-auto-flow: column;
}

}

/* @end @variables */

/* @group @a-profile-suit */

[class*="a-profile-suit"] {
display: grid;
grid-auto-flow: var(--profile-suit-grid-auto-flow);
grid-auto-columns: 1fr;
gap: 1.5rem;
}

[class*="a-profile-suit"] aside {
padding: 1.25rem;
border-radius: .75rem;
background-color: var(--color-secondary);
}

/* @end @m-voice-message */