/* intro */
.intro {
    width: 100%;
    height: 100svh;
    position: relative;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1919 336' fill='none'><path d='M-92.2 352V-0.500028H256.07V88.33H26.24V128.75H147.03C178.99 128.75 204.84 133.45 224.58 142.85C244.32 151.937 258.733 164.94 267.82 181.86C277.22 198.467 281.92 218.05 281.92 240.61C281.92 263.17 276.593 282.91 265.94 299.83C255.6 316.437 240.403 329.283 220.35 338.37C200.297 347.457 175.857 352 147.03 352H-92.2ZM26.24 266.93H129.64C139.667 266.93 147.5 264.423 153.14 259.41C158.78 254.083 161.6 246.72 161.6 237.32C161.6 227.92 158.78 220.713 153.14 215.7C147.5 210.373 139.667 207.71 129.64 207.71H26.24V266.93ZM528.791 -0.500028C560.751 -0.500028 588.011 4.82664 610.571 15.48C633.445 25.82 650.835 40.7033 662.741 60.13C674.648 79.2433 680.601 101.803 680.601 127.81C680.601 153.817 674.648 176.533 662.741 195.96C650.835 215.073 633.445 229.957 610.571 240.61C588.011 250.95 560.751 256.12 528.791 256.12H444.661V352H323.401V-0.500028H528.791ZM444.661 161.65H520.801C532.708 161.65 541.951 158.673 548.531 152.72C555.111 146.767 558.401 138.463 558.401 127.81C558.401 116.843 555.111 108.54 548.531 102.9C541.951 96.9467 532.708 93.97 520.801 93.97H444.661V161.65ZM716.751 352V-0.500028H837.071V227.45L975.251 -0.500028H1133.64V352H1013.32V116.53L870.441 352H716.751ZM1189.96 352V-0.500028H1310.28V118.41H1382.19L1478.54 -0.500028H1610.14L1469.14 165.41L1614.84 352H1472.9L1378.9 225.57H1310.28V352H1189.96ZM2016.45 199.25C2012.69 231.523 2001.57 259.723 1983.08 283.85C1964.91 307.977 1940.78 326.777 1910.7 340.25C1880.62 353.723 1846.15 360.46 1807.3 360.46C1765.31 360.46 1728.65 352.783 1697.32 337.43C1665.99 322.077 1641.55 300.613 1624 273.04C1606.77 245.153 1598.15 212.723 1598.15 175.75C1598.15 138.777 1606.77 106.503 1624 78.93C1641.55 51.0433 1665.99 29.4233 1697.32 14.07C1728.65 -1.28334 1765.31 -8.96 1807.3 -8.96C1846.15 -8.96 1880.62 -2.22334 1910.7 11.25C1940.78 24.7233 1964.91 43.5233 1983.08 67.65C2001.57 91.7767 2012.69 119.977 2016.45 152.25H1894.72C1891.9 140.03 1886.73 129.69 1879.21 121.23C1871.69 112.457 1861.82 105.877 1849.6 101.49C1837.69 96.79 1823.59 94.44 1807.3 94.44C1789.13 94.44 1773.46 97.73 1760.3 104.31C1747.45 110.577 1737.58 119.82 1730.69 132.04C1723.8 144.26 1720.35 158.83 1720.35 175.75C1720.35 192.67 1723.8 207.24 1730.69 219.46C1737.58 231.367 1747.45 240.61 1760.3 247.19C1773.46 253.77 1789.13 257.06 1807.3 257.06C1823.59 257.06 1837.69 255.023 1849.6 250.95C1861.82 246.563 1871.69 240.14 1879.21 231.68C1886.73 222.907 1891.9 212.097 1894.72 199.25H2016.45Z' fill='%23F4C86F'/></svg>");
    background-repeat: repeat-y;
    background-size: 100% auto;
}

.intro__breadcrumbs {
    position: absolute;
    top: 15px;
    left: 50px;
    display: flex;
    font-family: "Manrope";
    color: #292929;
    font-size: 10px;
    list-style: none;
    z-index: 2;
}

.intro__breadcrumbs a {
    color: currentColor;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.intro__breadcrumbs a:after {
    content: '/';
    color: #292929;
    margin: 0 5px;
}

.intro__breadcrumbs span {
    opacity: 0.5;
}

.intro__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.intro__title {
    position: absolute;
    left: 50px;
    bottom: -5px;
    color: #292929;
    font-family: "Bounded";
    font-size: 60px;
    font-weight: 400;
    text-transform: uppercase;
    z-index: 2;
}

.intro__title span {
    display: block;
    text-align: right;
    transform: translateX(150px);
}

/* about */
.about {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 25px 50px 0;
}

.about__img {
    width: 100%;
    max-width: 900px;
    position: relative;
    z-index: 2;
}

.about__img--mobile {
    display: none;
}

.about__text {
    display: flex;
    flex-direction: column;
    gap: 100px;
    position: relative;
    z-index: 2;
}

.about__text-block {
    max-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    color: #292929;
    font-family: "Manrope";
}

.about__text-block p {
    max-width: 450px;
}

.about__text-title {
    font-family: "Bounded";
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
}

.about__bg {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 170px;
    z-index: 1;
}

/* facts */
.facts {
    display: flex;
    justify-content: space-between;
    padding: 100px 50px;
}

.facts__heading {
    max-width: 285px;
    color: #292929;
    font-family: "Bounded";
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
}

.facts__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.facts__card {
    max-width: 440px;
    aspect-ratio: 1.75;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #E69E5F;
    border-radius: 8px;
    padding: 5px 25px;
    box-sizing: border-box;
}

.facts__card--logo {
    justify-content: center;
    align-items: center;
}

.facts__text {
    color: #FFFFFF;
    font-family: "Bounded";
}

.facts__text--big {
    color: #FFCEA4;
    font-size: 104px;
}

/* timeline */
.timeline__header {
    max-width: 470px;
    color: #292929;
    font-family: "Bounded";
    padding: 0 50px;
}

.timeline__heading {
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.timeline__container {
    width: max-content;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 140px;
    margin-bottom: 240px;
    box-sizing: border-box;
}

.timeline__container-1 {
    width: 100%;
    padding-left: 50px;
}

.timeline__container-2 {
    padding-left: 45px;
}

.timeline__container--mobile {
    display: none;
}

.timeline__container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 56px;
    right: 0;
    height: 3px;
    background: #E69E5F;
    transform: translateY(-50%);
    z-index: 1;
}

.timeline__container-2::before {
    left: -135px;
    right: 135px;
}

.timeline__item {
    min-width: 135px;
    position: relative;
    flex: 1;
}

.timeline__container-1 .timeline__item:last-child {
    min-width: 350px;
}

.timeline__dot {
    width: 21px;
    height: 21px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: 1px solid #E69E5F;
    border-radius: 50%;
    z-index: 2;
}

.timeline__dot::before {
    content: "";
    width: 15px;
    height: 15px;
    background: #E69E5F;
    border-radius: 50%;
}

.timeline__label {
    width: 255px;
    height: 80px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #292929;
    font-family: "Manrope";
    background: #FFF5ED;
    padding: 10px;
    box-sizing: border-box;
}

.timeline__item:nth-of-type(even) .timeline__label {
    bottom: calc(100% + 15px);
}

.timeline__item:nth-of-type(odd) .timeline__label {
    top: calc(100% + 15px);
}

/* Ссылка на главную */
.link__back {
    width: 185px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #292929;
    font-family: "Manrope";
    text-decoration: none;
    border: 1px solid #292929;
    border-radius: 5px;
    margin: -35px auto 100px;
}

@media (max-width: 1540px) {
    /* intro */
    .intro__title span {
        transform: translateX(50px);
    }

    /* facts */
    .facts {
        flex-direction: column;
        gap: 25px;
    }
}

@media (max-width: 1440px) {
    /* intro */
    .intro__title {
        font-size: 40px;
    }

    /* about */
    .about {
        flex-direction: column;
    }

    /* timeline */
    .timeline__container {
        width: 100%;
        flex-direction: column;
        margin-top: 90px;
        margin-bottom: 60px;
    }

    .timeline__container-1 {
        display: none;
    }

    .timeline__container-2 {
        display: none;
    }

    .timeline__container--mobile {
        display: flex;
    }

    .timeline__container::before {
        width: 3px;
        height: 100%;
        top: 0;
        left: 50%;
        bottom: 0;
        right: auto;
        transform: translateX(-50%);
    }

    .timeline__item {
        width: 100%;
        min-width: 0px;
        min-height: 100px;
        display: flex;
        justify-content: center;
        margin-top: -10px;
    }
    
    .timeline__item:last-child {
        min-height: 0;
        transform: translateY(10px);
    }

    .timeline__label {
        width: calc(50% - 70px);
        height: 80px;
    }

    .timeline__item:nth-of-type(even) .timeline__label {
        top: -30px;
        bottom: auto;
        right: 50px;
    }

    .timeline__item:nth-of-type(odd) .timeline__label {
        top: -30px;
        left: 50px;
    }

    /* Ссылка на главную */
    .link__back {
        margin-top: 0;
    }
}

@media (max-width: 1200px) {
    /* facts */
    .facts__cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    /* intro */
    .intro__img {
        width: calc(100% - 50px);
        left: 25px;
        right: 25px;
        transform: translateY(-50%);
        z-index: 2;
    }
    
    .intro__title {
        font-size: 22px;
    }

    /* facts */
    .facts__text--big {
        font-size: 60px;
    }
}

@media (max-width: 768px) {
    /* intro */
    .intro {
        height: calc(100svh - 40px);
    }

    .intro__breadcrumbs {
        left: 15px;
    }

    .intro__title {
        left: 15px;
        bottom: 0;
        font-size: 13px;
    }

    .intro__title span {
        transform: translateX(30px);
    }

    /* about */
    .about {
        flex-direction: column;
        padding: 60px 15px 0;
    }

    .about__img {
        display: none;
    }

    .about__img--mobile {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    .about__text-block {
        gap: 20px;
    }

    .about__text-block:last-child {
        margin-top: 40px;
    }

    .about__text-block p:not(:last-child) {
        margin-bottom: 5px;
    }

    .about__text {
        gap: 20px;
        font-size: 13px;
    }

    .about__text-title {
        max-width: 320px;
        font-size: 18px;
    }

    .about__bg {
        bottom: 345px;
    }

    /* facts */
    .facts {
        padding: 60px 15px;
    }

    .facts__heading {
        font-size: 13px;
    }

    .facts__cards {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .facts__card {
        width: 100%;
        min-height: 125px;
        aspect-ratio: initial;
        gap: 7px;
        padding: 20px;
    }

    .facts__card--logo {
        display: none;
    }

    .facts__text {
        font-size: 13px;
    }

    .facts__text--big {
        font-size: 60px;
    }

    /* timeline */
    .timeline__header {
        font-size: 13px;
        padding: 0 15px;
    }

    .timeline__heading {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .timeline__header p {
        font-family: "Manrope";
    }

    .timeline__label {
        width: calc(50% - 30px);
        font-size: 13px;
    }

    .timeline__item:nth-of-type(even) .timeline__label {
        right: 15px;
    }

    .timeline__item:nth-of-type(odd) .timeline__label {
        left: 15px;
    }

    /* Ссылка на главную */
    .link__back {
        width: 160px;
        height: 40px;
        font-size: 13px;
        margin: 0 auto 60px;
    }
}