.jr-seo-page{--jr-navy:#0b3157;--jr-dark:#072440;--jr-teal:#00a786;--jr-teal-dark:#007e69;--jr-ink:#172432;--jr-muted:#5c6a78;--jr-soft:#f3f8f8;--jr-line:#dce5e8;color:var(--jr-ink);font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.7}
.jr-seo-page *{box-sizing:border-box}
.jr-seo-page h1,.jr-seo-page h2,.jr-seo-page h3{color:var(--jr-dark);font-family:Newsreader,Georgia,serif;line-height:1.08;margin:0 0 .65rem}
.jr-seo-page h1{font-size:clamp(2.7rem,7vw,5.6rem);letter-spacing:-.04em;max-width:950px}
.jr-seo-page h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.025em}
.jr-seo-page h3{font-size:1.55rem}
.jr-seo-page p{margin:0 0 1.1rem}
.jr-seo-page a{color:var(--jr-navy)}
.jr-seo-page .jr-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}
.jr-seo-page .jr-hero{padding:clamp(70px,10vw,130px) 0 78px;background:linear-gradient(135deg,#f7fbfb 0%,#eef7f8 60%,#e5f3f2 100%);border-bottom:1px solid var(--jr-line)}
.jr-seo-page .jr-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:800;color:var(--jr-teal-dark);margin-bottom:1rem!important}
.jr-seo-page .jr-lead{font-size:clamp(1.1rem,2vw,1.35rem);max-width:780px;color:#405263}
.jr-seo-page .jr-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.jr-seo-page .jr-button{display:inline-block;padding:13px 22px;border-radius:999px;background:var(--jr-teal);color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 10px 28px rgba(0,167,134,.2)}
.jr-seo-page .jr-button--ghost{background:transparent;color:var(--jr-navy)!important;border:1px solid var(--jr-navy);box-shadow:none}
.jr-seo-page .jr-section{padding:clamp(58px,8vw,96px) 0}
.jr-seo-page .jr-section--soft{background:var(--jr-soft)}
.jr-seo-page .jr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
.jr-seo-page .jr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.jr-seo-page .jr-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.jr-seo-page .jr-card{background:#fff;border:1px solid var(--jr-line);border-radius:18px;padding:28px;box-shadow:0 12px 32px rgba(7,36,64,.06)}
.jr-seo-page .jr-card p:last-child{margin-bottom:0}
.jr-seo-page .jr-card a{font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}
.jr-seo-page .jr-number{font-weight:900;color:var(--jr-teal-dark);letter-spacing:.08em;margin-bottom:.7rem!important}
.jr-seo-page .jr-checklist{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.jr-seo-page .jr-checklist li{position:relative;padding-left:29px}
.jr-seo-page .jr-checklist li:before{content:"✓";position:absolute;left:0;color:var(--jr-teal-dark);font-weight:900}
.jr-seo-page .jr-note{border-left:4px solid var(--jr-teal);padding:18px 22px;background:#f2fffb;margin-top:28px}
.jr-seo-page .jr-faq{border-top:1px solid var(--jr-line);padding:22px 0}
.jr-seo-page .jr-faq:last-child{border-bottom:1px solid var(--jr-line)}
.jr-seo-page .jr-cta{background:var(--jr-navy);color:#fff;border-radius:24px;padding:clamp(32px,6vw,62px)}
.jr-seo-page .jr-cta h2,.jr-seo-page .jr-cta p{color:#fff}
.jr-seo-page .jr-cta .jr-button{background:#fff;color:var(--jr-navy)!important;box-shadow:none}
.jr-seo-page .jr-cta .jr-button--ghost{background:transparent;color:#fff!important;border-color:#fff}
.jr-seo-page .jr-small{font-size:.88rem;color:#5f6e7b}
.jr-seo-page .jr-navlinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.jr-seo-page .jr-navlinks a{background:#fff;border:1px solid var(--jr-line);border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:700}
@media(max-width:1050px){.jr-seo-page .jr-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.jr-seo-page .jr-grid,.jr-seo-page .jr-grid--2,.jr-seo-page .jr-grid--5{grid-template-columns:1fr}.jr-seo-page .jr-wrap{width:min(100% - 28px,1160px)}.jr-seo-page .jr-hero{padding-top:56px}.jr-seo-page .jr-card{padding:23px}}

/* About Joe page */
.jr-about-page{--jr-navy:#0b3157;--jr-dark:#072440;--jr-teal:#00a786;--jr-teal-dark:#007e69;--jr-ink:#172432;--jr-muted:#5c6a78;--jr-soft:#eaf5f6;--jr-line:#dce5e8;color:var(--jr-ink);font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.7}
.jr-about-page *{box-sizing:border-box}
.jr-about-page h1,.jr-about-page h2,.jr-about-page h3{margin:0 0 .65rem;color:var(--jr-dark);font-family:Newsreader,Georgia,serif;line-height:1.05;letter-spacing:-.03em}
.jr-about-page h1{font-size:clamp(3.5rem,7vw,6.5rem)}
.jr-about-page h2{font-size:clamp(2.35rem,4.6vw,4.35rem)}
.jr-about-page p{margin:0 0 1.15rem}
.jr-about-page .jr-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}
.jr-about-page .jr-kicker{margin-bottom:1rem;color:var(--jr-teal-dark);font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.jr-about-lead{max-width:780px;color:#435363;font-size:clamp(1.05rem,1.8vw,1.28rem)}
.jr-about-hero{overflow:hidden;padding:72px 0 82px;background:linear-gradient(135deg,#fbfdfd 0%,#e6f4f3 100%)}
.jr-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.jr-about-portrait{position:relative;max-width:500px;justify-self:end}
.jr-about-portrait:before{content:"";position:absolute;width:80%;height:82%;right:-26px;bottom:-25px;border-radius:48% 48% 28px 28px;background:#bce4dd}
.jr-about-portrait img{position:relative;width:100%;aspect-ratio:1/1.05;object-fit:cover;object-position:center top;border:12px solid rgba(255,255,255,.86);border-radius:48% 48% 28px 28px;box-shadow:0 22px 60px rgba(11,49,87,.14)}
.jr-about-event-portrait:before{border-radius:34px}
.jr-about-event-portrait img{aspect-ratio:1.08/1;object-position:76% center;border-radius:30px}
.jr-about-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.jr-about-stats span{padding:11px 15px;border:1px solid var(--jr-line);border-radius:13px;background:#fff;color:var(--jr-navy);font-size:.82rem;font-weight:800}
.jr-about-section{padding:clamp(70px,8vw,104px) 0}
.jr-about-story figure{margin:0;overflow:hidden;border-radius:26px;box-shadow:0 22px 60px rgba(11,49,87,.14)}
.jr-about-story figure img{width:75%;height:470px;object-fit:cover}
.jr-about-story>div>p:not(.jr-kicker){color:#4e6070;font-size:1.06rem}
.jr-experience-panel{padding:46px;border-radius:28px;background:var(--jr-navy);color:#d6e5ee;box-shadow:0 22px 60px rgba(11,49,87,.14)}
.jr-experience-panel .jr-kicker{color:#75dfc7}
.jr-experience-panel blockquote{margin:18px 0 24px;color:#fff;font-family:Newsreader,Georgia,serif;font-size:2rem;line-height:1.2}
.jr-experience-panel p:last-child{margin-bottom:0;color:#c5d8e3}
.jr-about-community{background:var(--jr-navy);color:#d6e5ee}
.jr-about-community h2{color:#fff}
.jr-about-community .jr-kicker{color:#75dfc7}
.jr-about-community .jr-about-lead{color:#c5d8e3}
.jr-about-photo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:36px}
.jr-about-photo-grid figure{position:relative;min-height:560px;margin:0;overflow:hidden;border-radius:25px;background:#0a3155}
.jr-about-photo-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,29,51,.92))}
.jr-about-photo-grid img{width:100%;height:560px;object-fit:cover}
.jr-about-photo-grid figure:first-child img{object-position:center}
.jr-about-photo-grid figure:last-child img{object-position:center 28%}
.jr-about-photo-grid figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;color:#fff}
.jr-about-photo-grid figcaption strong,.jr-about-photo-grid figcaption span{display:block}
.jr-about-photo-grid figcaption strong{font-family:Newsreader,Georgia,serif;font-size:1.65rem;line-height:1.15}
.jr-about-photo-grid figcaption span{color:#d5e4ec;font-size:.92rem}
.jr-about-teaching{background:var(--jr-soft)}
.jr-about-teaching-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}
.jr-about-teaching figure{margin:0;padding:22px;border-radius:24px;background:#fff;box-shadow:0 22px 60px rgba(11,49,87,.14)}
.jr-about-teaching img{width:100%;border-radius:14px}
.jr-about-teaching p:not(.jr-kicker){color:#4e6070}
.jr-about-family{background:#f7f5ef}
.jr-family-card{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:42px;align-items:center;max-width:1120px;margin:0 auto;padding:30px;border:1px solid var(--jr-line);border-radius:22px;background:#fff}
.jr-family-card img{display:block;width:100%;max-width:629px;height:auto;aspect-ratio:629/492;object-fit:contain;border-radius:18px}
.jr-family-card p:not(.jr-kicker){color:#4e6070;font-size:1.06rem}
.jr-about-cta{padding:68px 0;background:var(--jr-teal);color:#fff}
.jr-about-cta .jr-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}
.jr-about-cta h2{margin-bottom:6px;color:#fff}
.jr-about-cta p{margin:0}
.jr-about-cta a{display:inline-block;padding:13px 24px;border-radius:999px;background:#fff;color:var(--jr-navy);font-weight:800;text-decoration:none}
@media(max-width:900px){.jr-about-grid,.jr-about-teaching-grid{grid-template-columns:1fr}.jr-about-portrait{justify-self:center}.jr-about-photo-grid{grid-template-columns:1fr}.jr-family-card{grid-template-columns:1fr}.jr-about-cta .jr-wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.jr-about-page .jr-wrap{width:min(100% - 28px,1160px)}.jr-about-section{padding:66px 0}.jr-about-photo-grid figure,.jr-about-photo-grid img{min-height:460px;height:460px}.jr-family-card{padding:24px}.jr-family-card img{width:100%;height:auto}}

/* For Realtors page with a top-aligned resource sidebar */
.jr-realtor-page{background:linear-gradient(145deg,#f0f9f8 0,#fff 38%)}
.jr-realtor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:42px;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(58px,8vw,94px) 0}
.jr-realtor-main{min-width:0}
.jr-realtor-main>h1{max-width:780px}
.jr-realtor-main>.jr-lead{margin-bottom:0}
.jr-realtor-main>.jr-actions{margin-bottom:50px}
.jr-realtor-section{padding:46px 0;border-top:1px solid var(--jr-line)}
.jr-realtor-section:first-of-type{padding-top:42px}
.jr-realtor-section .jr-grid{margin-top:25px}
.jr-realtor-library{position:sticky;top:22px;margin:0;padding:25px 20px 22px;border:1px solid rgba(8,40,68,.11);border-top:6px solid var(--jr-teal);border-radius:18px;background:#fff;box-shadow:0 20px 45px rgba(8,40,68,.15)}
.jr-realtor-library h2{font-size:2rem}
.jr-realtor-library .jr-kicker{margin-bottom:.55rem!important}
.jr-library-intro{color:var(--jr-muted);font-size:.9rem;line-height:1.55}
.jr-resource-list{display:grid;gap:12px;margin-top:18px}
.jr-resource-tile{padding:13px;border:1px solid var(--jr-line);border-radius:12px;background:#f7fbfb;box-shadow:0 4px 12px rgba(8,40,68,.04)}
.jr-resource-heading{display:flex;align-items:center;gap:10px}
.jr-resource-type{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:9px;background:#dff4f0;color:var(--jr-teal-dark);font-size:.7rem;font-weight:900}
.jr-resource-heading h3{margin:0;font-family:Manrope,Arial,sans-serif;font-size:.82rem;line-height:1.3;letter-spacing:0}
.jr-resource-heading p{margin:2px 0 0;color:#718391;font-size:.68rem;line-height:1.3}
.jr-resource-download{display:block;margin-top:10px;padding:8px 10px;border-radius:8px;background:var(--jr-navy);color:#fff!important;text-align:center;text-decoration:none;font-size:.72rem;font-weight:800}
.jr-library-empty{display:grid;gap:4px;margin-top:18px;padding:16px;border:1px solid var(--jr-line);border-radius:12px;background:#f7fbfb;color:var(--jr-muted);font-size:.85rem;line-height:1.5}
.jr-library-empty strong{color:var(--jr-dark)}
@media(max-width:760px){.jr-realtor-layout{grid-template-columns:1fr;width:min(100% - 28px,1160px)}.jr-realtor-library{position:static}.jr-realtor-main>.jr-actions{margin-bottom:40px}}
/* Family section — text left, collage right */
.jr-family-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
    gap: 38px;
    align-items: start;
    width: 100%;
    max-width: 1160px;
    min-height: 535px;
    margin: 0 auto;
    padding: 36px 32px;
    border: 1px solid var(--jr-line);
    border-radius: 22px;
    background: #fff;
}

/* Move the wording into the left column */
.jr-family-card > div {
    grid-column: 1;
    grid-row: 1;
    padding-top: 4px;
}

/* Move the picture into the right column */
.jr-family-card > img {
    grid-column: 2;
    grid-row: 1;
    display: block;
    width: 100%;
    max-width: 520px;
    height: auto;
    aspect-ratio: 629 / 492;
    object-fit: contain;
    border-radius: 18px;
}

/* Make “Beyond Mortgages” larger */
.jr-family-card .jr-kicker {
    margin-bottom: 22px;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .15em;
}

/* Family heading */
.jr-family-card h2 {
    max-width: 540px;
    margin-bottom: 22px;
    font-size: clamp(3rem, 4.5vw, 4.25rem);
    line-height: 1.02;
}

/* Family paragraph */
.jr-family-card p:not(.jr-kicker) {
    max-width: 535px;
    margin-bottom: 0;
    color: #4e6070;
    font-size: 1.06rem;
    line-height: 1.7;
}

/* Tablet and phone layout */
@media (max-width: 900px) {
    .jr-family-card {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 28px;
    }

    .jr-family-card > div {
        grid-column: 1;
        grid-row: 1;
        padding-top: 0;
    }

    .jr-family-card > img {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        max-width: 629px;
        margin-top: 10px;
    }
}

@media (max-width: 620px) {
    .jr-family-card {
        padding: 22px;
    }

    .jr-family-card h2 {
        font-size: 2.7rem;
    }

    .jr-family-card .jr-kicker {
        font-size: .9rem;
    }
}
/* Joe's Approach heading in title case */
.jr-experience-panel .jr-kicker {
    color: #75dfc7;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: center;
    text-transform: none;
}

.jr-about-page .jr-experience-panel > p:last-child {
    color: #ffffff !important;
    opacity: 1 !important;
}
/* Make the left community image use its natural proportions */
.jr-about-photo-grid figure:first-child {
    min-height: 0;
    height: auto;
    aspect-ratio: 697 / 357;
    align-self: start;
}

.jr-about-photo-grid figure:first-child img {
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: 697 / 357;
    object-fit: cover;
    object-position: center;
}