main .about {
    display: grid;
    padding-block: 100px;
    grid-template-columns: repeat(2, 1fr);
}
main .about-word {
    max-width: 600px;
}
main .about-word h1 {
    margin-bottom: 32px;
}
main .about-word h1 span {
    display: inline;
    color: var(--color-system-blue);
}
main .about-word p {
    margin-bottom: 24px;
}
main .about-word p:last-of-type {
    margin-bottom: 32px;
}
main .about-image {
    align-self: center;
    text-align: center;
}
main .about-image img {
    width: 100%;
    max-width: 640px;
    margin-block: -50px -100px;
}
@media (max-width: 1024px) {
    main .about {
        position: relative;
        grid-template-columns: 1fr;
    }
    main .about-word {
        max-width: none;
    }
    main .about-image {
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
        height: 100%;
        opacity: 0.025;
        position: absolute;
        overflow-x: hidden;
    }
    main .about-image img {
        width: auto;
        height: 100%;
        max-width: none;
        margin-block: auto;
    }
}
@media (max-width: 768px) {
    main .about {
        padding-top: 32px;
    }
    main .about-word h1 {
        font: var(--font-display-3);
    }
}