/* Machine — utilities. Escalas de tipo e container. Use em páginas/kits, não dentro de componentes. */
.m-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter-desktop)}
@media (max-width:1024px){.m-container{padding-inline:var(--gutter-tablet)}}
@media (max-width:767px){.m-container{padding-inline:var(--gutter-mobile)}}
.m-section{padding-block:var(--section-y-desktop)}
@media (max-width:1024px){.m-section{padding-block:var(--section-y-tablet)}}
@media (max-width:767px){.m-section{padding-block:var(--section-y-mobile)}}

.m-display-xl{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-display-xl-fluid);line-height:var(--lh-display-xl);letter-spacing:var(--ls-display-xl)}
.m-display-lg{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-display-lg-fluid);line-height:var(--lh-display-lg);letter-spacing:var(--ls-display-lg)}
.m-h1{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h1-fluid);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}
.m-h2{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h2-fluid);line-height:var(--lh-h2);letter-spacing:var(--ls-h2)}
.m-h3{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3)}
.m-h4{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4)}
.m-body-lg{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg)}
.m-body-md{font-size:var(--fs-body-md);line-height:var(--lh-body-md)}
.m-body-sm{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm)}
.m-label{font-size:var(--fs-label);font-weight:var(--fw-bold);line-height:var(--lh-label);letter-spacing:var(--ls-label)}
.m-eyebrow{font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);line-height:var(--lh-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-brand)}
.m-code{font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code)}
.m-lead{font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--text-secondary);max-width:var(--measure-lead)}
.m-prose{max-width:var(--measure-body);color:var(--text-secondary)}
.m-grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.m-on-dark{color:var(--text-on-dark)}
.m-on-dark .m-eyebrow{color:var(--text-brand-on-dark)}