/*TYPOGRAPHY*/
.Display-xxl {
    font-family: Inter;
    font-size: 72px;
    font-style: normal;
    line-height: 90px;
    letter-spacing: -1.44px;}
    .Display-xxl.regular {
        font-weight: 400;}
    .Display-xxl.medium {
        font-weight: 500;}
    .Display-xxl.semibold {
        font-weight: 600;}
    .Display-xxl.bold {
        font-weight: 700;}
.Display-xl {
    font-family: Inter;
    font-size: 60px;
    font-style: normal;
    line-height: 72px; /* 120% */
    letter-spacing: -1.2px;}
    .Display-xl.regular {
        font-weight: 400;}
    .Display-xl.medium {
        font-weight: 500;}
    .Display-xl.semibold {
        font-weight: 600;}
    .Display-xl.bold {
        font-weight: 700;}
.Display-lg {
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    line-height: 60px; /* 125% */
    letter-spacing: -0.96px;}
    .Display-lg.regular {
        font-weight: 400;}
    .Display-lg.medium {
        font-weight: 500;}
    .Display-lg.semibold {
        font-weight: 600;}
    .Display-lg.bold {
        font-weight: 700;}
.Display-md {
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;}
    .Display-md.regular {
        font-weight: 400;}
    .Display-md.medium {
        font-weight: 500;}
    .Display-md.semibold {
        font-weight: 600;}
    .Display-md.bold {
        font-weight: 700;}
.Display-sm {
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    line-height: 38px; /* 126.667% */}
    .Display-sm.regular {
        font-weight: 400;}
    .Display-sm.medium {
        font-weight: 500;}
    .Display-sm.semibold {
        font-weight: 600;}
    .Display-sm.bold {
        font-weight: 700;}
.Display-xs {
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    line-height: 32px; /* 133.333% */}
    .Display-xs.regular {
        font-weight: 400;}
    .Display-xs.medium {
        font-weight: 500;}
    .Display-xs.semibold {
        font-weight: 600;}
    .Display-xs.bold {
        font-weight: 700;}
.Display-special {
    font-family: "Playfair Display";
    font-style: italic;
    font-weight: 800;}
    .Display-special.xxl {
        font-size: 72px;
        line-height: 90px; /* 125% */
        letter-spacing: -1.44px; }
    .Display-special.xl {
        font-size: 60px;
        line-height: 72px; /* 120% */
        letter-spacing: -1.2px;}
    .Display-special.lg {
        font-size: 48px;
        line-height: 60px; /* 125% */
        letter-spacing: -0.96px;}
    .Display-special.md {
        font-size: 36px;
        line-height: 44px; /* 122.222% */
        letter-spacing: -0.72px;}
    .Display-special.sm {
        font-size: 30px;;
        line-height: 38px; /* 126.667% */}
    .Display-special.xs {
        font-size: 24px;
        line-height: 32px; /* 133.333% */}
.Text-xl {
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    line-height: 30px; /* 150% */}
    .Text-xl.regular {
        font-weight: 400;}
    .Text-xl.medium {
        font-weight: 500;}
    .Text-xl.semibold {
        font-weight: 600;}
    .Text-xl.bold {
        font-weight: 700;}
.Text-lg {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    line-height: 28px; /* 155.556% */}
    .Text-lg.regular {
        font-weight: 400;}
    .Text-lg.medium {
        font-weight: 500;}
    .Text-lg.semibold {
        font-weight: 600;}
    .Text-lg.bold {
        font-weight: 700;}
.Text-md {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    line-height: 24px; /* 150% */}
    .Text-md.regular {
        font-weight: 400;}
    .Text-md.medium {
        font-weight: 500;}
    .Text-md.semibold {
        font-weight: 600;}
    .Text-md.bold {
        font-weight: 700;}
.Text-sm {
    font-family: Inter;
    font-size: 14px;;
    font-style: normal;
    line-height: 20px; /* 142.857% */}
    .Text-sm.regular {
        font-weight: 400;}
    .Text-sm.medium {
        font-weight: 500;}
    .Text-sm.semibold {
        font-weight: 600;}
    .Text-sm.bold {
        font-weight: 700;}
.Text-xs {
    font-family: Inter;
    font-size: 12px;;
    font-style: normal;
    line-height: 18px; /* 150% */}
    .Text-xs.regular {
        font-weight: 400;}
    .Text-xs.medium {
        font-weight: 500;}
    .Text-xs.semibold {
        font-weight: 600;}
    .Text-xs.bold {
        font-weight: 700;}

  @media (max-width: 900px) {
    /* Títulos Principais (Ajustando o "Design System") */
    .Display-xxl, 
    .Display-special.xxl {
        font-size: 38px !important; /* Reduzido para não vazar */
        line-height: 44px !important;
        letter-spacing: -0.8px;
    }

    /* Subtítulos (Ajustando o "Redesign e estruturação...") */
    .Display-xl, 
    .Display-special.xl {
        font-size: 30px !important;
        line-height: 38px !important;
    }

    .Display-lg, 
    .Display-special.lg {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    /* O texto "Redesign..." no seu print parece ser um Display-sm */
    .Display-sm, 
    .Display-special.sm {
        font-size: 20px !important; 
        line-height: 28px !important;
    }

    /* Tags e Habilidades (UI Design, Figma, etc.) */
    .Text-xl {
        font-size: 16px !important; 
        line-height: 24px !important;
    }

    /* Corpo de texto geral */
    .Text-md {
        font-size: 15px !important;
        line-height: 22px !important;
    }
}