@font-face {
    font-family: 'FD-G';
    src: url('/tpl/fnt/GolosText/GolosText-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'FD-G';
    src: url('/tpl/fnt/GolosText/GolosText-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FD-G';
    src: url('/tpl/fnt/GolosText/GolosText-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FD-JB';
    src: url('/tpl/fnt/JetBrainsMono/JetBrainsMono-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FD-JB';
    src: url('/tpl/fnt/JetBrainsMono/JetBrainsMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FD-B';
    src: url('/tpl/fnt/Bounded/Bounded-ExtraBold.woff2') format('woff2'), url('/tpl/fnt/Bounded/Bounded-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FD-B';
    src: url('/tpl/fnt/Bounded/Bounded-Bold.woff2') format('woff2'), url('/tpl/fnt/Bounded/Bounded-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



 
body{
    font-family: 'FD-G', sans-serif;
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.4;
    font-weight: 400;
    --font-title:'FD-B',sans-serif; 
    color: var(--color-light);
}

.fs-h1,
h1 {
    font-family: var(--font-title);
    font-size: clamp(26px, 3.06vw, 44px);
    line-height: 1.2;
    letter-spacing: 0%;
    font-weight: 800;
    color: var(--color-white);
}
  
.fs-h2,
h2 {
    font-family: var(--font-title);
    font-size: clamp(24px, 2.5vw, 36px);
    line-height: 1.15;
    letter-spacing: 2%;
    font-weight: 700;
    color: var(--color-white);
}
  
.fs-h3,
h3 {
    font-weight: 600;
    font-size: clamp(20px, 1.94vw, 28px);
    line-height: 1.2;
    letter-spacing: 0%;
    color: var(--color-white);
}

.fs-title-lg,
h4 {
    font-weight: 600;
    font-size: clamp(20px, 1.7vw, 24px);
    line-height: 1.3;
    letter-spacing: 0%;
    color: var(--color-white);
}

.fs-title,
.fs-title-md{
    font-size: clamp(18px, 1.39vw, 20px);
    line-height: 1.2;
    font-weight: 600;
    color: var(--color-white);
}

.fs-title-mono {
    font-family: 'FD-JB', sans-serif;
 
    font-size: 20px;

}

.fs-body-md {
    font-size: clamp(14px, 1.25vw, 18px);
    line-height: 1.4;
    font-weight: 500;
    color: var(--color-white);
}
.fs-body-sm {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
}
.fs-small{
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0;
}

.fs-label {
    font-family: 'FD-JB';
    font-weight: 500;
    line-height: 1.2;
    font-size: 12px;
    color: var(--color-alternat-white);
    letter-spacing: 4%;
    text-transform: uppercase;
}

.tt-uper {
    text-transform: uppercase;
}