.quote-block {
    position: relative;
    color: var(--gold);
}

.quote-block__mark {
    position: absolute;
    width: 96px;
    height: 96px;
    z-index: 0;
}

.quote-block__mark--open {
    top: -8px;
    left: -12px;
}

.quote-block__mark--close {
    bottom: -8px;
    right: -12px;
    transform: rotate(180deg);
}

.quote-block__inner {
    position: relative;
    z-index: 1;
    padding: 36px 32px;
}

.quote-block__stars {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    margin-bottom: 20px;
    color: var(--gold);
}

.quote-block__text {
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.7;
    color: var(--dark);
    margin: 0;
    font-style: italic;
}

.quote-block__author {
    font-family: var(--font-sans);
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.1em;
    color: rgb(121, 110, 101);
    margin: 24px 0 0;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .quote-block__mark {
        width: 72px;
        height: 72px;
    }
}