/*
 * Custom overrides — safe to edit directly on the server (e.g. via cPanel
 * File Manager) for quick staging tweaks without rebuilding the Vite
 * bundle. This file loads AFTER the compiled app.css, so any rule written
 * here with matching specificity will win.
 *
 * Example:
 * .hero__heading-line { color: red; }
 */


.hero__meta p {
    font-family: var(--font-montserrat);
    color: #f7f2ea;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}
.hero__badge img {
    width: auto;
    height: 2rem;
}
.carry__name {
    font-size: 13px;
}
.carry__role {
    color: #f7f2ea;
    font-size: 13px;
}
.spotlight__tag {
    font-size: 13px;
    font-weight: 600;
}
.spotlight__note {
    font-size: 13px;
    font-weight: 400;
}
.spotlight__role {
    font-size: 20px;
    line-height: 32px;
}
.about-hero__badge {
    font-size: 13px;
    font-weight: 600;
}
.spotlight__note {
    font-size: 13px;
    font-weight: 400;
}
.about-hero__meta p {
    color: #f7f2ea;
    font-size: 13px;
    font-weight: 400;
}
.about-quote__byline {
    font-size: 13px;
}
.carry__tag {
    font-size: 13px;
    font-weight: 400;
}
.conversations-spotlight__meta {
    font-size: 13px;
    font-weight: 500;
}
.conversations-spotlight__role {
    font-size: 15px;
    font-weight: 500;
}
.conversations-spotlight__item-meta {
    font-size: 16px;
    font-weight: 500;
}



@media (max-width: 767px) {
.cta__card {
    background: transparent !important;
}
.cta__card {
    background: unset !important;
}
.cta__card-tag {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.cta__card-tag.responsiveQuery {
    color: #2a1610;
}
.cta__card-heading {
    color: #fff;
}
.join-hero__fineprint {
    max-width: 350px;
    font-family: var(--font-source);
    color: #fff;
    margin-top: .5rem;
    margin-inline: auto;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}
h3.cta__card-heading.responsiveQuery {
    color: #2a1610 !important;
}
}