.project-page--sober {
    --red: #555552;
    --yellow: #d2d2cc;
    --ink: #30302e;
    --paper: #f2f2ef;
}

.project-page--sober .project-hero {
    background: #292927;
}

.project-page--sober .navigation .admin-login-link {
    background: #d2d2cc;
    color: #30302e !important;
}

.project-page--sober .navigation .admin-login-link:hover {
    background: #ffffff;
    color: #30302e !important;
}

.project-page--sober .project-kicker,
.project-page--sober .project-hero h1 span {
    color: #d7d7d1;
}

.project-page--sober .section-label {
    color: #666663;
}

.project-page--sober .project-intro,
.project-page--sober .case-columns {
    grid-template-columns: 1.08fr 0.92fr;
    gap: 6%;
}

.project-page--sober .project-intro h2,
.project-page--sober .case-content h2 {
    max-width: 720px;
    font-size: clamp(34px, 3.8vw, 52px);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.project-page--sober .project-meta > div {
    border-top-color: #6a6a66;
    background: #f1f1ee;
}

.project-page--sober .case-content-dark {
    background: #30302e;
}

.project-page--sober .case-list li::before,
.project-page--sober .case-content-dark .case-list li::before {
    color: #92928c;
}

.project-page--sober .technology-item:hover {
    border-color: #73736e;
    color: #454543;
}

.project-page--sober .technology-band {
    grid-template-columns: repeat(var(--technology-count, 10), minmax(0, 1fr));
    gap: 10px;
}

.project-page--sober .technology-item {
    min-height: 118px;
    padding: 18px 8px;
}

.project-page--sober .technology-item i {
    margin-bottom: 14px;
    font-size: 34px;
}

.project-page--sober .technology-item span {
    font-size: 11px;
}

.project-page--sober .case-results-list {
    display: grid;
    grid-template-columns: minmax(170px, .35fr) 1fr;
    gap: 36px;
    margin-top: 70px;
    padding: 34px 40px;
    border: 1px solid #d6d6d1;
    border-radius: 6px;
    background: #ffffff;
}

.project-page--sober .case-results-list .section-label {
    margin: 4px 0 0;
}

.project-page--sober .raul-footer-cta {
    background: #474744;
}

.project-page--sober .raul-footer-cta > p {
    color: #d2d2cc;
}

@media (max-width: 1100px) {
    .project-page--sober .technology-band {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .project-page--sober .project-intro,
    .project-page--sober .case-columns,
    .project-page--sober .case-text-grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }
}

@media (max-width: 767px) {
    .project-page--sober .case-results-list {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px;
    }

    .project-page--sober .technology-band {
        display: flex;
    }

    .project-page--sober .technology-item {
        flex-basis: 132px;
    }
}