@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

html {
    background: #fcfbfa;
    scroll-behavior: smooth;
}

body.about-page {
    --about-section-gutter: max(24px, 5.555556%);
    --about-paper: #fcfbfa;
    --about-ink: #2a2523;
    --about-copy: #59544c;
    --about-red: #9f001a;
    min-width: 280px;
    margin: 0;
    overflow-x: clip;
    color: var(--about-ink);
    background: var(--about-paper);
    font-family: "Plus Jakarta Sans", Arial, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

html[dir="rtl"] body.about-page {
    font-family: "Yekan Bakh FaNum", Tahoma, sans-serif;
}

body.about-page *,
body.about-page *::before,
body.about-page *::after {
    box-sizing: border-box;
}

body.about-page :is(h1, h2, h3, p) {
    margin: 0;
}

body.about-page :is(button, input, textarea, select) {
    font: inherit;
}

body.about-page a {
    color: inherit;
    text-decoration: none;
}

body.about-page img {
    display: block;
}

.about-page__content {
    overflow: clip;
}

@supports (content-visibility: auto) {
    .about-page__content > :not(:first-child) {
        content-visibility: auto;
        contain-intrinsic-size: auto 900px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

@media (max-width: 639px) {
    body.about-page { --about-section-gutter: 16px; }
}

@media (max-width: 359px) {
    body.about-page { --about-section-gutter: 14px; }
}