.project-single {
    padding-block: var(--space-3xl);
}

.project-single__image {
    max-width: 1000px;
    margin: 0 auto var(--space-2xl);
}

.project-single__image img {
    width: 100%;
    border-radius: 12px;
}

.project-single__header {
    max-width: 850px;
    margin-bottom: var(--space-xl);
}

.project-single__eyebrow {
    margin: 0 0 var(--space-sm);

    color: var(--color-text-muted);

    font-size: 14px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.project-single__title {
    margin: 0;

    font-size: clamp(
        40px,
        7vw,
        72px
    );

    line-height: 1.1;
}

.project-single__content {
    max-width: 800px;

    font-size: 18px;
    line-height: 1.8;
}

.project-single__technologies {
    max-width: 800px;

    margin-top: var(--space-2xl);
}

.project-single__technologies h2 {
    margin-bottom: var(--space-md);
}

.project-single__technology-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.project-single__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);

    margin-top: var(--space-2xl);
}