/* https://www.fluid-type-scale.com/calculate?minFontSize=22&minWidth=375&minRatio=1.067&maxFontSize=24&maxWidth=1050&maxRatio=1.125&steps=6%2C5%2C4%2C3%2C2%2C1%2Ctitle&baseStep=6&prefix=h&useContainerWidth=undefined&includeFallbacks=true&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1050 */
/* HEADINGS */
/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--h-6: clamp(1.25rem, 0.15cqi + 1.22rem, 1.31rem);
		--h-5: clamp(1.33rem, 0.34cqi + 1.25rem, 1.48rem);
		--h-4: clamp(1.42rem, 0.56cqi + 1.29rem, 1.66rem);
		--h-3: clamp(1.52rem, 0.83cqi + 1.32rem, 1.87rem);
		--h-2: clamp(1.62rem, 1.14cqi + 1.35rem, 2.1rem);
		--h-1: clamp(1.73rem, 1.51cqi + 1.38rem, 2.37rem);
		--h-title: clamp(1.84rem, 1.93cqi + 1.39rem, 2.66rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--h-6: 1.25rem;
		--h-5: 1.33rem;
		--h-4: 1.42rem;
		--h-3: 1.52rem;
		--h-2: 1.62rem;
		--h-1: 1.73rem;
		--h-title: 1.84rem;
  }
  @media screen and (min-width: 1050px) {
    :root {
			--h-6: 1.31rem;
			--h-5: 1.48rem;
			--h-4: 1.66rem;
			--h-3: 1.87rem;
			--h-2: 2.1rem;
			--h-1: 2.37rem;
			--h-title: 2.66rem;
    }
  }
}


/* https://www.fluid-type-scale.com/calculate?minFontSize=18&minWidth=375&minRatio=1.125&maxFontSize=19&maxWidth=1050&maxRatio=1.2&steps=xs%2Cs%2Cm%2Cl%2Cxl%2Cxxl&baseStep=m&prefix=txt&useContainerWidth=undefined&includeFallbacks=true&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1050 */
/* BODY TEXT */
/* For browsers that support clamp and container queries */
@supports (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--txt-xs: clamp(0.69rem, 0.01cqi + 0.69rem, 0.69rem);
		--txt-s: clamp(0.78rem, 0.13cqi + 0.75rem, 0.83rem);
		--txt-m: clamp(0.88rem, 0.3cqi + 0.81rem, 1rem);
		--txt-l: clamp(0.98rem, 0.51cqi + 0.86rem, 1.2rem);
		--txt-xl: clamp(1.11rem, 0.79cqi + 0.92rem, 1.44rem);
		--txt-xxl: clamp(1.25rem, 1.14cqi + 0.98rem, 1.73rem);
  }
}
/* For browsers that don't support clamp or container queries */
@supports not (font-size: clamp(1rem, 1cqi, 1rem)) {
  :root {
		--txt-xs: 0.69rem;
		--txt-s: 0.78rem;
		--txt-m: 0.88rem;
		--txt-l: 0.98rem;
		--txt-xl: 1.11rem;
		--txt-xxl: 1.25rem;
  }
  @media screen and (min-width: 1050px) {
    :root {
			--txt-xs: 0.69rem;
			--txt-s: 0.83rem;
			--txt-m: 1rem;
			--txt-l: 1.2rem;
			--txt-xl: 1.44rem;
			--txt-xxl: 1.73rem;
    }
  }
}