/* VEDIZAKAZ — ONEST LOCAL */

@font-face {
    font-family: "Onest";
    src: url("../fonts/onest-400.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: "Onest";
    src: url("../fonts/onest-500.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: block;
}

@font-face {
    font-family: "Onest";
    src: url("../fonts/onest-600.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: block;
}

@font-face {
    font-family: "Onest";
    src: url("../fonts/onest-700.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: "Onest";
    src: url("../fonts/onest-800.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: block;
}


/* Global typography */

html,
body,
button,
input,
textarea,
select {
    font-family:
        "Onest",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;
}

body {
    font-feature-settings:
        "kern" 1,
        "liga" 1;

    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
small,
strong,
b,
em,
label,
summary {
    font-family: inherit;
}


/* =========================================================
   VEDIZAKAZ TYPOGRAPHY TUNE V1
   Slightly looser tracking for Onest
   ========================================================= */

/* Base text */
body,
p,
li,
input,
textarea,
select,
label {
    letter-spacing: 0.004em;
}

/* Navigation / buttons / UI */
.site-nav a,
.mobile-menu__inner > a,
.vz-btn,
.section-link,
.text-link,
.home-process__more a,
.final-cta a {
    letter-spacing: 0.008em;
}

/* Small labels */
.section-kicker,
.home-process__intro .section-kicker,
.home-directions .section-kicker {
    letter-spacing: 0.09em;
}

/* Large headings */
.vzhero2__copy h1 {
    letter-spacing: -0.038em;
}

.section-heading h2,
.home-directions .section-heading h2,
.home-documents__content h2,
.once-content h2,
.mobile-section__content h2,
.final-cta h2,
.signature-panel h2,
.pricing-panel h2,
.faq-layout h2,
.inner-hero h1 {
    letter-spacing: -0.032em;
}

/* Medium headings / cards */
.home-process__intro h2,
.direction-card h3,
.document-detail-card h2,
.workflow-step h2,
.feature-card h2,
.blog-card h2,
.single-price-card__price strong {
    letter-spacing: -0.02em;
}