.base-text {font-size: 1rem; line-height: 1.5rem;}
.xl-text7 {font-size: 4.5rem; line-height: 1;}
.lg-text {font-size: 1.125rem; line-height: 1.75rem;}
.sm-text {font-size: 0.875rem; line-height: 1.25rem;}
.xs-text {font-size: 0.75rem; line-height: 1rem;}

.fw-extraextrabold {font-weight: 900 !important;}

.tracking-25 {letter-spacing: .25em;}
.tracking-3 {letter-spacing: .3em;}
.tight-tracking {letter-spacing: -.025em;}
.wider-tracking {letter-spacing: .05em;}

.lh-relaxed {line-height: 1.625;}
.lh-1 {line-height: 1;}

.muted-text {color: rgb(107 114 128/1);}

.text-xs   { font-size: 0.75rem;  line-height: 1rem; }     /* 12px */
.text-sm   { font-size: 0.875rem; line-height: 1.25rem; }  /* 14px */
.text-base { font-size: 1rem;     line-height: 1.5rem; }   /* 16px */
.text-lg   { font-size: 1.125rem; line-height: 1.75rem; }  /* 18px */
.text-xl   { font-size: 1.25rem;  line-height: 1.75rem; }  /* 20px */
.text-2xl  { font-size: 1.5rem;   line-height: 2rem; }     /* 24px */
.text-3xl  { font-size: 1.875rem; line-height: 2.25rem; }  /* 30px */
.text-4xl  { font-size: 2.25rem;  line-height: 2.5rem; }   /* 36px */
.text-5xl  { font-size: 3rem;     line-height: 1; }        /* 48px */
.text-6xl  { font-size: 3.75rem;  line-height: 1; }        /* 60px */
.text-7xl  { font-size: 4.5rem;   line-height: 1; }        /* 72px */
.text-8xl  { font-size: 6rem;     line-height: 1; }        /* 96px */
.text-9xl  { font-size: 8rem;     line-height: 1; }        /* 128px */


/* ============================================================
   MAX-WIDTH VARIANTS (top-down / "desktop-first" approach)
   Use these if you prefer to override DOWN instead of up.
   ============================================================ */

/* xs only — < 576px */
@media (max-width: 575.98px) {
.xl-text6  { font-size: 3.75rem;  line-height: 1; } 

}

/* ------------------------------------------------------------
   SM — Small  |  ≥ 576px  |  phones (landscape)
   ------------------------------------------------------------ */
@media (min-width: 576px) {
.xl-text7 { font-size: 3rem; line-height: 1; }
.xl-text6  { font-size: 3rem;     line-height: 1; } 
}


/* ------------------------------------------------------------
   MD — Medium  |  ≥ 768px  |  tablets
   ------------------------------------------------------------ */
@media (min-width: 768px) {
.xl-text7 {font-size: 3.75rem; line-height: 1;}
.xl-text6  { font-size: 3.75rem;  line-height: 1; } 
}


/* ------------------------------------------------------------
   LG — Large  |  ≥ 992px  |  desktops
   ------------------------------------------------------------ */

@media (min-width: 992px) {

}


/* ------------------------------------------------------------
   XL — Extra Large  |  ≥ 1200px  |  wide desktops
   ------------------------------------------------------------ */

@media (min-width: 1200px) {

}


/* ------------------------------------------------------------
   XXL — Extra Extra Large  |  ≥ 1400px  |  ultra-wide
   ------------------------------------------------------------ */

@media (min-width: 1400px) {

}