.about-page {
    --about-step-n1: clamp(0.833333rem, 0.76861rem + 0.27616vw, 1.1rem);
    --about-step-0: clamp(1rem, 0.90898rem + 0.38835vw, 1.375rem);
    --about-step-2: clamp(1.44rem, 1.26805rem + 0.73366vw, 2.148438rem);
    --about-step-3: clamp(1.728rem, 1.49559rem + 0.99163vw, 2.685547rem);
    --about-step-4: clamp(2.0736rem, 1.76211rem + 1.32902vw, 3.356934rem);
    --about-step-5: clamp(2.48832rem, 2.07379rem + 1.76864vw, 4.196167rem);
    --about-step-7: clamp(3.583181rem, 2.8615rem + 3.07918vw, 6.556511rem);
    --about-step-8: clamp(4.299817rem, 3.35423rem + 4.03451vw, 8.195639rem);
    --about-step-9: clamp(5.15978rem, 3.92561rem + 5.26578vw, 10.244548rem);
    --about-space-2xs: clamp(0.5rem, 0.45449rem + 0.19417vw, 0.6875rem);
    --about-space-xs: clamp(0.75rem, 0.68174rem + 0.29126vw, 1.03125rem);
    --about-space-s: clamp(1rem, 0.90898rem + 0.38835vw, 1.375rem);
    --about-space-m: clamp(1.5rem, 1.36347rem + 0.58252vw, 2.0625rem);
    --about-space-l: clamp(2rem, 1.81796rem + 0.7767vw, 2.75rem);
    --about-space-xl: clamp(3rem, 2.72694rem + 1.16505vw, 4.125rem);
    --about-space-3xl: clamp(6rem, 5.45388rem + 2.3301vw, 8.25rem);
    --about-space-4xl: clamp(8rem, 7.27184rem + 3.1068vw, 11rem);
    --about-gutter: clamp(1rem, 0.74211rem + 1.10032vw, 2.0625rem);
    --about-page-gutter: var(--site-chrome-gutter);

    color: #1d1e1f;
    font-weight: 400;
    letter-spacing: -0.02em;
}

.about-page h1,
.about-page h2,
.about-page h3,
.about-page p {
    margin-top: 0;
    font-weight: 400;
}

.about-page__hero {
    min-height: 100vh;
    padding: calc(clamp(8rem, 7.27184rem + 3.1068vw, 11rem) - 65px) var(--about-page-gutter) var(--about-space-4xl);
}

.about-page__title {
    margin-bottom: var(--about-space-xl);
    font-size: var(--about-step-5);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-hero {
    width: 91.66666667%;
    margin-left: auto;
    padding-bottom: var(--about-space-4xl);
}

.about-hero__text {
    margin-bottom: 0;
    font-size: var(--about-step-5);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-section__title {
    margin-bottom: var(--about-space-s);
    color: #4d6aff;
    font-size: var(--about-step-0);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-section__text {
    margin-bottom: 0;
    font-size: var(--about-step-2);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-timeline {
    padding: var(--about-space-4xl) 0;
}

.about-timeline__block {
    display: flex;
    flex-wrap: wrap;
    margin: calc(var(--about-gutter) * -1) calc(var(--about-gutter) * -0.5) var(--about-space-3xl);
}

.about-timeline__block:last-child {
    margin-bottom: 0;
}

.about-timeline__top,
.about-timeline__bottom {
    width: 100%;
    margin-top: var(--about-gutter);
    padding-right: calc(var(--about-gutter) * 0.5);
    padding-left: calc(var(--about-gutter) * 0.5);
}

.about-timeline__year {
    margin-bottom: var(--about-space-m);
    font-size: var(--about-step-9);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-timeline__year-first {
    display: none;
}

.about-timeline__title {
    margin-bottom: var(--about-space-m);
    font-size: var(--about-step-3);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-timeline__text {
    margin-bottom: 0;
    font-size: var(--about-step-0);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-cycle {
    padding: var(--about-space-4xl) var(--about-page-gutter);
    background: #000;
    color: #fff;
}

.about-cycle__title {
    margin-bottom: var(--about-space-3xl);
    font-size: var(--about-step-5);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-cycle__item {
    width: 100%;
    border-top: 1px solid #fff;
    background: #000;
    will-change: transform;
}

.about-cycle__item--last {
    border-bottom: 1px solid #fff;
}

.about-cycle__header {
    margin-bottom: var(--about-space-m);
    padding: var(--about-space-s) 0;
    font-size: var(--about-step-3);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-cycle__body {
    display: flex;
    flex-wrap: wrap;
}

.about-cycle__top,
.about-cycle__bottom {
    width: 100%;
}

.about-cycle__top {
    margin-bottom: var(--about-space-l);
}

.about-cycle__bottom {
    margin-bottom: 0;
    padding-bottom: var(--about-space-m);
    padding-left: var(--about-space-m);
    color: #b3b6b9;
    font-size: var(--about-step-0);
    letter-spacing: -0.04em;
    line-height: 1.6;
}

.about-rates {
    display: flex;
    flex-wrap: wrap;
    gap: var(--about-gutter) 0;
    padding: var(--about-space-4xl) var(--about-page-gutter);
}

.about-rates__top,
.about-rates__bottom {
    width: 100%;
}

.about-rates__title {
    margin-bottom: 0;
    font-size: var(--about-step-2);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-rates__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--about-gutter);
}

.about-rates__card {
    display: flex;
    min-width: 0;
    padding: var(--about-space-m);
    border-radius: 0.375rem;
    background: #f3f3f3;
}

.about-rates__rate {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0;
    font-size: var(--about-step-5);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-rates__star {
    width: var(--about-space-m);
    height: var(--about-space-m);
    flex: 0 0 var(--about-space-m);
    color: #ffd900;
}

.about-rates__info {
    display: flex;
    width: 45%;
    min-width: 0;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
}

.about-rates__picture {
    display: block;
    width: 100%;
    height: var(--about-space-l);
    margin-bottom: var(--about-space-2xs);
    object-fit: contain;
    object-position: right center;
}

.about-rates__text {
    margin-bottom: 0;
    color: #b3b6b9;
    font-size: var(--about-step-n1);
    letter-spacing: -0.04em;
    line-height: 1.2;
    text-align: right;
}

.about-certs {
    padding: 0 var(--about-page-gutter) var(--about-space-4xl);
}

.about-certs__title {
    margin-bottom: var(--about-space-l);
    font-size: var(--about-step-5);
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.about-certs__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.about-certs__item {
    padding: var(--about-space-xs) 0;
    border-bottom: 1px solid #000;
}

.about-certs__item:last-child {
    border-bottom: 0;
}

.about-certs__link {
    font-size: var(--about-step-0);
    letter-spacing: -0.04em;
    line-height: 1.6;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.about-certs__link:hover,
.about-certs__link:focus-visible {
    opacity: 0.4;
}

@media (min-width: 768px) {
    .about-hero {
        width: 75%;
    }

    .about-hero__text {
        font-size: var(--about-step-7);
    }

    .about-section__text {
        font-size: var(--about-step-4);
    }

    .about-timeline__top,
    .about-timeline__bottom {
        width: 50%;
    }

    .about-timeline__top {
        display: flex;
        justify-content: flex-end;
    }

    .about-timeline__year-first {
        display: inline;
    }

    .about-cycle__body {
        flex-direction: row-reverse;
    }

    .about-cycle__top,
    .about-cycle__bottom {
        width: 50%;
    }

    .about-cycle__top {
        margin-bottom: 0;
    }

    .about-rates__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-rates__info {
        width: 35%;
    }
}

@media (min-width: 1280px) {
    .about-hero__text,
    .about-cycle__title {
        font-size: var(--about-step-8);
    }

    .about-rates__top {
        width: 33.33333333%;
        padding-right: calc(var(--about-gutter) * 0.5);
    }

    .about-rates__bottom {
        width: 66.66666667%;
        padding-left: calc(var(--about-gutter) * 0.5);
    }

    .about-rates__title {
        width: 62.5%;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .about-cycle__header {
        padding: var(--about-space-xs) 0;
        font-size: var(--about-step-0);
    }

    .about-rates__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}