/* Why Jack Reyes */
.gjr-jack-why{padding:72px 24px;background:linear-gradient(180deg,#eef4f8 0%,#f8fbfc 100%);}
.gjr-jack-why__panel{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;background:#fff;border:1px solid rgba(18,56,79,.12);border-radius:10px;padding:48px;box-shadow:0 14px 30px rgba(0,0,0,.05)}
.gjr-jack-why__kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#5d7687;font-weight:800}
.gjr-jack-why h2{font-size:52px;line-height:1.05;color:#12384f;margin:10px 0 20px}
.gjr-jack-why blockquote{font-size:28px;line-height:1.3;margin:28px 0 0;padding-left:24px;border-left:4px solid #12384f;color:#2c4453;font-family:Georgia,serif}
.gjr-jack-why__visual{min-height:420px;border-radius:8px;background:url('/wp-content/uploads/2026/08/gjranger-jack-reyes-client-file-scene-v1.webp') center/cover;box-shadow:0 18px 40px rgba(0,0,0,.12)}
@media(max-width:900px){.gjr-jack-why__panel{grid-template-columns:1fr}.gjr-jack-why h2{font-size:40px}.gjr-jack-why__visual{min-height:300px}}


/* ==========================================================
   JACK REYES SERIES — HERO
   Same design system as Home, shifted fully into Jack blue.
========================================================== */

body.gjr-world-jack {
    --gjr-primary: var(--gjr-navy);
    --gjr-secondary: var(--gjr-steel-blue);
    --gjr-surface: var(--gjr-off-white);
}

body.gjr-world-jack {
    background-image:
        radial-gradient(circle at 3% 16%, rgba(22,58,82,.085) 0, rgba(22,58,82,0) 43%),
        radial-gradient(circle at 97% 78%, rgba(45,89,117,.045) 0, rgba(45,89,117,0) 40%),
        repeating-linear-gradient(90deg, rgba(45,89,117,.016) 0, rgba(45,89,117,.016) 1px, transparent 1px, transparent 112px),
        repeating-linear-gradient(0deg, rgba(45,89,117,.013) 0, rgba(45,89,117,.013) 1px, transparent 1px, transparent 112px),
        linear-gradient(180deg,#fff 0%,#fafbf9 22%,#f5f8fa 60%,#fff 100%);
}

/* Jack page active nav becomes blue instead of the global orange. */
body.gjr-world-jack .gjr-primary-menu .current-menu-item > a,
body.gjr-world-jack .gjr-primary-menu .current_page_item > a,
body.gjr-world-jack .gjr-primary-menu a[aria-current="page"] {
    color: var(--gjr-navy);
}

body.gjr-world-jack .gjr-primary-menu .current-menu-item > a::after,
body.gjr-world-jack .gjr-primary-menu .current_page_item > a::after,
body.gjr-world-jack .gjr-primary-menu a[aria-current="page"]::after {
    background: var(--gjr-steel-blue);
}

.gjr-jack-page {
    background: transparent;
}

.gjr-jack-hero {
    position: relative;
    min-height: clamp(520px, calc(100svh - 170px), 610px);
    isolation: isolate;
    overflow: hidden;
    background: #e8eef2;
    border-bottom: 1px solid rgba(22,58,82,.08);
}

.gjr-jack-hero__image,
.gjr-jack-hero__veil {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.gjr-jack-hero__image {
    z-index: -3;
    background-image: url("/wp-content/uploads/2026/08/gjranger-meet-jack-reyes-v1.webp");
    background-repeat: no-repeat;
    background-position: 69% center;
    background-size: cover;
    filter: saturate(.94) contrast(1.03) brightness(1.02);
    transform: scale(1.015);
}

.gjr-jack-hero__veil {
    z-index: -2;
    background:
        linear-gradient(90deg,
            rgba(247,246,242,.995) 0%,
            rgba(247,246,242,.985) 23%,
            rgba(247,246,242,.90) 34%,
            rgba(237,244,248,.52) 48%,
            rgba(22,58,82,.10) 65%,
            rgba(10,35,53,.15) 100%),
        linear-gradient(180deg,
            rgba(237,244,248,.12) 0%,
            rgba(237,244,248,0) 68%,
            rgba(247,246,242,.14) 100%);
}

.gjr-jack-hero::after {
    content:"";
    position:absolute;
    inset-inline:0;
    bottom:0;
    height:18%;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(to bottom, transparent, rgba(247,246,242,.22));
}

.gjr-jack-hero__content {
    min-height: inherit;
    display:flex;
    align-items:center;
    padding-block: clamp(34px, 4.8vh, 56px);
}

.gjr-jack-hero__copy {
    width:min(620px, 46vw);
    margin-left:0;
    transform: translateY(-6px);
}

.gjr-jack-hero__filebar {
    width:max-content;
    max-width:100%;
    min-height:38px;
    margin-bottom:24px;
    padding:8px 14px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid rgba(22,58,82,.20);
    border-radius:5px;
    background:rgba(255,255,255,.42);
    box-shadow:0 8px 22px rgba(22,58,82,.055);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    color:var(--gjr-navy);
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    line-height:1;
    text-transform:uppercase;
}

.gjr-jack-hero__filebar-icon {
    font-size:16px;
    line-height:1;
}

.gjr-jack-hero__filebar i {
    width:1px;
    height:16px;
    background:rgba(22,58,82,.20);
}

.gjr-jack-hero__filebar strong {
    color:var(--gjr-steel-blue);
    font:inherit;
}

.gjr-jack-hero__eyebrow {
    margin:0 0 13px;
    color:var(--gjr-steel-blue);
    font-size:12px;
    font-weight:800;
    letter-spacing:.18em;
    line-height:1.3;
    text-transform:uppercase;
}

.gjr-jack-hero__title {
    max-width:600px;
    margin:0;
    color:var(--gjr-navy);
    font-family:var(--gjr-font-display);
    font-size:clamp(56px, 4.9vw, 82px);
    font-weight:400;
    letter-spacing:.012em;
    line-height:.88;
    text-transform:uppercase;
    text-wrap:balance;
}

.gjr-jack-hero__title span {
    display:block;
    margin-top:.08em;
}

.gjr-jack-hero__rule {
    display:block;
    width:58px;
    height:2px;
    margin:24px 0 20px;
    background:var(--gjr-steel-blue);
}

.gjr-jack-hero__lead {
    max-width:535px;
    margin:0;
    color:var(--gjr-charcoal);
    font-size:clamp(16px,1.15vw,19px);
    line-height:1.64;
}

.gjr-jack-hero__actions {
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:28px;
}

.gjr-jack-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:188px;
    min-height:48px;
    padding:0 22px;
    border-radius:5px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.045em;
    line-height:1;
    text-decoration:none;
    text-transform:uppercase;
    transition:transform var(--gjr-transition), background var(--gjr-transition), color var(--gjr-transition), border-color var(--gjr-transition), box-shadow var(--gjr-transition);
}

.gjr-jack-button:hover,
.gjr-jack-button:focus-visible {
    transform:translateY(-2px);
}

.gjr-jack-button--primary {
    border:1px solid var(--gjr-navy);
    background:var(--gjr-navy);
    color:#fff;
    box-shadow:0 10px 24px rgba(11,31,43,.13);
}

.gjr-jack-button--primary:hover,
.gjr-jack-button--primary:focus-visible {
    border-color:var(--gjr-steel-blue);
    background:var(--gjr-steel-blue);
    color:#fff;
    box-shadow:0 15px 30px rgba(11,31,43,.18);
}

.gjr-jack-button--secondary {
    border:1px solid rgba(22,58,82,.72);
    background:rgba(255,255,255,.34);
    color:var(--gjr-navy);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.gjr-jack-button--secondary:hover,
.gjr-jack-button--secondary:focus-visible {
    border-color:var(--gjr-navy);
    background:rgba(255,255,255,.76);
    color:var(--gjr-navy);
}

.gjr-jack-hero__status {
    width:min(560px, 100%);
    margin-top:26px;
    padding:12px 16px;
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1.15fr;
    align-items:center;
    gap:13px;
    border:1px solid rgba(22,58,82,.16);
    border-radius:8px;
    background:rgba(255,255,255,.36);
    box-shadow:0 10px 28px rgba(22,58,82,.055);
    backdrop-filter:blur(11px);
    -webkit-backdrop-filter:blur(11px);
}

.gjr-jack-hero__status > div {
    display:grid;
    gap:1px;
}

.gjr-jack-hero__status > i {
    width:1px;
    height:30px;
    background:rgba(22,58,82,.15);
}

.gjr-jack-hero__status span {
    color:rgba(31,41,51,.66);
    font-size:8px;
    font-weight:800;
    letter-spacing:.10em;
    line-height:1.2;
    text-transform:uppercase;
}

.gjr-jack-hero__status strong {
    color:var(--gjr-navy);
    font-size:11px;
    font-weight:800;
    letter-spacing:.035em;
    line-height:1.25;
    text-transform:uppercase;
}

@media (max-width: 1100px) {
    .gjr-jack-hero {
        min-height:680px;
    }

    .gjr-jack-hero__image {
        background-position:67% center;
    }

    .gjr-jack-hero__copy {
        width:min(600px, 54vw);
    }

    .gjr-jack-hero__veil {
        background:
            linear-gradient(90deg,
                rgba(247,246,242,.995) 0%,
                rgba(247,246,242,.985) 30%,
                rgba(247,246,242,.83) 43%,
                rgba(237,244,248,.38) 58%,
                rgba(22,58,82,.12) 100%);
    }
}

@media (max-width: 767px) {
    .gjr-jack-hero {
        min-height:760px;
    }

    .gjr-jack-hero__image {
        background-position:69% center;
        transform:none;
    }

    .gjr-jack-hero__veil {
        background:
            linear-gradient(180deg,
                rgba(247,246,242,.97) 0%,
                rgba(247,246,242,.94) 42%,
                rgba(237,244,248,.72) 62%,
                rgba(10,35,53,.14) 100%),
            linear-gradient(90deg,
                rgba(247,246,242,.96) 0%,
                rgba(247,246,242,.82) 58%,
                rgba(237,244,248,.40) 100%);
    }

    .gjr-jack-hero__content {
        min-height:760px;
        align-items:flex-start;
        padding-block:36px 84px;
    }

    .gjr-jack-hero__copy {
        width:100%;
        max-width:540px;
        transform:none;
    }

    .gjr-jack-hero__filebar {
        margin-bottom:22px;
        font-size:8px;
    }

    .gjr-jack-hero__eyebrow {
        font-size:9px;
        letter-spacing:.16em;
    }

    .gjr-jack-hero__title {
        max-width:480px;
        font-size:clamp(50px,14vw,68px);
        line-height:.9;
    }

    .gjr-jack-hero__lead {
        max-width:450px;
        font-size:15px;
        line-height:1.55;
    }

    .gjr-jack-hero__actions {
        width:min(100%, 310px);
        flex-direction:column;
        gap:10px;
        margin-top:24px;
    }

    .gjr-jack-button {
        width:100%;
    }

    .gjr-jack-hero__status {
        max-width:410px;
        grid-template-columns:1fr 1fr;
        gap:10px 16px;
        margin-top:20px;
        padding:11px 13px;
    }

    .gjr-jack-hero__status > i {
        display:none;
    }

    .gjr-jack-hero__status > div:last-child {
        grid-column:1 / -1;
        padding-top:8px;
        border-top:1px solid rgba(22,58,82,.12);
    }
}

@media (max-width: 460px) {
    .gjr-jack-hero {
        min-height:800px;
    }

    .gjr-jack-hero__content {
        min-height:800px;
        padding-top:26px;
    }

    .gjr-jack-hero__filebar {
        gap:7px;
        padding:7px 9px;
    }

    .gjr-jack-hero__filebar-icon {
        display:none;
    }

    .gjr-jack-hero__title {
        font-size:clamp(46px,14vw,60px);
    }

    .gjr-jack-hero__lead {
        font-size:14px;
    }
}

/* ==========================================================
   JACK REYES — SERIES PROMISE / OVERLAP PANEL
   Light-blue editorial card, deliberately tougher than Home
   without leaving the shared G.J. Ranger design system.
========================================================== */


/* ==========================================================
   JACK REYES STORYWORLD v1.7.0
   Same G.J. Ranger design system; harder, narrative-first.
========================================================== */

.gjr-jack-kicker {
    margin: 0 0 10px;
    color: #2d5975;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .17em;
    line-height: 1.2;
    text-transform: uppercase;
}

.gjr-jack-section-heading {
    max-width: 760px;
    margin-bottom: 30px;
}

.gjr-jack-section-heading h2,
.gjr-jack-opposition__heading h2 {
    margin: 0;
    color: #12384f;
    font-family: var(--gjr-font-heading);
    font-size: clamp(31px, 3.3vw, 52px);
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1.03;
}

.gjr-jack-section-heading--center {
    margin-inline: auto;
    text-align: center;
}

/* Simplified Jack Reyes client file — one message, one image, one CTA. */
.gjr-jack-file {
    position: relative;
    z-index: 5;
    margin-top: -34px;
    padding: 0 24px 82px;
}

.gjr-jack-file__simple-panel {
    width: min(1420px, calc(100% - 56px));
    min-height: 360px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(520px, 1.08fr) minmax(0, .92fr);
    overflow: hidden;
    border: 1px solid rgba(18,56,79,.18);
    border-top: 4px solid #12384f;
    border-radius: 8px;
    background: #fbfaf7;
    box-shadow: 0 24px 54px rgba(13,55,84,.20), 0 0 0 1px rgba(45,89,117,.04);
}

.gjr-jack-file__simple-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px 50px 44px;
}

.gjr-jack-file__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #6a8190;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.gjr-jack-file__meta i {
    width: 1px;
    height: 13px;
    background: rgba(18,56,79,.22);
}

.gjr-jack-file__simple-copy h2 {
    margin: 0;
    color: #102f46;
    font-family: var(--gjr-font-display);
    font-size: clamp(52px, 5vw, 76px);
    font-weight: 400;
    line-height: .92;
    text-transform: uppercase;
}

.gjr-jack-file__tagline {
    margin: 15px 0 0 !important;
    color: #244f69 !important;
    font-family: var(--gjr-font-heading);
    font-size: clamp(21px, 2vw, 29px) !important;
    font-weight: 600;
    line-height: 1.08 !important;
}

.gjr-jack-file__simple-rule {
    display: block;
    width: 46px;
    height: 2px;
    margin: 20px 0 18px;
    background: #2d5975;
}

.gjr-jack-file__simple-copy > p:not(.gjr-jack-file__tagline) {
    max-width: 570px;
    margin: 0 0 12px;
    color: #41545f;
    font-size: 13px;
    line-height: 1.62;
}

.gjr-jack-file__simple-lead {
    color: #253d4b !important;
    font-size: 14px !important;
}

.gjr-jack-file__simple-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    align-self: flex-start;
    min-height: 42px;
    margin-top: 10px;
    padding: 0 16px;
    border: 1px solid #12384f;
    border-radius: 4px;
    background: #12384f;
    color: #fff;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .065em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}

.gjr-jack-file__simple-cta:hover,
.gjr-jack-file__simple-cta:focus-visible {
    transform: translateY(-2px);
    background: #214e6a;
    box-shadow: 0 10px 22px rgba(18,56,79,.17);
    color: #fff;
}

.gjr-jack-file__simple-visual {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    background: #12384f;
}

.gjr-jack-file__simple-image {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(7,36,58,.30) 0%, rgba(11,54,82,.08) 52%, rgba(7,31,50,.28) 100%),
        url("/wp-content/uploads/2026/08/gjranger-jack-reyes-client-file-scene-v1.webp") 58% center / cover no-repeat;
    filter: saturate(.90) contrast(1.06) brightness(.96);
}

.gjr-jack-file__simple-corner {
    position: absolute;
    right: 18px;
    top: 17px;
    display: grid;
    justify-items: end;
    gap: 3px;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 4px;
    background: rgba(7,30,46,.34);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.gjr-jack-file__simple-corner span {
    color: rgba(255,255,255,.66);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.gjr-jack-file__simple-corner strong {
    color: #fff;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (max-width: 980px) {
    .gjr-jack-file {
        margin-top: -20px;
    }

    .gjr-jack-file__simple-panel {
        width: min(100%, 920px);
        grid-template-columns: 1fr 1fr;
    }

    .gjr-jack-file__simple-copy {
        padding: 38px 34px;
    }
}

@media (max-width: 720px) {
    .gjr-jack-file {
        margin-top: -10px;
        padding: 0 14px 64px;
    }

    .gjr-jack-file__simple-panel {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .gjr-jack-file__simple-copy {
        padding: 30px 22px 32px;
    }

    .gjr-jack-file__simple-visual {
        min-height: 280px;
    }

    .gjr-jack-file__simple-image {
        background-position: 68% center;
    }
}

/* The Investigations — light dossier cards, approved direction v1.7.6 */
.gjr-jack-investigations{
    padding:34px 24px 96px;
    background:
        linear-gradient(90deg,rgba(18,56,79,.012) 1px,transparent 1px),
        linear-gradient(0deg,rgba(18,56,79,.010) 1px,transparent 1px),
        #fbfaf7;
    background-size:64px 64px,64px 64px,auto;
}
.gjr-jack-investigations .gjr-jack-section-heading{max-width:860px}
.gjr-jack-investigations .gjr-jack-section-heading>p:last-child{
    max-width:760px;
    margin:15px 0 0;
    color:#50636f;
    font-size:13px;
    line-height:1.65
}
.gjr-jack-casefiles{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
}
.gjr-jack-casefile{
    --case-accent:#173f5b;
    position:relative;
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    grid-template-rows:auto 1fr auto;
    min-height:410px;
    overflow:visible;
    border:1px solid rgba(112,91,61,.22);
    border-radius:7px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),
        #f3ede2;
    box-shadow:0 12px 28px rgba(37,48,56,.08);
    transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.gjr-jack-casefile::before{
    content:"";
    position:absolute;
    top:-12px;
    left:18px;
    width:42%;
    height:14px;
    border:1px solid rgba(112,91,61,.20);
    border-bottom:0;
    border-radius:7px 7px 0 0;
    background:#efe6d7;
}
.gjr-jack-casefile::after{
    content:"";
    position:absolute;
    top:-5px;
    right:16px;
    width:13px;
    height:50px;
    border:2px solid rgba(93,92,89,.55);
    border-radius:8px;
    transform:rotate(-8deg);
    opacity:.65;
    pointer-events:none;
}
.gjr-jack-casefile:hover{
    transform:translateY(-4px);
    border-color:rgba(112,91,61,.34);
    box-shadow:0 18px 38px rgba(37,48,56,.12)
}
.gjr-jack-casefile__rail{
    grid-row:1 / 4;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:23px 14px;
    border-right:1px solid rgba(112,91,61,.16);
    background:rgba(255,255,255,.16)
}
.gjr-jack-casefile__rail span,.gjr-jack-casefile__rail small{
    color:#687983;
    font-size:8px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase
}
.gjr-jack-casefile__rail strong{
    margin-top:12px;
    padding:4px 7px;
    border:1px solid rgba(23,63,91,.42);
    color:#173f5b;
    background:rgba(255,255,255,.32);
    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase
}
.gjr-jack-casefile__rail small{margin-top:auto}
.gjr-jack-casefile__copy{
    grid-column:2;
    display:flex;
    flex-direction:column;
    padding:28px 22px 8px
}
.gjr-jack-casefile__type{
    margin:0 0 6px;
    color:#4b6373;
    font-size:8px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase
}
.gjr-jack-casefile__copy h3{
    margin:0;
    color:#12384f;
    font-family:var(--gjr-font-heading);
    font-size:clamp(27px,2.35vw,36px);
    line-height:1
}
.gjr-jack-casefile__hook{
    margin:14px 0 0;
    color:#2d404c;
    font-size:11px;
    font-weight:600;
    line-height:1.55
}
.gjr-jack-casefile__evidence{
    margin-top:18px;
    padding-top:13px;
    border-top:1px solid rgba(112,91,61,.18)
}
.gjr-jack-casefile__evidence span{
    display:block;
    margin-bottom:6px;
    color:#315977;
    font-size:8px;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase
}
.gjr-jack-casefile__evidence p{
    margin:0;
    color:#455963;
    font-size:9px;
    line-height:1.55
}
.gjr-jack-casefile__seo{
    margin:14px 0 0;
    color:#5e6d75;
    font-size:9px;
    line-height:1.48
}
.gjr-jack-casefile__cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    align-self:flex-start;
    margin-top:16px;
    min-height:38px;
    padding:0 14px;
    border:1px solid #12384f;
    border-radius:4px;
    background:#12384f;
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.06em;
    text-decoration:none;
    text-transform:uppercase
}
.gjr-jack-casefile__cover{
    grid-column:2;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    padding:0 18px 20px;
    border:0;
    background:transparent
}
.gjr-jack-casefile__cover img{
    display:block;
    width:118px;
    height:auto;
    border-radius:2px;
    box-shadow:0 13px 24px rgba(9,31,46,.22);
    transition:transform .24s ease,box-shadow .24s ease
}
.gjr-jack-casefile:hover .gjr-jack-casefile__cover img{
    transform:translateY(-3px);
    box-shadow:0 18px 30px rgba(9,31,46,.27)
}
.gjr-jack-case-archive{
    margin-top:30px;
    display:grid;
    grid-template-columns:145px repeat(4,minmax(0,1fr));
    overflow:hidden;
    border:1px solid rgba(18,56,79,.14);
    border-radius:7px;
    background:#fbfaf7;
    box-shadow:0 10px 24px rgba(13,43,61,.05)
}
.gjr-jack-case-archive>div{
    min-height:88px;
    padding:16px 18px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.gjr-jack-case-archive>div+div{border-left:1px solid rgba(18,56,79,.12)}
.gjr-jack-case-archive__title{
    color:#12384f;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase
}
.gjr-jack-case-archive span,.gjr-jack-case-archive small{
    color:#738895;
    font-size:7px;
    font-weight:850;
    letter-spacing:.10em;
    text-transform:uppercase
}
.gjr-jack-case-archive strong{
    margin:5px 0 3px;
    color:#173b52;
    font-size:11px
}
.gjr-jack-case-archive__future{
    background:#f0f3f4
}
.gjr-jack-case-archive__future small{color:#b56b1c}
.gjr-jack-case-start{
    margin-top:18px;
    padding:0;
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);
    overflow:hidden;
    border:1px solid rgba(18,56,79,.14);
    border-radius:7px;
    background:#fff;
    box-shadow:0 10px 24px rgba(13,43,61,.05)
}
.gjr-jack-case-start>div{
    padding:28px 30px;
    background:#f7f8f7
}
.gjr-jack-case-start span{
    display:block;
    color:#718694;
    font-size:8px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase
}
.gjr-jack-case-start strong{
    display:block;
    margin-top:5px;
    color:#12384f;
    font-family:var(--gjr-font-heading);
    font-size:26px;
    line-height:1.05
}
.gjr-jack-case-start p{
    margin:8px 0 0;
    color:#596a74;
    font-size:10px
}
.gjr-jack-case-start>a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100%;
    padding:24px;
    border:0;
    border-radius:0;
    background:linear-gradient(135deg,#d9e5ec,#c7d7e0);
    color:#12384f;
    font-size:10px;
    font-weight:900;
    letter-spacing:.06em;
    text-decoration:none;
    text-transform:uppercase
}
.gjr-jack-case-start>a:hover,.gjr-jack-case-start>a:focus-visible{
    background:linear-gradient(135deg,#cbdbe4,#b8ccd8);
    color:#12384f
}
@media(max-width:1100px){
    .gjr-jack-casefiles{grid-template-columns:1fr}
    .gjr-jack-casefile{grid-template-columns:100px minmax(0,1fr) 150px;grid-template-rows:auto}
    .gjr-jack-casefile__rail{grid-row:1}
    .gjr-jack-casefile__copy{grid-column:2}
    .gjr-jack-casefile__cover{grid-column:3;grid-row:1;align-items:center;justify-content:center;padding:24px 20px}
    .gjr-jack-casefile__cover img{width:120px}
}
@media(max-width:820px){
    .gjr-jack-case-archive{grid-template-columns:repeat(2,minmax(0,1fr))}
    .gjr-jack-case-archive__title{grid-column:1/-1;border-bottom:1px solid rgba(18,56,79,.12)}
    .gjr-jack-case-archive>div:nth-child(odd):not(.gjr-jack-case-archive__title){border-left:0}
    .gjr-jack-case-start{grid-template-columns:1fr}
    .gjr-jack-case-start>a{min-height:70px}
}
@media(max-width:620px){
    .gjr-jack-investigations{padding:26px 16px 78px}
    .gjr-jack-casefile{grid-template-columns:1fr}
    .gjr-jack-casefile__rail{grid-row:auto;min-height:52px;flex-direction:row;align-items:center;gap:10px;padding:12px 15px;border-right:0;border-bottom:1px solid rgba(112,91,61,.16)}
    .gjr-jack-casefile__rail strong{margin:0}
    .gjr-jack-casefile__rail small{margin:0 0 0 auto}
    .gjr-jack-casefile__copy{grid-column:1;padding:22px 18px 8px}
    .gjr-jack-casefile__cover{grid-column:1;grid-row:auto;justify-content:flex-start;padding:12px 18px 20px}
    .gjr-jack-casefile__cover img{width:116px}
    .gjr-jack-case-archive{grid-template-columns:1fr}
    .gjr-jack-case-archive>div+div{border-left:0;border-top:1px solid rgba(18,56,79,.12)}
}

/* Meet Jack: cinematic breathing room. */
.gjr-jack-meet {
    position:relative;
    min-height:500px;
    overflow:hidden;
    isolation:isolate;
    margin-bottom:96px;
}

.gjr-jack-meet__image,
.gjr-jack-meet__shade {
    position:absolute;
    inset:0;
    z-index:-2;
}

.gjr-jack-meet__image {
    background:url("/wp-content/uploads/2026/08/gjranger-jack-reyes-client-file-scene-v1.webp") center center/cover no-repeat;
    filter:saturate(.92) contrast(1.05);
}

.gjr-jack-meet__shade {
    z-index:-1;
    background:
        linear-gradient(90deg,rgba(7,30,46,.96) 0%,rgba(9,38,58,.90) 34%,rgba(9,38,58,.55) 58%,rgba(9,38,58,.15) 100%),
        linear-gradient(180deg,rgba(5,24,38,.10),rgba(5,24,38,.30));
}

.gjr-jack-meet__inner {
    min-height:500px;
    display:flex;
    align-items:center;
}

.gjr-jack-meet__copy {
    width:min(570px,48vw);
    padding:54px 0;
    color:#fff;
}

.gjr-jack-meet .gjr-jack-kicker { color:#8fb6ce; }

.gjr-jack-meet h2 {
    margin:0;
    color:#fff;
    font-family:var(--gjr-font-display);
    font-size:clamp(48px,5vw,76px);
    font-weight:400;
    line-height:.9;
    text-transform:uppercase;
}

.gjr-jack-meet__quote {
    margin:18px 0 22px !important;
    color:#b8d5e6 !important;
    font-family:var(--gjr-font-heading);
    font-size:clamp(25px,2.4vw,36px) !important;
    font-weight:600;
    line-height:1.05 !important;
}

.gjr-jack-meet__copy > p:not(.gjr-jack-kicker):not(.gjr-jack-meet__quote) {
    max-width:520px;
    margin:10px 0 0;
    color:rgba(255,255,255,.79);
    font-size:13px;
    line-height:1.6;
}

/* World */
.gjr-jack-world {
    padding:0 24px 96px;
}

.gjr-jack-world-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.gjr-jack-world-card {
    position:relative;
    min-height:300px;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    padding:28px;
    border-radius:8px;
    color:#fff;
    background:#12384f;
    box-shadow:0 15px 32px rgba(13,41,59,.10);
}

.gjr-jack-world-card::before {
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg,rgba(5,24,38,.05),rgba(5,24,38,.90)),
        url("/wp-content/uploads/2026/08/gjranger-jack-reyes-client-file-scene-v1.webp") center/cover no-repeat;
}

.gjr-jack-world-card--courthouse::before { background-position:30% center; filter:saturate(.78); }
.gjr-jack-world-card--office::before { background-position:68% center; filter:brightness(.72) saturate(.78); }
.gjr-jack-world-card--files::before {
    background:
        linear-gradient(135deg,rgba(7,30,46,.95),rgba(17,58,84,.86)),
        repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 38px);
}

.gjr-jack-world-card > span,
.gjr-jack-world-card > div {
    position:relative;
    z-index:1;
}

.gjr-jack-world-card > span {
    position:absolute;
    top:22px;
    right:24px;
    color:rgba(255,255,255,.44);
    font-size:11px;
    font-weight:850;
    letter-spacing:.12em;
}

.gjr-jack-world-card p {
    margin:0 0 6px;
    color:#8fb6ce;
    font-size:9px;
    font-weight:850;
    letter-spacing:.13em;
    text-transform:uppercase;
}

.gjr-jack-world-card h3 {
    margin:0 0 8px;
    color:#fff;
    font-family:var(--gjr-font-heading);
    font-size:clamp(26px,2.7vw,40px);
    line-height:1.02;
}

.gjr-jack-world-card small {
    display:block;
    max-width:520px;
    color:rgba(255,255,255,.72);
    font-size:11px;
    line-height:1.5;
}

/* Opposition */
.gjr-jack-opposition {
    padding:72px 24px;
    background:
        linear-gradient(180deg,#edf3f6 0%,#e7eef2 100%);
    border-block:1px solid rgba(18,56,79,.09);
}

.gjr-jack-opposition .gjr-container {
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    gap:52px;
    align-items:start;
}

.gjr-jack-opposition__grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    border-top:1px solid rgba(18,56,79,.22);
    border-bottom:1px solid rgba(18,56,79,.22);
}

.gjr-jack-opposition__grid article {
    min-height:170px;
    padding:23px 18px;
}

.gjr-jack-opposition__grid article + article {
    border-left:1px solid rgba(18,56,79,.18);
}

.gjr-jack-opposition__grid span {
    color:#7891a1;
    font-size:8px;
    font-weight:900;
    letter-spacing:.12em;
}

.gjr-jack-opposition__grid h3 {
    margin:34px 0 7px;
    color:#12384f;
    font-family:var(--gjr-font-heading);
    font-size:20px;
}

.gjr-jack-opposition__grid p {
    margin:0;
    color:#5a6a73;
    font-size:10px;
    line-height:1.45;
}

/* Reading order */
.gjr-jack-reading {
    padding:92px 24px 104px;
}

.gjr-jack-reading__grid {
    width:min(1040px,100%);
    margin:34px auto 0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;
    align-items:end;
}

.gjr-jack-reading__grid > a,
.gjr-jack-reading__coming {
    display:grid;
    justify-items:center;
    color:inherit;
    text-decoration:none;
}

.gjr-jack-reading__grid img {
    display:block;
    width:min(100%,180px);
    height:auto;
    border-radius:2px;
    box-shadow:0 16px 30px rgba(9,31,46,.18);
    transition:transform .25s ease, box-shadow .25s ease;
}

.gjr-jack-reading__grid > a:hover img {
    transform:translateY(-5px);
    box-shadow:0 23px 42px rgba(9,31,46,.24);
}

.gjr-jack-reading__grid span {
    margin-top:15px;
    color:#6b8494;
    font-size:9px;
    font-weight:850;
    letter-spacing:.12em;
}

.gjr-jack-reading__grid strong {
    margin-top:4px;
    color:#12384f;
    font-size:12px;
}

/* Responsive */
@media (max-width:1100px) {
    .gjr-jack-file__sheet {
        width:min(100%,980px);
        grid-template-columns:1.2fr .85fr 180px;
    }
    .gjr-jack-file__identity { padding:36px 34px; }
    .gjr-jack-file__statement { padding:45px 28px; }
    .gjr-jack-file__cover img { width:125px; }

    .gjr-jack-case { grid-template-columns:120px 1fr; }

    .gjr-jack-opposition .gjr-container {
        grid-template-columns:1fr;
        gap:28px;
    }
}

@media (max-width:820px) {
    .gjr-jack-file {
        margin-top:-16px;
        padding-inline:14px;
    }
    .gjr-jack-file__sheet {
        width:100%;
        grid-template-columns:1fr 160px;
    }
    .gjr-jack-file__statement {
        grid-column:1 / -1;
        border-left:0;
        border-top:1px solid rgba(18,56,79,.16);
        padding:28px 34px;
    }
    .gjr-jack-file__stamp { right:180px; }

    .gjr-jack-case-grid {
        grid-template-columns:1fr;
    }
    .gjr-jack-case { grid-template-columns:140px 1fr; }

    .gjr-jack-world-grid { grid-template-columns:1fr; }

    .gjr-jack-opposition__grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .gjr-jack-opposition__grid article:nth-child(odd):not(:first-child) { border-left:0; }
    .gjr-jack-opposition__grid article:nth-child(n+3) { border-top:1px solid rgba(18,56,79,.18); }

    .gjr-jack-reading__grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:38px 22px;
    }
}

@media (max-width:600px) {
    .gjr-jack-file { margin-top:-8px; padding-bottom:64px; }
    .gjr-jack-file__sheet { grid-template-columns:1fr; }
    .gjr-jack-file__identity { padding:28px 22px; }
    .gjr-jack-file__cover {
        grid-row:2;
        min-height:250px;
        border-left:0;
        border-top:1px solid rgba(18,56,79,.16);
    }
    .gjr-jack-file__cover img { width:132px; }
    .gjr-jack-file__statement {
        grid-row:3;
        padding:26px 22px;
    }
    .gjr-jack-file__stamp { display:none; }

    .gjr-jack-investigations,
    .gjr-jack-world,
    .gjr-jack-opposition,
    .gjr-jack-reading { padding-inline:16px; }

    .gjr-jack-case { grid-template-columns:105px 1fr; min-height:220px; }
    .gjr-jack-case__body { padding:20px 16px 17px; }

    .gjr-jack-meet { min-height:560px; margin-bottom:72px; }
    .gjr-jack-meet__inner { min-height:560px; align-items:flex-end; }
    .gjr-jack-meet__copy { width:100%; padding:48px 0; }
    .gjr-jack-meet__shade {
        background:linear-gradient(180deg,rgba(7,30,46,.18),rgba(7,30,46,.95) 60%,rgba(7,30,46,.98));
    }

    .gjr-jack-world-card { min-height:260px; padding:22px; }

    .gjr-jack-opposition__grid { grid-template-columns:1fr; }
    .gjr-jack-opposition__grid article + article {
        border-left:0;
        border-top:1px solid rgba(18,56,79,.18);
    }

    .gjr-jack-reading__grid { gap:30px 14px; }
    .gjr-jack-reading__grid img { width:min(100%,150px); }
}


/* v1.7.2 flipped client file refinement */
.gjr-jack-file__simple-visual {
    border-right: 1px solid rgba(18,56,79,.16);
}

.gjr-jack-file__simple-copy {
    background:
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)),
        #fbfaf7;
}

@media (min-width: 981px) {
    .gjr-jack-file__simple-panel {
        transform: translateY(-2px);
    }
}

@media (max-width: 980px) {
    .gjr-jack-file__simple-panel {
        grid-template-columns: 1fr 1fr;
        width: min(100%, 1040px);
    }
}

@media (max-width: 720px) {
    .gjr-jack-file__simple-panel {
        grid-template-columns: 1fr;
    }
    .gjr-jack-file__simple-visual {
        min-height: 280px;
        border-right: 0;
        border-bottom: 1px solid rgba(18,56,79,.16);
    }
}

/* ==========================================================
   JACK REYES POST-CLIENT — approved editorial direction v1.8.1
   Hero + Client File remain locked and are not restyled here.
========================================================== */
.gjr-jack-spread__kicker{
    margin:0 0 12px;
    color:#b46537;
    font-size:9px;
    font-weight:850;
    letter-spacing:.15em;
    line-height:1.2;
    text-transform:uppercase;
}
.gjr-jack-spread{
    overflow:hidden;
    background:linear-gradient(90deg,#e8f1f6 0%,#f4f7f8 47%,#fbfaf7 100%);
    border-block:1px solid rgba(18,56,79,.07);
}
.gjr-jack-spread__inner{
    min-height:465px;
    display:grid;
    grid-template-columns:minmax(0,.87fr) minmax(500px,1.13fr);
    gap:0;
    align-items:stretch;
}
.gjr-jack-spread__copy{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:62px clamp(34px,4vw,62px) 62px 0;
}
.gjr-jack-spread__copy h2{
    max-width:620px;
    margin:0;
    color:#12384f;
    font-family:var(--gjr-font-heading);
    font-size:clamp(43px,4.2vw,66px);
    font-weight:600;
    letter-spacing:-.035em;
    line-height:.98;
}
.gjr-jack-spread__lead,
.gjr-jack-spread__seo{
    max-width:610px;
    color:#40535e;
    font-size:13px;
    line-height:1.68;
}
.gjr-jack-spread__lead{margin:18px 0 0}
.gjr-jack-spread__seo{margin:10px 0 0;color:#657680;font-size:11px}
.gjr-jack-spread blockquote{
    max-width:620px;
    margin:25px 0 0;
    padding:0 0 0 22px;
    border-left:2px solid #b46537;
    color:#173b52;
    font-family:var(--gjr-font-heading);
    font-size:clamp(22px,2vw,31px);
    font-style:normal;
    font-weight:600;
    line-height:1.18;
}
.gjr-jack-spread blockquote cite{
    display:block;
    margin-top:9px;
    color:#b46537;
    font-family:var(--gjr-font-body);
    font-size:8px;
    font-style:normal;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.gjr-jack-spread__scene{
    position:relative;
    min-height:465px;
}
.gjr-jack-spread__scene::before{
    content:"";
    position:absolute;
    inset:0 auto 0 -110px;
    z-index:1;
    width:210px;
    background:linear-gradient(90deg,#f4f7f8 0%,rgba(244,247,248,.88) 32%,rgba(244,247,248,0) 100%);
    pointer-events:none;
}
.gjr-jack-spread__scene-image{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(18,56,79,.06),rgba(18,56,79,.02)),
        url("../images/gjranger-card-jack-v01.webp") 58% center/cover no-repeat;
    filter:saturate(.90) contrast(1.03);
}

.gjr-jack-investigations-strip{
    padding:36px 24px 42px;
    background:#fbfaf7;
}
.gjr-jack-investigations-strip__grid{
    display:grid;
    grid-template-columns:245px minmax(0,1fr);
    gap:34px;
    align-items:center;
}
.gjr-jack-investigations-strip__intro h2{
    margin:0;
    color:#12384f;
    font-family:var(--gjr-font-heading);
    font-size:clamp(32px,2.7vw,43px);
    line-height:1.02;
}
.gjr-jack-investigations-strip__intro>p:not(.gjr-jack-spread__kicker){
    margin:13px 0 0;
    color:#536670;
    font-size:10px;
    line-height:1.58;
}
.gjr-jack-investigations-strip__all{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:38px;
    margin-top:18px;
    padding:0 14px;
    border-radius:3px;
    background:#12384f;
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.07em;
    text-decoration:none;
    text-transform:uppercase;
}
.gjr-jack-investigations-strip__cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.gjr-jack-case-tile{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(18,56,79,.14);
    border-radius:4px;
    background:#fff;
    box-shadow:0 8px 20px rgba(18,56,79,.07);
}
.gjr-jack-case-tile__id{
    position:absolute;
    z-index:3;
    top:0;
    left:15px;
    padding:6px 9px;
    border-radius:0 0 3px 3px;
    background:#12384f;
    color:#fff;
    font-size:7px;
    font-weight:900;
    letter-spacing:.1em;
}
.gjr-jack-case-tile__visual{
    height:145px;
    border-bottom:1px solid rgba(18,56,79,.12);
    filter:grayscale(1) saturate(.15) contrast(.92);
}
.gjr-jack-case-tile__visual--full{
    background:
        linear-gradient(rgba(242,246,248,.06),rgba(242,246,248,.06)),
        url("/wp-content/uploads/2026/08/gjranger-full-recovery-cover-v1.webp") center 52%/cover no-repeat;
}
.gjr-jack-case-tile__visual--beyond{
    background:
        linear-gradient(rgba(242,246,248,.06),rgba(242,246,248,.06)),
        url("/wp-content/uploads/2026/08/gjranger-beyond-liability-cover-v1.webp") center 47%/cover no-repeat;
}
.gjr-jack-case-tile__visual--written{
    background:
        linear-gradient(rgba(242,246,248,.06),rgba(242,246,248,.06)),
        url("/wp-content/uploads/2026/08/gjranger-written-off-cover-v1-1.webp") center 63%/cover no-repeat;
}
.gjr-jack-case-tile__body{padding:15px 15px 13px}
.gjr-jack-case-tile__body h3{
    margin:0;
    color:#12384f;
    font-family:var(--gjr-font-heading);
    font-size:20px;
    line-height:1;
}
.gjr-jack-case-tile__body>p{
    min-height:28px;
    margin:7px 0 0;
    color:#62747e;
    font-size:7px;
    font-weight:750;
    letter-spacing:.025em;
    line-height:1.45;
    text-transform:uppercase;
}
.gjr-jack-case-tile__body>div{
    margin-top:12px;
    padding-top:10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border-top:1px solid rgba(18,56,79,.10);
}
.gjr-jack-case-tile__body>div span{
    color:#b46537;
    font-size:7px;
    font-weight:850;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.gjr-jack-case-tile__body>div a{
    color:#12384f;
    font-size:7px;
    font-weight:900;
    letter-spacing:.05em;
    text-decoration:none;
    text-transform:uppercase;
}

.gjr-jack-evidence-split{
    min-height:310px;
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#12384f;
}
.gjr-jack-evidence-split__visual{
    min-height:310px;
    background:
        linear-gradient(90deg,rgba(20,53,71,.02),rgba(20,53,71,.09)),
        url("/wp-content/uploads/2026/08/gjranger-jack-reyes-paper-trail-office-v1.webp") 45% center/cover no-repeat;
}
.gjr-jack-evidence-split__content{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:38px clamp(36px,5vw,74px);
    overflow:hidden;
    background:linear-gradient(120deg,#12384f 0%,#1d4b68 100%);
}
.gjr-jack-evidence-split__content::after{
    content:"JR";
    position:absolute;
    right:-24px;
    bottom:-56px;
    color:rgba(255,255,255,.035);
    font-family:var(--gjr-font-heading);
    font-size:220px;
    font-weight:700;
    line-height:1;
}
.gjr-jack-evidence-split .gjr-jack-spread__kicker{color:#d58d5c}
.gjr-jack-evidence-split h2{
    position:relative;
    z-index:1;
    margin:0;
    color:#fff;
    font-family:var(--gjr-font-heading);
    font-size:clamp(34px,3.5vw,50px);
    line-height:1;
}
.gjr-jack-evidence-split__content p{
    position:relative;
    z-index:1;
    max-width:540px;
    margin:12px 0 0;
    color:rgba(255,255,255,.79);
    font-size:11px;
    line-height:1.6;
}
.gjr-jack-evidence-split__content a{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    gap:8px;
    align-self:flex-start;
    margin-top:18px;
    padding-bottom:5px;
    border-bottom:1px solid #d58d5c;
    color:#fff;
    font-size:8px;
    font-weight:900;
    letter-spacing:.07em;
    text-decoration:none;
    text-transform:uppercase;
}

@media(max-width:1050px){
    .gjr-jack-spread__inner{grid-template-columns:1fr 1fr}
    .gjr-jack-investigations-strip__grid{grid-template-columns:1fr}
    .gjr-jack-investigations-strip__intro{max-width:720px}
}
@media(max-width:820px){
    .gjr-jack-spread__inner{grid-template-columns:1fr}
    .gjr-jack-spread__copy{padding:52px 0 42px}
    .gjr-jack-spread__scene{min-height:350px}
    .gjr-jack-spread__scene::before{display:none}
    .gjr-jack-investigations-strip__cards{grid-template-columns:1fr}
    .gjr-jack-case-tile{display:grid;grid-template-columns:160px 1fr}
    .gjr-jack-case-tile__visual{height:auto;min-height:170px;border-bottom:0;border-right:1px solid rgba(18,56,79,.12)}
    .gjr-jack-evidence-split{grid-template-columns:1fr}
}
@media(max-width:560px){
    .gjr-jack-spread,.gjr-jack-investigations-strip{padding-inline:16px}
    .gjr-jack-case-tile{grid-template-columns:105px 1fr}
    .gjr-jack-case-tile__body>div{align-items:flex-start;flex-direction:column}
    .gjr-jack-evidence-split__visual{min-height:270px}
    .gjr-jack-evidence-split__content{padding:35px 22px}
}


/* JACK REYES v2.0 — post-client rebuild. Hero + Client File remain untouched. */
.gjr-jack-v2-kicker{margin:0 0 12px;color:#b46a3a;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.gjr-jack-v2-heading{max-width:780px;margin-bottom:40px}.gjr-jack-v2-heading h2{margin:0;color:#12384f;font-family:var(--gjr-font-heading);font-size:clamp(38px,3.6vw,58px);line-height:1.02}.gjr-jack-v2-heading>p:last-child{max-width:650px;margin:15px 0 0;color:#536671;font-size:13px;line-height:1.65}
.gjr-jack-v2-why{padding:90px 24px;background:linear-gradient(90deg,#e8f1f6 0%,#f4f7f8 55%,#fbfaf7 100%);border-block:1px solid rgba(18,56,79,.07)}.gjr-jack-v2-why__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:clamp(55px,7vw,100px);align-items:center}.gjr-jack-v2-why__copy h2{margin:0;color:#12384f;font-family:var(--gjr-font-heading);font-size:clamp(42px,4vw,64px);line-height:1}.gjr-jack-v2-why__copy>p{max-width:650px;margin:16px 0 0;color:#40535f;font-size:14px;line-height:1.72}.gjr-jack-v2-why__lead{color:#294553!important;font-family:var(--gjr-font-heading);font-size:22px!important;font-weight:600;line-height:1.25!important}.gjr-jack-v2-why blockquote{max-width:630px;margin:29px 0 0;padding-left:22px;border-left:2px solid #b46a3a;color:#173b52;font-family:var(--gjr-font-heading);font-size:clamp(23px,2.2vw,33px);font-style:normal;font-weight:600;line-height:1.17}.gjr-jack-v2-why blockquote cite{display:block;margin-top:10px;color:#b46a3a;font-family:var(--gjr-font-body);font-size:8px;font-style:normal;letter-spacing:.11em;text-transform:uppercase}.gjr-jack-v2-why__visual{min-height:430px;border-radius:7px;background:linear-gradient(90deg,rgba(18,56,79,.08),rgba(18,56,79,.02)),url("../images/gjranger-card-jack-v01.webp") center 48%/cover no-repeat;box-shadow:0 20px 44px rgba(18,56,79,.12)}
.gjr-jack-v2-investigations{padding:96px 24px 105px;background:#fbfaf7}.gjr-jack-v2-investigations__stack{display:grid;gap:34px}.gjr-jack-v2-case{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);min-height:420px;overflow:hidden;border-top:1px solid rgba(18,56,79,.12);border-bottom:1px solid rgba(18,56,79,.12);background:#fff}.gjr-jack-v2-case--reverse .gjr-jack-v2-case__visual{order:2}.gjr-jack-v2-case--reverse .gjr-jack-v2-case__content{order:1}.gjr-jack-v2-case__visual{min-height:420px;background-size:cover;filter:saturate(.78) contrast(.98)}.gjr-jack-v2-case__visual--one{background-image:linear-gradient(90deg,rgba(18,56,79,.05),rgba(18,56,79,.12)),url("/wp-content/uploads/2026/08/gjranger-full-recovery-cover-v1.webp");background-position:center 42%}.gjr-jack-v2-case__visual--two{background-image:linear-gradient(90deg,rgba(18,56,79,.04),rgba(18,56,79,.10)),url("/wp-content/uploads/2026/08/gjranger-beyond-liability-cover-v1.webp");background-position:center 46%}.gjr-jack-v2-case__visual--three{background-image:linear-gradient(90deg,rgba(18,56,79,.04),rgba(18,56,79,.10)),url("/wp-content/uploads/2026/08/gjranger-written-off-cover-v1-1.webp");background-position:center 55%}.gjr-jack-v2-case__content{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(38px,5vw,74px);background:linear-gradient(135deg,#f0f5f7 0%,#fbfaf7 74%)}.gjr-jack-v2-case__number{color:#b46a3a;font-size:9px;font-weight:900;letter-spacing:.14em}.gjr-jack-v2-case__type{margin:8px 0 0!important;color:#70838f!important;font-size:9px!important;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.gjr-jack-v2-case__content h3{margin:8px 0 0;color:#12384f;font-family:var(--gjr-font-heading);font-size:clamp(36px,3.7vw,56px);line-height:1}.gjr-jack-v2-case__content>p:not(.gjr-jack-v2-case__type){max-width:530px;margin:16px 0 0;color:#455863;font-size:13px;line-height:1.62}.gjr-jack-v2-case__evidence{max-width:520px;margin-top:22px;padding-top:14px;border-top:1px solid rgba(18,56,79,.12)}.gjr-jack-v2-case__evidence span{display:block;color:#7a8b95;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.gjr-jack-v2-case__evidence strong{display:block;margin-top:5px;color:#264758;font-size:10px;line-height:1.5}.gjr-jack-v2-case__content>a{display:inline-flex;align-self:flex-start;margin-top:24px;padding-bottom:6px;border-bottom:1px solid #b46a3a;color:#12384f;font-size:9px;font-weight:900;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}
.gjr-jack-v2-evidence{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:#12384f}.gjr-jack-v2-evidence__visual{min-height:430px;background:linear-gradient(90deg,rgba(18,56,79,.03),rgba(18,56,79,.08)),url("/wp-content/uploads/2026/08/gjranger-jack-reyes-client-file-scene-v1.webp") center/cover no-repeat}.gjr-jack-v2-evidence__copy{display:flex;flex-direction:column;justify-content:center;padding:56px clamp(42px,6vw,88px);background:linear-gradient(135deg,#12384f 0%,#285b77 100%)}.gjr-jack-v2-evidence .gjr-jack-v2-kicker{color:#d18a59}.gjr-jack-v2-evidence h2{margin:0;color:#fff;font-family:var(--gjr-font-heading);font-size:clamp(39px,4vw,58px);line-height:1}.gjr-jack-v2-evidence__copy>p{max-width:560px;margin:15px 0 0;color:rgba(255,255,255,.80);font-size:13px;line-height:1.62}.gjr-jack-v2-evidence ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:24px 0 0;padding:0;list-style:none}.gjr-jack-v2-evidence li{position:relative;padding-left:18px;color:#fff;font-size:11px}.gjr-jack-v2-evidence li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:1px;background:#d18a59}
.gjr-jack-v2-fortmyers{position:relative;min-height:520px;overflow:hidden;isolation:isolate}.gjr-jack-v2-fortmyers__image{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(18,56,79,.10),rgba(18,56,79,.38)),url("/wp-content/uploads/2026/08/gjranger-meet-jack-reyes-v1.webp") center 52%/cover no-repeat;filter:saturate(.88) brightness(.96)}.gjr-jack-v2-fortmyers:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,56,79,.74) 0%,rgba(18,56,79,.32) 50%,rgba(18,56,79,.04) 100%)}.gjr-jack-v2-fortmyers__inner{min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.gjr-jack-v2-fortmyers .gjr-jack-v2-kicker{color:#d39161}.gjr-jack-v2-fortmyers h2{max-width:720px;margin:0;color:#fff;font-family:var(--gjr-font-display);font-size:clamp(48px,5.5vw,82px);font-weight:400;line-height:.92;text-transform:uppercase}.gjr-jack-v2-fortmyers p:not(.gjr-jack-v2-kicker){max-width:560px;margin:18px 0 0;color:rgba(255,255,255,.84);font-size:13px;line-height:1.62}
.gjr-jack-v2-archive{padding:80px 24px 92px;background:#f5f7f8}.gjr-jack-v2-archive__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;border-block:1px solid rgba(18,56,79,.16)}.gjr-jack-v2-archive__grid>a,.gjr-jack-v2-archive__grid>div{min-height:120px;padding:22px;display:flex;flex-direction:column;justify-content:center;color:inherit;text-decoration:none}.gjr-jack-v2-archive__grid>*+*{border-left:1px solid rgba(18,56,79,.12)}.gjr-jack-v2-archive span,.gjr-jack-v2-archive small{color:#728693;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.gjr-jack-v2-archive strong{margin:7px 0 4px;color:#12384f;font-size:13px}.gjr-jack-v2-archive__grid>div{background:#e9f0f3}.gjr-jack-v2-archive__grid>div small{color:#b46a3a}
@media(max-width:900px){.gjr-jack-v2-why__grid{grid-template-columns:1fr}.gjr-jack-v2-why__visual{min-height:350px}.gjr-jack-v2-case{grid-template-columns:1fr}.gjr-jack-v2-case--reverse .gjr-jack-v2-case__visual,.gjr-jack-v2-case--reverse .gjr-jack-v2-case__content{order:initial}.gjr-jack-v2-case__visual{min-height:340px}.gjr-jack-v2-evidence{grid-template-columns:1fr}.gjr-jack-v2-evidence__visual{min-height:340px}.gjr-jack-v2-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gjr-jack-v2-archive__grid>*:nth-child(odd){border-left:0}.gjr-jack-v2-archive__grid>*:nth-child(n+3){border-top:1px solid rgba(18,56,79,.12)}}@media(max-width:600px){.gjr-jack-v2-why,.gjr-jack-v2-investigations,.gjr-jack-v2-archive{padding-inline:16px}.gjr-jack-v2-case__content{padding:36px 22px}.gjr-jack-v2-evidence__copy{padding:40px 22px}.gjr-jack-v2-evidence ul{grid-template-columns:1fr}.gjr-jack-v2-fortmyers__inner{padding-inline:16px}.gjr-jack-v2-archive__grid{grid-template-columns:1fr}.gjr-jack-v2-archive__grid>*+*{border-left:0;border-top:1px solid rgba(18,56,79,.12)}}


/* ==========================================================
   BLOCK 3 — WHY JACK REYES — CINEMATIC v2.0.1
   Only block 3 is overridden here.
========================================================== */
.gjr-jack-v2-why--cinematic{
    position:relative;
    min-height:610px;
    padding:0;
    overflow:hidden;
    background:#12384f;
    border:0;
}
.gjr-jack-v2-why--cinematic .gjr-jack-v2-why__media{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,
            #12384f 0%,
            #12384f 28%,
            rgba(18,56,79,.98) 35%,
            rgba(18,56,79,.80) 43%,
            rgba(18,56,79,.32) 55%,
            rgba(18,56,79,.04) 68%,
            rgba(18,56,79,0) 100%),
        url("../images/gjranger-jack-reyes-block3-courthouse-v1.webp") 72% center / cover no-repeat;
}
.gjr-jack-v2-why--cinematic::before,
.gjr-jack-v2-why--cinematic::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:22px;
    z-index:2;
    background:#0f3147;
}
.gjr-jack-v2-why--cinematic::before{left:0}
.gjr-jack-v2-why--cinematic::after{right:0}

.gjr-jack-v2-why--cinematic .gjr-jack-v2-why__overlay{
    position:relative;
    z-index:3;
    min-height:610px;
    display:flex;
    align-items:center;
}
.gjr-jack-v2-why--cinematic .gjr-jack-v2-why__copy{
    width:min(560px,46%);
    padding:56px 0;
}
.gjr-jack-v2-why--cinematic .gjr-jack-v2-kicker{
    color:#fff;
}
.gjr-jack-v2-why--cinematic .gjr-jack-v2-kicker::after{
    content:"";
    display:block;
    width:38px;
    height:2px;
    margin-top:14px;
    background:#b46a3a;
}
.gjr-jack-v2-why--cinematic .gjr-jack-v2-why__copy h2{
    max-width:560px;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(48px,4.5vw,74px);
    font-weight:400;
    letter-spacing:-.035em;
    line-height:.98;
}
.gjr-jack-v2-why--cinematic .gjr-jack-v2-why__lead{
    max-width:520px;
    margin-top:22px;
    color:rgba(255,255,255,.94)!important;
    font-family:var(--gjr-font-body);
    font-size:15px!important;
    font-weight:400;
    line-height:1.62!important;
}
.gjr-jack-v2-why--cinematic blockquote{
    max-width:530px;
    margin-top:26px;
    padding:2px 0 2px 22px;
    border-left:2px solid rgba(255,255,255,.75);
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(22px,2vw,31px);
    font-weight:400;
    line-height:1.25;
}
.gjr-jack-v2-why--cinematic blockquote::before{
    content:"“";
    display:inline-block;
    margin-right:10px;
    color:#c97843;
    font-size:40px;
    line-height:.6;
    vertical-align:-8px;
}
.gjr-jack-v2-why--cinematic blockquote cite{
    margin-top:13px;
    color:#c97843;
    font-family:var(--gjr-font-body);
    font-size:8px;
    font-style:normal;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
}
.gjr-jack-v2-why--cinematic .gjr-jack-v2-why__seo{
    max-width:520px;
    margin:23px 0 0;
    color:rgba(255,255,255,.76);
    font-size:11px;
    line-height:1.65;
}

@media(max-width:900px){
    .gjr-jack-v2-why--cinematic{
        min-height:720px;
    }
    .gjr-jack-v2-why--cinematic .gjr-jack-v2-why__media{
        background:
            linear-gradient(180deg,
                #12384f 0%,
                rgba(18,56,79,.96) 38%,
                rgba(18,56,79,.72) 58%,
                rgba(18,56,79,.22) 78%,
                rgba(18,56,79,.05) 100%),
            url("../images/gjranger-jack-reyes-block3-courthouse-v1.webp") center bottom / cover no-repeat;
    }
    .gjr-jack-v2-why--cinematic .gjr-jack-v2-why__overlay{
        min-height:720px;
        align-items:flex-start;
    }
    .gjr-jack-v2-why--cinematic .gjr-jack-v2-why__copy{
        width:100%;
        max-width:650px;
        padding:52px 22px 250px;
    }
}
@media(max-width:600px){
    .gjr-jack-v2-why--cinematic::before,
    .gjr-jack-v2-why--cinematic::after{
        width:8px;
    }
    .gjr-jack-v2-why--cinematic .gjr-jack-v2-why__copy{
        padding-inline:18px;
    }
}

/* FORT MYERS EDITORIAL BREAK v2.0.2 */
.gjr-jack-v2-fortmyers--editorial{position:relative;min-height:570px;overflow:hidden;isolation:isolate;background:#f7f4ee}
.gjr-jack-v2-fortmyers--editorial:before,.gjr-jack-v2-fortmyers--editorial:after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:5;background:#0f3147}
.gjr-jack-v2-fortmyers--editorial:before{left:0}.gjr-jack-v2-fortmyers--editorial:after{right:0}
.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-fortmyers__media{position:absolute;inset:0 28px;z-index:-2;background:linear-gradient(90deg,#f7f4ee 0%,#f7f4ee 27%,rgba(247,244,238,.98) 34%,rgba(247,244,238,.82) 42%,rgba(247,244,238,.38) 51%,rgba(247,244,238,.07) 61%,rgba(247,244,238,0) 72%),url("/wp-content/uploads/2026/08/gjranger-jack-reyes-fort-myers-waterfront-v1.webp") 72% center/cover no-repeat}
.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-fortmyers__editorial-inner{min-height:570px;display:flex;align-items:center;padding-top:58px;padding-bottom:58px}
.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-fortmyers__copy{width:min(520px,38%)}
.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-kicker{color:#b46a3a;margin-bottom:15px}
.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-kicker:after{content:"";display:block;width:36px;height:1px;margin-top:14px;background:#b46a3a}
.gjr-jack-v2-fortmyers--editorial h2{max-width:510px;margin:0;color:#12384f;font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,4.1vw,67px);font-weight:400;letter-spacing:-.035em;line-height:.98;text-transform:none}
.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-fortmyers__copy>p:not(.gjr-jack-v2-kicker){max-width:470px;margin:25px 0 0;color:#334c5b;font-size:13px;line-height:1.72}
@media(max-width:900px){.gjr-jack-v2-fortmyers--editorial{min-height:700px}.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-fortmyers__media{inset:0 12px;background:linear-gradient(180deg,#f7f4ee 0%,rgba(247,244,238,.98) 34%,rgba(247,244,238,.74) 52%,rgba(247,244,238,.18) 72%,rgba(247,244,238,0) 100%),url("/wp-content/uploads/2026/08/gjranger-jack-reyes-fort-myers-waterfront-v1.webp") 70% center/cover no-repeat}.gjr-jack-v2-fortmyers--editorial:before,.gjr-jack-v2-fortmyers--editorial:after{width:12px}.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-fortmyers__editorial-inner{min-height:700px;align-items:flex-start;padding:54px 30px 280px}.gjr-jack-v2-fortmyers--editorial .gjr-jack-v2-fortmyers__copy{width:100%;max-width:620px}}

/* CASE ARCHIVE / JR-001 v2.0.5 */
.gjr-jack-case-archive-v3{padding:88px 24px 98px;background:#f8f6f1}
.gjr-jack-case-archive-v3__intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:48px;align-items:end;margin-bottom:34px}
.gjr-jack-case-archive-v3__intro h2{max-width:680px;margin:0;color:#12384f;font-family:var(--gjr-font-heading);font-size:clamp(42px,4.1vw,66px);line-height:.98}
.gjr-jack-case-archive-v3__intro>p{max-width:650px;margin:0 0 4px auto;color:#4d606a;font-size:13px;line-height:1.72}
.gjr-jack-case-file-v3{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);min-height:560px;overflow:hidden;border:1px solid rgba(18,56,79,.13);border-radius:7px;background:#efe8db;box-shadow:0 18px 40px rgba(22,48,64,.10)}
.gjr-jack-case-file-v3__visual{position:relative;min-height:560px;background:linear-gradient(180deg,rgba(10,32,45,.02),rgba(10,32,45,.16)),url("/wp-content/uploads/2026/08/gjranger-jack-reyes-case-001-scene-v2.webp") center/cover no-repeat}
.gjr-jack-case-file-v3__scene-label{position:absolute;z-index:2;top:20px;left:22px;padding:8px 10px;border:1px solid rgba(255,255,255,.45);border-radius:3px;background:rgba(13,48,68,.76);color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em}
.gjr-jack-case-file-v3__sheet{position:relative;padding:44px clamp(34px,4vw,58px) 38px;background:linear-gradient(90deg,rgba(18,56,79,.018) 1px,transparent 1px),linear-gradient(0deg,rgba(18,56,79,.014) 1px,transparent 1px),#f4efe5;background-size:46px 46px,46px 46px,auto}
.gjr-jack-case-file-v3__sheet:before{content:"";position:absolute;top:0;right:0;width:38px;height:100%;background:#12384f;opacity:.95}
.gjr-jack-case-file-v3__sheet:after{content:"CONFIDENTIAL";position:absolute;right:57px;top:28px;padding:5px 8px;border:1px solid rgba(180,106,58,.45);color:rgba(180,106,58,.72);font-size:7px;font-weight:900;letter-spacing:.12em;transform:rotate(-4deg)}
.gjr-jack-case-file-v3__topline{display:flex;justify-content:space-between;gap:24px;padding-right:56px;color:#b46a3a;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.gjr-jack-case-file-v3__topline span:last-child{color:#6e7d85}
.gjr-jack-case-file-v3__sheet h3{margin:18px 48px 0 0;color:#12384f;font-family:var(--gjr-font-display);font-size:clamp(45px,4.4vw,68px);line-height:.96;text-transform:uppercase}
.gjr-jack-case-file-v3__location{margin:12px 48px 0 0;color:#b46a3a;font-size:10px;font-weight:850}
.gjr-jack-case-file-v3__copy{max-width:670px;margin-top:24px;padding-right:50px}
.gjr-jack-case-file-v3__copy p{margin:0 0 13px;color:#374b56;font-size:12px;line-height:1.67}
.gjr-jack-case-file-v3__evidence{margin:23px 48px 0 0;padding-top:16px;border-top:1px solid rgba(18,56,79,.14)}
.gjr-jack-case-file-v3__evidence>p{margin:0 0 11px;color:#6d7e88;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.gjr-jack-case-file-v3__evidence ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;margin:0;padding:0;list-style:none}
.gjr-jack-case-file-v3__evidence li{position:relative;padding-left:17px;color:#173b52;font-size:10px;font-weight:750}
.gjr-jack-case-file-v3__evidence li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:1px;background:#b46a3a}
.gjr-jack-case-file-v3__cta{display:inline-flex;align-items:center;gap:10px;min-height:42px;margin-top:25px;padding:0 16px;border-radius:3px;background:#12384f;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.gjr-jack-case-archive-v3__coming{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;border-top:1px solid rgba(18,56,79,.13);border-bottom:1px solid rgba(18,56,79,.13)}
.gjr-jack-case-archive-v3__coming>div{min-height:82px;padding:16px 18px;display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto auto;align-content:center}
.gjr-jack-case-archive-v3__coming>div+div{border-left:1px solid rgba(18,56,79,.13)}
.gjr-jack-case-archive-v3__coming span{grid-row:1/3;color:#b46a3a;font-size:8px;font-weight:900;letter-spacing:.11em}
.gjr-jack-case-archive-v3__coming strong{color:#12384f;font-size:12px}
.gjr-jack-case-archive-v3__coming small{margin-top:3px;color:#7a8a93;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
@media(max-width:980px){.gjr-jack-case-archive-v3__intro{grid-template-columns:1fr;gap:18px}.gjr-jack-case-archive-v3__intro>p{margin:0}.gjr-jack-case-file-v3{grid-template-columns:1fr}.gjr-jack-case-file-v3__visual{min-height:420px}}
@media(max-width:620px){.gjr-jack-case-archive-v3{padding:68px 16px 80px}.gjr-jack-case-file-v3__visual{min-height:300px}.gjr-jack-case-file-v3__sheet{padding:32px 22px}.gjr-jack-case-file-v3__sheet:before{width:14px}.gjr-jack-case-file-v3__sheet:after{right:28px}.gjr-jack-case-file-v3__topline,.gjr-jack-case-file-v3__sheet h3,.gjr-jack-case-file-v3__location,.gjr-jack-case-file-v3__copy,.gjr-jack-case-file-v3__evidence{padding-right:0;margin-right:0}.gjr-jack-case-file-v3__evidence ul{grid-template-columns:1fr}.gjr-jack-case-archive-v3__coming{grid-template-columns:1fr}.gjr-jack-case-archive-v3__coming>div+div{border-left:0;border-top:1px solid rgba(18,56,79,.13)}}


/* ==========================================================
   JR-001 COMPACT REBALANCE — v2.0.6
   Smaller image, wider copy panel, lower module height.
========================================================== */
.gjr-jack-case-file-v3{
    grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);
    min-height:485px;
}
.gjr-jack-case-file-v3__visual{
    min-height:485px;
    background-position:center 48%;
}
.gjr-jack-case-file-v3__sheet{
    padding:36px clamp(34px,3.8vw,54px) 32px;
}
.gjr-jack-case-file-v3__sheet h3{
    font-size:clamp(42px,3.8vw,60px);
}
.gjr-jack-case-file-v3__copy{
    max-width:760px;
    margin-top:20px;
}
.gjr-jack-case-file-v3__copy p{
    font-size:11.5px;
    line-height:1.58;
    margin-bottom:11px;
}
.gjr-jack-case-file-v3__evidence{
    margin-top:18px;
    padding-top:13px;
}
.gjr-jack-case-file-v3__cta{
    margin-top:20px;
    min-height:40px;
}
@media(max-width:980px){
    .gjr-jack-case-file-v3{
        grid-template-columns:1fr;
    }
    .gjr-jack-case-file-v3__visual{
        min-height:360px;
    }
}


/* ==========================================================
   JR-002 / BEYOND LIABILITY — v2.0.7
   Uses the approved JR-001 component, mirrored for page rhythm.
========================================================== */
.gjr-jack-case-file-v3--jr002{
    margin-top:28px;
}
.gjr-jack-case-file-v3--reverse{
    grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
}
.gjr-jack-case-file-v3--reverse .gjr-jack-case-file-v3__visual{
    order:2;
}
.gjr-jack-case-file-v3--reverse .gjr-jack-case-file-v3__sheet{
    order:1;
}
.gjr-jack-case-file-v3__visual--jr002{
    min-height:485px;
    background:
        linear-gradient(180deg,rgba(6,28,43,.02),rgba(6,28,43,.22)),
        url("/wp-content/uploads/2026/08/gjranger-jack-reyes-case-002-scene-v1.webp") center 52%/cover no-repeat;
}
.gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__sheet{
    background:
        linear-gradient(90deg,rgba(18,56,79,.018) 1px,transparent 1px),
        linear-gradient(0deg,rgba(18,56,79,.014) 1px,transparent 1px),
        #eef2f3;
    background-size:46px 46px,46px 46px,auto;
}
.gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__sheet::before{
    left:0;
    right:auto;
    background:#254f68;
}
.gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__sheet::after{
    left:57px;
    right:auto;
}
.gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__topline,
.gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__sheet h3,
.gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__location,
.gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__copy,
.gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__evidence{
    padding-left:18px;
}
.gjr-jack-case-archive-v3__coming--single{
    grid-template-columns:1fr;
    max-width:50%;
    margin-left:auto;
}
.gjr-jack-case-archive-v3__coming--single>div{
    border-left:0;
}

@media(max-width:980px){
    .gjr-jack-case-file-v3--reverse{
        grid-template-columns:1fr;
    }
    .gjr-jack-case-file-v3--reverse .gjr-jack-case-file-v3__visual,
    .gjr-jack-case-file-v3--reverse .gjr-jack-case-file-v3__sheet{
        order:initial;
    }
    .gjr-jack-case-archive-v3__coming--single{
        max-width:none;
    }
}
@media(max-width:620px){
    .gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__sheet::before{
        width:14px;
    }
    .gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__sheet::after{
        left:28px;
    }
    .gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__topline,
    .gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__sheet h3,
    .gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__location,
    .gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__copy,
    .gjr-jack-case-file-v3--jr002 .gjr-jack-case-file-v3__evidence{
        padding-left:0;
    }
}


/* ==========================================================
   JR-003 / WRITTEN OFF — v2.0.8
========================================================== */
.gjr-jack-case-file-v3--jr003{
    margin-top:28px;
}
.gjr-jack-case-file-v3__visual--jr003{
    min-height:485px;
    background:
        linear-gradient(180deg,rgba(4,20,34,.04),rgba(4,20,34,.24)),
        url("/wp-content/uploads/2026/08/gjranger-jack-reyes-case-003-scene-v1.webp") center 58%/cover no-repeat;
}
.gjr-jack-case-file-v3--jr003 .gjr-jack-case-file-v3__sheet{
    background:
        linear-gradient(90deg,rgba(18,56,79,.018) 1px,transparent 1px),
        linear-gradient(0deg,rgba(18,56,79,.014) 1px,transparent 1px),
        #f3eee7;
    background-size:46px 46px,46px 46px,auto;
}
.gjr-jack-case-file-v3--jr003 .gjr-jack-case-file-v3__sheet::before{
    background:#173f58;
}
.gjr-jack-case-file-v3--jr003 .gjr-jack-case-file-v3__location{
    color:#a55f38;
}


/* ==========================================================
   v2.1.0 — PAPER TRAIL IMAGE FIX
   Targets the ACTUAL live v2 evidence module.
========================================================== */
.gjr-jack-v2-evidence__visual{
    background:
        linear-gradient(90deg,rgba(18,56,79,.03),rgba(18,56,79,.08)),
        url("/wp-content/uploads/2026/08/gjranger-jack-reyes-paper-trail-office-v1.webp") 52% center/cover no-repeat;
}

/* ==========================================================
   v2.1.0 — MOBILE HERO CINEMATIC INSERT
   Desktop hero is intentionally untouched.
========================================================== */
.gjr-jack-hero__mobile-visual{
    display:none;
}

@media (max-width:767px){
    /* On mobile, use a cleaner cream hero and make the cinematic
       image a deliberate in-flow part of the composition. */
    .gjr-jack-hero{
        min-height:0;
        background:#f7f6f2;
    }

    .gjr-jack-hero__image{
        display:none;
    }

    .gjr-jack-hero__veil{
        display:none;
    }

    .gjr-jack-hero__content{
        min-height:0;
        padding-top:30px;
        padding-bottom:30px;
        align-items:flex-start;
    }

    .gjr-jack-hero__copy{
        width:100%;
        max-width:none;
    }

    .gjr-jack-hero__filebar{
        margin-bottom:18px;
    }

    .gjr-jack-hero__title{
        max-width:390px;
        font-size:clamp(46px,13.5vw,61px);
        line-height:.91;
    }

    .gjr-jack-hero__rule{
        margin-top:19px;
        margin-bottom:17px;
    }

    .gjr-jack-hero__lead{
        max-width:430px;
        font-size:14px;
        line-height:1.5;
    }

    .gjr-jack-hero__actions{
        width:100%;
        max-width:360px;
        margin-top:21px;
        gap:9px;
    }

    .gjr-jack-hero__mobile-visual{
        display:block;
        width:calc(100% + 32px);
        aspect-ratio:16/9;
        margin:22px -16px 0;
        background:
            linear-gradient(180deg,rgba(13,46,66,.02),rgba(13,46,66,.16)),
            url("/wp-content/uploads/2026/08/gjranger-meet-jack-reyes-v1.webp") 71% 50%/cover no-repeat;
        border-top:3px solid #12384f;
        border-bottom:3px solid #12384f;
        box-shadow:0 14px 30px rgba(18,56,79,.12);
    }

    .gjr-jack-hero__status{
        max-width:none;
        width:100%;
        margin-top:16px;
        padding:12px 13px;
        background:rgba(255,255,255,.76);
        border:1px solid rgba(18,56,79,.14);
        box-shadow:0 8px 20px rgba(18,56,79,.05);
    }
}

@media (max-width:460px){
    .gjr-jack-hero{
        min-height:0;
    }

    .gjr-jack-hero__content{
        min-height:0;
        padding-top:24px;
        padding-bottom:26px;
    }

    .gjr-jack-hero__title{
        font-size:clamp(44px,13vw,56px);
    }

    .gjr-jack-hero__mobile-visual{
        aspect-ratio:4/3;
        background-position:73% center;
    }
}


/* ==========================================================
   v2.1.1 — MOBILE HERO FINAL POLISH
   Desktop remains untouched.
========================================================== */
@media (max-width:767px){
    .gjr-jack-hero{
        position:relative;
        overflow:hidden;
        background:#f7f6f2;
    }

    .gjr-jack-hero__content{
        position:relative;
        z-index:2;
        padding-bottom:0;
    }

    .gjr-jack-hero__actions{
        margin-bottom:0;
    }

    .gjr-jack-hero__mobile-visual{
        position:relative;
        display:block;
        width:calc(100% + 32px);
        height:290px;
        aspect-ratio:auto;
        margin:24px -16px 0;
        border:0;
        box-shadow:none;
        background:
            linear-gradient(
                180deg,
                rgba(247,246,242,1) 0%,
                rgba(247,246,242,.92) 8%,
                rgba(247,246,242,.55) 18%,
                rgba(247,246,242,.12) 31%,
                rgba(247,246,242,0) 45%
            ),
            linear-gradient(
                180deg,
                rgba(10,38,57,.02) 0%,
                rgba(10,38,57,.08) 62%,
                rgba(10,38,57,.28) 100%
            ),
            url("/wp-content/uploads/2026/08/gjranger-meet-jack-reyes-v1.webp") 72% 43% / cover no-repeat;
    }

    .gjr-jack-hero__status{
        position:relative;
        z-index:4;
        width:calc(100% - 28px);
        max-width:none;
        margin:-54px auto 24px;
        padding:14px 16px;
        border:1px solid rgba(18,56,79,.18);
        border-top:3px solid #12384f;
        border-radius:7px;
        background:rgba(249,248,244,.94);
        box-shadow:0 14px 32px rgba(15,49,71,.16);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
    }

    .gjr-jack-hero__status-item{
        min-height:42px;
    }

    .gjr-jack-hero__status-label{
        color:#6f808a;
        font-size:7px;
        letter-spacing:.11em;
    }

    .gjr-jack-hero__status-value{
        color:#12384f;
        font-size:10px;
    }

    .gjr-jack-hero__status-item:last-child .gjr-jack-hero__status-value{
        color:#b46a3a;
    }
}

@media (max-width:460px){
    .gjr-jack-hero__mobile-visual{
        height:270px;
        margin-top:22px;
        background:
            linear-gradient(
                180deg,
                rgba(247,246,242,1) 0%,
                rgba(247,246,242,.92) 8%,
                rgba(247,246,242,.48) 18%,
                rgba(247,246,242,.08) 31%,
                rgba(247,246,242,0) 44%
            ),
            linear-gradient(
                180deg,
                rgba(10,38,57,.02) 0%,
                rgba(10,38,57,.10) 65%,
                rgba(10,38,57,.30) 100%
            ),
            url("/wp-content/uploads/2026/08/gjranger-meet-jack-reyes-v1.webp") 74% 40% / cover no-repeat;
    }

    .gjr-jack-hero__status{
        width:calc(100% - 20px);
        margin-top:-50px;
        margin-bottom:20px;
        padding:13px 14px;
    }
}


/* ==========================================================
   v2.1.4 — MOBILE HERO LIKE HOME
   Mobile starts directly with the cinematic hero image,
   with all title/copy/CTA content overlaid on top.
   Desktop remains untouched.
========================================================== */
@media (max-width:767px){

    .gjr-jack-hero{
        position:relative;
        min-height:760px;
        overflow:hidden;
        isolation:isolate;
        background:#12384f;
    }

    /* Re-enable the actual hero image on mobile. */
    .gjr-jack-hero__image{
        display:block !important;
        position:absolute;
        inset:0;
        z-index:-3;
        background-image:url("/wp-content/uploads/2026/08/gjranger-meet-jack-reyes-v1.webp");
        background-repeat:no-repeat;
        background-position:72% center;
        background-size:cover;
        filter:saturate(.92) contrast(1.04) brightness(.88);
        transform:scale(1.01);
    }

    /* Strong premium readability gradient, not a black page. */
    .gjr-jack-hero__veil{
        display:block !important;
        position:absolute;
        inset:0;
        z-index:-2;
        background:
            linear-gradient(
                180deg,
                rgba(10,38,57,.56) 0%,
                rgba(10,38,57,.48) 22%,
                rgba(10,38,57,.58) 54%,
                rgba(10,38,57,.84) 100%
            ),
            linear-gradient(
                90deg,
                rgba(12,43,62,.70) 0%,
                rgba(12,43,62,.40) 58%,
                rgba(12,43,62,.12) 100%
            );
    }

    .gjr-jack-hero__content{
        min-height:760px;
        padding-top:32px;
        padding-bottom:30px;
        align-items:flex-start;
    }

    .gjr-jack-hero__copy{
        width:100%;
        max-width:560px;
        display:flex;
        flex-direction:column;
    }

    .gjr-jack-hero__filebar{
        margin-bottom:22px;
        color:rgba(255,255,255,.86);
    }

    .gjr-jack-hero__filebar i{
        background:rgba(255,255,255,.28);
    }

    .gjr-jack-hero__filebar strong{
        color:#d49466;
    }

    .gjr-jack-hero__eyebrow{
        color:#d49466;
    }

    .gjr-jack-hero__title{
        max-width:420px;
        margin-top:6px;
        color:#fff;
        font-size:clamp(47px,13.7vw,62px);
        line-height:.90;
        text-shadow:0 3px 18px rgba(8,31,47,.18);
    }

    .gjr-jack-hero__title span{
        color:#fff;
    }

    .gjr-jack-hero__rule{
        width:48px;
        margin-top:20px;
        margin-bottom:18px;
        background:#c47643;
    }

    .gjr-jack-hero__lead{
        max-width:430px;
        color:rgba(255,255,255,.92);
        font-size:14px;
        line-height:1.55;
        text-shadow:0 2px 12px rgba(8,31,47,.20);
    }

    .gjr-jack-hero__actions{
        width:100%;
        max-width:365px;
        margin-top:22px;
        gap:10px;
    }

    .gjr-jack-hero__actions .gjr-jack-button--primary{
        border-color:#fff;
        background:#fff;
        color:#12384f;
    }

    .gjr-jack-hero__actions .gjr-jack-button--secondary{
        border-color:rgba(255,255,255,.72);
        background:rgba(10,38,57,.18);
        color:#fff;
        backdrop-filter:blur(6px);
        -webkit-backdrop-filter:blur(6px);
    }

    /* Old experimental inserted image is not used in this composition. */
    .gjr-jack-hero__mobile-visual,
    .gjr-jack-hero__mobile-stage{
        display:none !important;
    }

    /* Keep the case-status information inside the hero,
       but make it feel like a restrained glass dossier card. */
    .gjr-jack-hero__status{
        width:100%;
        max-width:470px;
        margin-top:auto;
        margin-bottom:0;
        padding:13px 14px;
        border:1px solid rgba(255,255,255,.24);
        border-top:2px solid #c47643;
        border-radius:6px;
        background:rgba(10,38,57,.66);
        box-shadow:0 12px 30px rgba(4,21,33,.18);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
    }

    .gjr-jack-hero__status > div span{
        color:rgba(255,255,255,.64);
    }

    .gjr-jack-hero__status > div strong{
        color:#fff;
    }

    .gjr-jack-hero__status > div:last-child strong{
        color:#d49466;
    }

    .gjr-jack-hero__status > i{
        background:rgba(255,255,255,.22);
    }
}

@media (max-width:460px){
    .gjr-jack-hero{
        min-height:730px;
    }

    .gjr-jack-hero__image{
        background-position:74% center;
    }

    .gjr-jack-hero__content{
        min-height:730px;
        padding-top:26px;
        padding-bottom:22px;
    }

    .gjr-jack-hero__filebar{
        margin-bottom:18px;
    }

    .gjr-jack-hero__title{
        max-width:370px;
        font-size:clamp(44px,13vw,56px);
    }

    .gjr-jack-hero__lead{
        font-size:13.5px;
    }

    .gjr-jack-hero__actions{
        margin-top:19px;
    }

    .gjr-jack-hero__status{
        padding:12px 11px;
    }
}


/* v2.1.6 — approved minimal mobile CTA/status separation only */
@media (max-width:767px){
  .gjr-jack-hero__actions{
    margin-bottom:18px;
  }
  .gjr-jack-hero__status{
    margin-top:auto;
    border-top:2px solid #c47643;
  }
}

@media (max-width:460px){
  .gjr-jack-hero__actions{
    margin-bottom:16px;
  }
}


/* SEO H1 author suffix: remains semantic, visually hidden. */
.gjr-seo-h1__author{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}


/* ==========================================================
   FINAL JACK MOBILE POLISH — v3.0.53
========================================================== */
@media (max-width:620px){
    .gjr-jack-hero__status{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:0 !important;
        width:100% !important;
    }
    .gjr-jack-hero__status > i{display:none !important;}
    .gjr-jack-hero__status > div{
        min-width:0;
        padding:12px 7px !important;
        text-align:center;
    }
    .gjr-jack-hero__status > div + div{
        border-left:1px solid rgba(18,56,79,.12);
    }
    .gjr-jack-hero__status > div span{
        font-size:6.5px !important;
        letter-spacing:.075em !important;
        white-space:normal;
    }
    .gjr-jack-hero__status > div strong{
        font-size:8.5px !important;
        white-space:normal;
    }
    .gjr-jack-v2-why--cinematic .gjr-jack-v2-why__seo{
        font-size:13px !important;
        line-height:1.72 !important;
    }
    .gjr-jack-case-file-v3__sheet:after{
        top:16px !important;
        right:18px !important;
        font-size:6px !important;
        letter-spacing:.08em !important;
        padding:4px 6px !important;
    }
    .gjr-jack-case-file-v3__topline{
        padding-top:24px !important;
    }
    .gjr-jack-v2-archive{
        padding-top:64px !important;
        padding-bottom:72px !important;
    }
}