:root {
    --bs-body-font-family: "Manrope", sans-serif;
    --bs-font-sans-serif: "Manrope", sans-serif;
    --si-body-font-family: "Manrope", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
table,
pre,
code,
kbd,
samp,
body *:not(i):not([class^="bx"]):not([class*=" bx"]):not([class^="lni"]):not([class*=" lni"]):not([class*="icon"]) {
    font-family: "Manrope", sans-serif !important;
}

/* Keep headings consistent across public, admin and disk pages. */
:where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    [role="heading"],
    legend,
    .page-title,
    .detail-title,
    .section-title,
    .section-subtitle,
    .card-title,
    .card-subtitle,
    .modal-title,
    .eyebrow,
    .section-kicker,
    .personal-kicker,
    .portfolio-kicker,
    .footer-label,
    .workspace-eyebrow,
    .workspace-section-eyebrow,
    .access-kicker,
    .finance-eyebrow,
    .finance-section-label,
    .portfolio-ticker__label,
    .software-feature__label,
    .developer-profile-card__label,
    .book-card__title,
    .listing-card__title,
    .media-card__title,
    .mini-post__title,
    .workspace-calendar-event__title,
    .workspace-calendar-focus-item__title,
    .workspace-category-item__title,
    .menu-title,
    .msg-header-title,
    .product-directory__head > span,
    .product-directory__head > small,
    .venture-directory__head > span,
    .venture-directory__head > small
) {
    text-transform: none !important;
}

.seo-card-heading {
    margin: 0;
    font: inherit;
    line-height: inherit;
}

.seo-card-heading > a {
    display: block;
}

.skip-link {
    position: fixed;
    top: .75rem;
    left: .75rem;
    z-index: 10000;
    padding: .75rem 1rem;
    color: #fff;
    background: #16213a;
    border-radius: .65rem;
    transform: translateY(-150%);
}

.skip-link:focus {
    transform: translateY(0);
}

/* Give large public headings enough room for Turkish diacritics. */
.site-main :where(.page-title, .detail-title, .section-title) {
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
}

.site-main .page-title {
    font-size: clamp(2.65rem, 5vw, 4rem) !important;
}

.site-main .detail-title {
    font-size: clamp(2.35rem, 4.5vw, 3.6rem) !important;
}

.page-home .personal-hero h1 {
    font-size: clamp(2.7rem, 5vw, 4.75rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
}

.page-home .section-title {
    font-size: clamp(2.1rem, 3.5vw, 3rem) !important;
}

:where(.page-software, .page-ventures) .portfolio-hero__copy h1 {
    font-size: clamp(2.85rem, 5vw, 5.1rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.05em !important;
}

@media (min-width: 768px) {
    .page-software .portfolio-hero__copy h1 {
        font-size: clamp(2.85rem, 4.6vw, 4.65rem) !important;
        max-width: 13.5ch;
    }
}

:where(.page-software, .page-ventures) .portfolio-section__head h2,
:where(.page-software, .page-ventures) .portfolio-notes__head h2 {
    font-size: clamp(2.25rem, 3.8vw, 3.75rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
}

.page-software .software-feature__content h3 {
    font-size: clamp(2.5rem, 4vw, 4rem) !important;
    line-height: 1.07 !important;
    letter-spacing: -.045em !important;
}

.page-software .software-editorial-card h3 {
    font-size: clamp(2rem, 2.5vw, 2.6rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -.035em !important;
}

.page-software .software-project-editorial__content h3 {
    font-size: clamp(2.75rem, 4.2vw, 4.15rem) !important;
    line-height: 1.07 !important;
    letter-spacing: -.045em !important;
}

.page-ventures .venture-editorial__wordmark,
.page-ventures .venture-editorial__content h2 {
    font-size: clamp(2.75rem, 4.2vw, 4.15rem) !important;
    line-height: 1.07 !important;
    letter-spacing: -.045em !important;
}

:where(.page-software, .page-ventures) .portfolio-bridge h2 {
    font-size: clamp(2rem, 3.4vw, 3.35rem) !important;
    line-height: 1.09 !important;
    letter-spacing: -.035em !important;
}

@media (max-width: 767px) {
    .site-main .page-title {
        font-size: clamp(2.35rem, 12vw, 3.25rem) !important;
    }

    :where(.page-software, .page-ventures) .portfolio-hero__copy h1 {
        font-size: clamp(2.65rem, 12vw, 3.5rem) !important;
    }

    :where(.page-software, .page-ventures) .portfolio-section__head h2,
    :where(.page-software, .page-ventures) .portfolio-notes__head h2 {
        font-size: clamp(2.15rem, 9vw, 3rem) !important;
    }

    .page-ventures .venture-editorial__wordmark,
    .page-ventures .venture-editorial__content h2,
    .page-software .software-project-editorial__content h3 {
        font-size: clamp(2.5rem, 12vw, 3.4rem) !important;
    }
}