.rounded-borders-top {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-borders-bottom {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

h1,
.text-slab,
.text-serif {
    font-optical-sizing: auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600
}

.text-mono {
    font-optical-sizing: auto;
    font-family: monospace;
    font-style: normal;
    font-weight: 400
}

.text-wrap-balance {
    text-wrap: balance
}

@media (min-width:768px) {
    .da__hi_hero h1 {
        width: 85%;
        font-size: 2.15rem;
        line-height: 1.15
    }

    .da__hi_hero h1.superhero {
        font-size: 2.5rem
    }
}

.da__hi_hero h2 {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .da__hi_hero h2 {
        width: 90%;
        padding-left: 24px;
        font-size: 1.25rem
    }
}