/* #################################################### */
/* START Typography desktop */

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,62—236&p=p236-fluid */
.p236,
.p236 * {
  font-size: clamp(62px, 27.2px + 10.875vw, 236px);
}
/* @link https://utopia.fyi/clamp/calculator?a=320,1920,48—146&p=p146-fluid */
.p146,
.p146 * {
  font-size: clamp(48px, 28.4px + 6.125vw, 146px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,48—96&p=p96-fluid */
.p96,
.p96 * {
  font-size: clamp(48px, 38.4px + 3vw, 96px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,24—80&p=p80-fluid */
.p80,
.p80 * {
  font-size: clamp(24px, 12.8px + 3.5vw, 80px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,32—56&p=p56-fluid */
.p56,
.p56 * {
  font-size: clamp(32px, 27.2px + 1.5vw, 56px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,20—56&p=p56-fluid-forced */
.p56-forced,
.p56-forced * {
  font-size: clamp(20px, 12.8px + 2.25vw, 56px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,20—40&p=p40-fluid */
.p40,
.p40 * {
  font-size: clamp(20px, 16px + 1.25vw, 40px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,14—18 */

.p18,
.p18 * {
  font-size: clamp(14px, 13.2px + 0.25vw, 18px);
}
/* @link https://utopia.fyi/clamp/calculator?a=320,1920,14—32&p=p32-fluid */
.p32,
.p32 * {
  font-size: clamp(14px, 10.4px + 1.125vw, 32px);
}
.p32-menu-mobile,
.p32-menu-mobile * {
  font-size: clamp(18px, 10.4px + 1vw, 32px);
  font-weight: 600;
  font-family: "Space Grotesk";
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,14—24&p=p24-fluid */
.p24,
.p24 * {
  font-size: clamp(14px, 12px + 0.625vw, 24px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,14—20&p=p20-fluid */
.p20,
.p20 * {
  font-size: clamp(14px, 12.8px + 0.375vw, 20px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,14—16&p=p16-fluid */
.p16,
.p16 * {
  font-size: clamp(14px, 13.6px + 0.125vw, 16px);
}

/* @link https://utopia.fyi/clamp/calculator?a=320,1920,12—14&p=p14-fluid */
.p14,
.p14 * {
  font-size: clamp(12px, 11.6px + 0.125vw, 14px);
}

.ht--space {
  font-family: "Space Grotesk" !important;
}
.ht--outfit {
  font-family: "Outfit" !important;
}

.ht--bold {
  font-weight: 700 !important;
}
/* _______________________________________ */

.ht--text-hover {
  width: fit-content;
  position: relative;
  color: #fff;
}

.ht--text-hover::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.ht--text-hover:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* ________________________ */
.h2-fake {
  font-size: clamp(14px, 10.4px + 1.125vw, 32px) !important;
}

/* :::::::::::::::::::::: */
.ht__red {
  color: #e3032d !important;
}

.p68,
.p68 * {
  font-size: clamp(34px, 21.3714px + 3.2381vw, 68px);
}
.p36,
.p36 * {
  font-size: clamp(18px, 11.3143px + 1.7143vw, 36px);
}

.p48,
.p48 * {
  font-size: 48px;
}