.h1 {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -.015em;
    line-height: 1
}

@media only screen and (min-width:320px) {
    .h1 {
        font-size: calc(37.14286px + 7.14286vw)
    }
}

@media only screen and (min-width:1720px) {
    .h1 {
        font-size: 160px
    }
}

.h2 {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1
}

@media only screen and (min-width:320px) {
    .h2 {
        font-size: calc(33.65714px + 3.85714vw)
    }
}

@media only screen and (min-width:1720px) {
    .h2 {
        font-size: 100px
    }
}

.h3 {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .005em;
    line-height: 1.1
}

@media only screen and (min-width:320px) {
    .h3 {
        font-size: calc(25.42857px + 1.42857vw)
    }
}

@media only screen and (min-width:1720px) {
    .h3 {
        font-size: 50px
    }
}

.h4 {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.1
}

@media only screen and (min-width:320px) {
    .h4 {
        font-size: calc(21.08571px + .28571vw)
    }
}

@media only screen and (min-width:1720px) {
    .h4 {
        font-size: 26px
    }
}

@media(min-width:530px) {
    .h4 {
        font-size: 26px;
        letter-spacing: 0
    }
}

@media only screen and (min-width:530px)and (min-width:320px) {
    .h4 {
        font-size: 26px
    }
}

@media only screen and (min-width:530px)and (min-width:1720px) {
    .h4 {
        font-size: 26px
    }
}

@media(min-width:680px) {
    .h4 {
        font-size: 26px;
        letter-spacing: .005em
    }
}

@media only screen and (min-width:680px)and (min-width:320px) {
    .h4 {
        font-size: calc(23.25714px + .85714vw)
    }
}

@media only screen and (min-width:680px)and (min-width:1720px) {
    .h4 {
        font-size: 38px
    }
}

.h5 {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.2
}

@media only screen and (min-width:320px) {
    .h5 {
        font-size: calc(25.25714px + .85714vw)
    }
}

@media only screen and (min-width:1720px) {
    .h5 {
        font-size: 40px
    }
}

.lede {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.2
}

@media only screen and (min-width:320px) {
    .lede {
        font-size: calc(20.17143px + .57143vw)
    }
}

@media only screen and (min-width:1720px) {
    .lede {
        font-size: 30px
    }
}

@media(min-width:530px) {
    .lede {
        font-size: 30px;
        letter-spacing: .005em
    }
}

@media only screen and (min-width:530px)and (min-width:320px) {
    .lede {
        font-size: 30px
    }
}

@media only screen and (min-width:530px)and (min-width:1720px) {
    .lede {
        font-size: 30px
    }
}

@media(min-width:680px) {
    .lede {
        font-size: 30px;
        letter-spacing: -.01em;
        line-height: 1.1
    }
}

@media only screen and (min-width:680px)and (min-width:320px) {
    .lede {
        font-size: calc(25.42857px + 1.42857vw)
    }
}

@media only screen and (min-width:680px)and (min-width:1720px) {
    .lede {
        font-size: 50px
    }
}

.lede em,
.lede i {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
}

.lede-small {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.1
}

@media only screen and (min-width:320px) {
    .lede-small {
        font-size: calc(21.08571px + .28571vw)
    }
}

@media only screen and (min-width:1720px) {
    .lede-small {
        font-size: 26px
    }
}

@media(min-width:530px) {
    .lede-small {
        font-size: 26px;
        letter-spacing: 0
    }
}

@media only screen and (min-width:530px)and (min-width:320px) {
    .lede-small {
        font-size: 26px
    }
}

@media only screen and (min-width:530px)and (min-width:1720px) {
    .lede-small {
        font-size: 26px
    }
}

@media(min-width:680px) {
    .lede-small {
        font-size: 26px;
        letter-spacing: .001em
    }
}

@media only screen and (min-width:680px)and (min-width:320px) {
    .lede-small {
        font-size: calc(23.25714px + .85714vw)
    }
}

@media only screen and (min-width:680px)and (min-width:1720px) {
    .lede-small {
        font-size: 38px
    }
}

.eyebrow {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media only screen and (min-width:320px) {
    .eyebrow {
        font-size: calc(10.17143px + .57143vw)
    }
}

@media only screen and (min-width:1720px) {
    .eyebrow {
        font-size: 20px
    }
}