/* MAJARA_UI_POLISH_V1 */

:root {
    --mj-polish-ink: #201e1b;
    --mj-polish-paper: #f7f4ef;
    --mj-polish-warm: #ece4da;
    --mj-polish-accent: var(--mj-brand-primary, #C51127);
    --mj-polish-accent-dark: var(--mj-brand-primary-dark, #9E0E1F);
    --mj-polish-line: rgba(32, 30, 27, .12);
}

.site-main {
    overflow: hidden;
}

.mj-section {
    position: relative;
}

.mj-section--warm {
    background:
        radial-gradient(circle at 88% 7%, rgba(201,143,85,.12), transparent 26%),
        var(--mj-polish-warm);
}

.hero__content {
    text-shadow: 0 3px 18px rgba(0,0,0,.18);
}

.hero__subtitle {
    max-width: 600px;
    color: rgba(255,255,255,.82);
}

.hero .mj-button {
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.section-head {
    padding-bottom: 18px;
    border-bottom: 1px solid var(--mj-polish-line);
}

.section-head .mj-button {
    flex: 0 0 auto;
}

.project-card {
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 18px 44px rgba(35,28,22,.13);
}

.project-card::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    content: "";
    border: 1px solid rgba(255,255,255,.16);
    border-radius: inherit;
    pointer-events: none;
}

.project-card__body {
    padding: 30px;
}

.project-card__arrow {
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.project-card:hover .project-card__arrow {
    border-color: var(--mj-polish-accent);
    background: var(--mj-polish-accent);
    transform: translateY(-3px);
}

.category-card {
    border-color: var(--mj-polish-line);
    box-shadow: 0 8px 22px rgba(33,28,22,.04);
}

.category-card:hover {
    border-color: rgba(201,143,85,.55);
}

.course-card {
    position: relative;
    border-color: var(--mj-polish-line);
    box-shadow: 0 12px 30px rgba(36,30,24,.06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.course-card:hover {
    border-color: rgba(201,143,85,.5);
    box-shadow: 0 22px 46px rgba(36,30,24,.13);
    transform: translateY(-6px);
}

.course-card__image {
    position: relative;
    background: #d8d0c7;
}

.course-card__image::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(0deg, rgba(27,23,20,.16), transparent 55%);
    pointer-events: none;
}

.course-card__body {
    padding: 24px 22px 25px;
}

.course-card__title,
.course-card__title a {
    color: var(--mj-polish-ink) !important;
}

.course-card__title a:hover {
    color: var(--mj-polish-accent-dark) !important;
}

.course-card__excerpt {
    color: #756e67 !important;
    line-height: 1.95;
}

.archive-grid {
    padding-top: 48px;
}

.archive-filter {
    gap: 10px;
}

.archive-filter a {
    border-color: var(--mj-polish-line);
    background: rgba(255,255,255,.48);
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.archive-filter a:hover {
    border-color: var(--mj-polish-accent);
    background: var(--mj-polish-accent);
    color: #fff;
}

.page-hero {
    background:
        radial-gradient(circle at 85% 16%, rgba(201,143,85,.16), transparent 27%),
        var(--mj-polish-warm);
}

.page-hero__title {
    color: var(--mj-polish-ink);
}

.page-content,
.article-content {
    font-size: 1rem;
}

.page-content p,
.article-content p {
    line-height: 2.15;
}

.page-content a,
.article-content a {
    color: var(--mj-polish-accent-dark);
    font-weight: 700;
}

.page-content a:hover,
.article-content a:hover {
    color: var(--mj-polish-ink);
}

.page-aside {
    border-color: var(--mj-polish-line);
    box-shadow: 0 10px 30px rgba(30,25,20,.05);
}

.page-aside__item:hover {
    color: var(--mj-polish-accent-dark);
}

.contact-list__item {
    border-color: var(--mj-polish-line);
    box-shadow: 0 8px 24px rgba(33,27,21,.04);
    transition: transform .2s ease, border-color .2s ease;
}

.contact-list__item:hover {
    border-color: rgba(201,143,85,.48);
    transform: translateY(-3px);
}

.contact-list__value {
    color: var(--mj-polish-ink);
}

.contact-list__value[href] {
    color: var(--mj-polish-accent-dark);
}

.mj-gf-section {
    border-color: var(--mj-polish-line);
    box-shadow: 0 20px 48px rgba(31,25,20,.08);
}

.mj-gf-section .gform_button {
    box-shadow: 0 11px 22px rgba(167,110,55,.2);
}

.project-detail-hero {
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.project-gallery__item {
    box-shadow: 0 10px 28px rgba(28,23,19,.1);
}

.site-footer {
    border-top: 4px solid var(--mj-polish-accent);
}

.site-footer__link:hover {
    color: #e4ad76;
}

.social-list a {
    transition: transform .2s ease, border-color .2s ease, color .2s ease;
}

.social-list a:hover {
    border-color: var(--mj-polish-accent);
    color: #fff;
    transform: translateY(-3px);
}

.mj-empty {
    border-color: rgba(201,143,85,.38);
    background: rgba(255,255,255,.6);
}

@media (max-width: 900px) {
    .section-head {
        padding-bottom: 14px;
    }

    .project-card__body {
        padding: 23px;
    }

    .course-card__body {
        padding: 20px;
    }
}

@media (max-width: 620px) {
    .page-content,
    .article-content {
        font-size: .94rem;
    }

    .hero__subtitle {
        font-size: .96rem;
    }
}