:root {

  --color-green: #2d8e34;

  --dark-black: #111111;
  --dark-light: #1b1b1b;
  --dark-64: #111111a3;
  --dark-48: #1111117a;
  --dark-32: #11111152;
  --dark-24: #1111113d;
  --dark-16: #11111129;
  --dark-8: #11111114;
  --dark-4: #1111110a;
  --dark-2: #11111105;

  --light-white: #ffffff;
  --light-light: #f5f5f5;
  --light-64: #ffffffa3;
  --light-48: #ffffff7a;
  --light-32: #ffffff52;
  --light-16: #ffffff29;
  --light-8: #ffffff14;
  --light-4: #ffffff0a;
  --light-2: #ffffff05;

  --border-dark: #1111111f;
  --border-light: #ffffff1f;

  --frame-w: 1440px;
  --margin: 24px;
  --content-w: 1280px;
  --gutter: 24px;

  --r-card: 40px;
  --r-btn: 12px;
  --r-nav: 20px;
  --r-pill: 100px;

  --glass-sheen:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.12) 100%);

  --glass-border:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);

  --border-linear:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%);

  --border-linear-soft:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
}

.t-h1-thin { font: 400 146px/156px "Geologica Cursive", sans-serif; letter-spacing: -0.08em; margin-right: 0.2em; }
.t-h2-thin { font: 400 64px/72px "Geologica Cursive", sans-serif; letter-spacing: -0.08em; margin-right: 0.2em; }
.t-h3-thin { font: 400 48px/56px "Geologica Cursive", sans-serif; letter-spacing: -0.08em; margin-right: 0.2em; }
.t-h4-thin { font: 400 40px/48px "Geologica Cursive", sans-serif; letter-spacing: -0.08em; margin-right: 0.2em; }
.t-h5-thin { font: 400 32px/40px "Geologica Cursive", sans-serif; letter-spacing: -0.08em; margin-right: 0.2em; }

.t-h1 { font: 700 146px/156px "adineue PRO Cyr", sans-serif; letter-spacing: -0.03em; }
.t-h2 { font: 700 64px/72px "adineue PRO Cyr", sans-serif; }
.t-h3 { font: 700 48px/56px "adineue PRO Cyr", sans-serif; }
.t-h4 { font: 700 40px/48px "adineue PRO Cyr", sans-serif; }
.t-h5 { font: 700 32px/40px "adineue PRO Cyr", sans-serif; }

.t-label-xxl { font: 700 24px/32px "adineue PRO Cyr", sans-serif; letter-spacing: 0.02em; }
.t-label-xl  { font: 700 20px/28px "adineue PRO Cyr", sans-serif; letter-spacing: 0.02em; }
.t-label-l   { font: 700 18px/26px "adineue PRO Cyr", sans-serif; letter-spacing: 0.02em; }
.t-label-m   { font: 700 16px/24px "adineue PRO Cyr", sans-serif; letter-spacing: 0.02em; text-transform: uppercase; }
.t-label-s   { font: 700 14px/20px "adineue PRO Cyr", sans-serif; letter-spacing: 0.02em; text-transform: uppercase; }

.t-mono-bold-m { font: 500 14px/20px "Geist Mono", monospace; letter-spacing: -0.01em; text-transform: uppercase; }
.t-mono-bold-s { font: 500 13px/18px "Geist Mono", monospace; letter-spacing: -0.01em; text-transform: uppercase; }
.t-mono-m      { font: 400 14px/20px "Geist Mono", monospace; letter-spacing: -0.01em; text-transform: uppercase; }
.t-mono-s      { font: 400 13px/18px "Geist Mono", monospace; }

.t-body-m { font: 300 16px/24px "Geologica Cursive", sans-serif; letter-spacing: -0.05em; }