/* @group @variables */

[class*="m-introduction"] {
--head-2-font-family: var(--font-family-heading);
--head-2-font-size: 1.875rem;
--head-2-line-height: 1.5;
--head-2-color: var(--color-very-dark-gray);
--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*="m-introduction"] {
--writing-mode: vertical-rl;
}

[style*="--section: introduction-magic"] {
--max-height: 19.5rem;
}

[style*="--section: introduction-massage"] {
--max-height: 19.5rem;
}

[style*="--section: introduction-school"] {
--max-height: 24rem;
}

[style*="--section: introduction-retreat"] {
--max-height: 21rem;
}

}

/* @end @variables */

/* @group @introduction */

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

[class*="m-introduction"] p {
max-height: var(--max-height);
}

[class*="m-introduction"] h2,
[class*="m-introduction"] h3,
[class*="m-introduction"] p {
text-orientation: upright;
}

/* @end @introduction */