/* -- Variable -- */
:root {
    --primary: #1D78EF;
    --tex-1-d6: #020202;
}

/* -- Reset -- */
body {
    background-color: var(--bg-10);
    font-family: "Geist", sans-serif;
    color: var(--black);
}

a {
    color: var(--black);
}

/* -- Classes -- */
.cl-cus-tex-1 {
    color: var(--tex-1-d6);
}

/* -- Typography -- */
h1,
h2,
h3,
h4,
h5 {
    font-family: "Instrument Serif", serif;
    color: var(--black);
}


h1,
.h1 {
    font-size: clamp(56px, 7vw, 92px);
    line-height: clamp(56px, 7vw, 92px);
}

h2,
.h2 {
    font-size: clamp(44px, 5vw, 64px);
    line-height: clamp(44px, 5vw, 64px);
}

h3,
.h3 {
    font-size: clamp(34px, 4vw, 48px);
    line-height: clamp(34px, 4vw, 48px);
}

h4,
.h4 {
    font-size: clamp(28px, 3.5vw, 40px);
    line-height: clamp(32px, 3.8vw, 44px);
}

h5,
.h5 {
    font-size: clamp(24px, 3.5vw, 36px);
    line-height: clamp(32px, 4vw, 48px);
}

h6,
.h6 {
    font-size: clamp(20px, 3vw, 32px);
    line-height: clamp(28px, 3.5vw, 40px);
}

.text-body-1 {
    font-size: clamp(18px, 1.5vw, 20px);
    line-height: clamp(24px, 2vw, 28px);
}

.text-body-2 {
    font-size: 18px;
    line-height: clamp(24px, 2vw, 28px);
}