.about-section {
    width: 100%;

    padding-top: 140px;
    padding-bottom: 140px;

    background: #ffffff;

    position: relative;
}

.about-wrapper {
    display: grid;
    grid-template-columns: 520px 1fr;

    gap: 100px;

    align-items: center;
}

.about-image-wrapper {
    position: relative;
}

.about-image-shape {
    position: absolute;

    width: 280px;
    height: 280px;

    border-radius: 50%;

    background: rgba(199,119,112,0.10);

    top: -60px;
    left: -60px;
}

.about-image-card {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 680px;

    overflow: hidden;

    border-radius: 32px;

    box-shadow:
        0 30px 80px rgba(0,0,0,0.08);
}

.about-image-card img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}

.about-subtitle {
    display: inline-block;

    font-size: 13px;

    letter-spacing: 4px;
    text-transform: uppercase;

    color: var(--color-primary);

    margin-bottom: 28px;
}

.about-title {
    font-size: 72px;
    line-height: .95;

    color: #2f2f2f;

    margin-bottom: 34px;
}

.about-description {
    max-width: 620px;

    font-size: 16px;
    line-height: 2;

    color: #6f6f6f;

    margin-bottom: 45px;
}

.about-details {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-detail {
    display: flex;
    align-items: center;
    gap: 18px;
}

.about-detail-circle {
    width: 14px;
    height: 14px;

    border-radius: 50%;

    background: rgba(199,119,112,0.22);

    position: relative;
}

.about-detail-circle::before {
    content: '';

    position: absolute;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: var(--color-primary);

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}

.about-detail span {
    color: #5f5f5f;

    font-size: 15px;
}