@font-face {
    font-family: 'ppmori-eb';
    src: url('/assets/PPMori-ExtraBold.eot');
    src: url('/assets/PPMori-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('/assets/PPMori-ExtraBold.woff2') format('woff2'),
    url('/assets/PPMori-ExtraBold.woff') format('woff'),
    url('/assets/PPMori-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* Adjust if necessary */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ppmori-sb';
    src: url('/assets/PPMori-SemiBold.eot');
    src: url('/assets/PPMori-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/assets/PPMori-SemiBold.woff2') format('woff2'),
    url('/assets/PPMori-SemiBold.woff') format('woff'),
    url('/assets/PPMori-SemiBold.ttf') format('truetype');
    font-weight: 600; /* Adjust if necessary */
    font-style: normal;
    font-display: swap;
}

:root, * {
    --fs-body: max(22px, min(3vw, 30px));
    --lh-body: 1.4;

    --fs-headline: max(28px, min(4.2vw, 42px));
    --lh-headline: 1.25;

    --fs-sub: max(18px, min(2.2vw, 22px));
    --lh-sub: 1.4;

    --c-main: #0E51FF;
    --c-main-hv: #0B47DE;
    --c-primary: #000000;
    --c-primary-hv: #333;
    --c-stroke: #DADADA;
    --c-secondary: #7F8491;
    --c-background: #F8F8F8;
    -webkit-font-smoothing: antialiased;
}


html, body {
    overflow-x: hidden;
}

body {
    font-family: "ppmori-sb", sans-serif;
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    font-weight: 400;
    font-style: normal;
    background-color: var(--c-background);
    color: var(--c-primary);
}

main {
    width: 100%;
    max-width: 1000px;
}

strong {
    font-family: 'ppmori-eb', sans-serif;
}

h1, h2, h3 {
    font-size: var(--fs-headline);
    line-height: var(--lh-headline);
    font-weight: 400;
}

h1 {
    font-family: "ppmori-sb", sans-serif;
    margin: 0;
    padding: 0;
}

h2 {
    font-family: "ppmori-eb", sans-serif;
    font-weight: 600;
    max-width: 900px;
}

h3 {
    font-family: "ppmori-eb", sans-serif;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

a {
    color: var(--c-main);
    text-decoration: none;
}

a:hover {
    color: var(--c-main-hv);
}

section p ul {
    margin: 0;
}

picture img {
    max-width: 100%;
    height: auto;
}

.about-icon {
    scale: 1.07;
}


.list {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 8px;
}