@media only screen and (min-width: 0rem) {#jg-hero, #jg-about, #jg-services, #jg-paint, #jg-gallery, #jg-areas, #jg-cta {font-family: var(--font-body);}.jg-eyebrow {display: inline-flex;align-items: center;gap: 0.6rem;font-size: 0.6875rem;font-weight: 800;letter-spacing: 0.24em;text-transform: uppercase;color: var(--orange-deep);}.jg-eyebrow::before, .jg-eyebrow::after {content: '';width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--orange);}.jg-eyebrow::after {background: var(--steel);}.jg-eyebrow--light {color: var(--orange);}.jg-eyebrow--light::before {background: var(--orange);}.jg-eyebrow--light::after {background: var(--steel-light);}.jg-h2 {font-family: var(--font-display);font-size: clamp(2.1rem, 4.6vw, 3.4rem);font-weight: 600;line-height: 1.04;letter-spacing: -0.03em;color: var(--navy);margin: 1rem 0 0;}.jg-h2 em {font-style: italic;font-weight: 400;color: var(--orange-deep);}.jg-h2--light {color: var(--ice);}.jg-h2--light em {color: var(--orange);}.jg-sub {font-size: 1.0625rem;line-height: 1.75;color: var(--bodyTextColor);margin: 1.1rem 0 0;max-width: 46ch;}.jg-sub--light {color: rgba(239, 244, 250, 0.72);}.jg-section-head {max-width: 46rem;margin: 0 auto 3.25rem;text-align: center;display: flex;flex-direction: column;align-items: center;}.jg-btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;font-family: var(--font-body);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.16em;text-transform: uppercase;text-decoration: none;padding: 1.15rem 2.25rem;border: none;border-radius: 2px;background: var(--orange);color: #fff;cursor: pointer;transition: background 0.25s ease, transform 0.25s ease;}.jg-btn:hover {background: var(--orange-deep);transform: translateY(-2px);}.jg-btn:focus-visible {outline: 3px solid var(--orange-light);outline-offset: 3px;}.jg-btn--onDark {background: var(--ice);color: var(--navy);}.jg-btn--onDark:hover {background: #fff;}.jg-btn--ink {background: var(--navy);color: var(--ice);}.jg-btn--ink:hover {background: var(--navy-soft);}.jg-actions {display: flex;flex-wrap: wrap;gap: 1rem;justify-content: center;align-items: center;}.jg-swatches {display: flex;justify-content: center;gap: 0.4rem;}.jg-swatches span {width: 1.75rem;height: 0.4rem;border-radius: 999px;background: var(--orange);}.jg-swatches span:nth-child(2) {background: var(--orange-light);}.jg-swatches span:nth-child(3) {background: var(--steel-light);}.jg-swatches span:nth-child(4) {background: var(--ice);}}@media only screen and (min-width: 0rem) {#jg-hero {position: relative;isolation: isolate;padding: 11rem 1.5rem 7rem;overflow: hidden;min-height: 92svh;display: flex;align-items: center;justify-content: center;text-align: center;}#jg-hero .jg-hero-bg {position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;object-position: center;}#jg-hero::after {content: '';position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg, rgba(20, 38, 60, 0.8) 0%, rgba(20, 38, 60, 0.6) 42%, rgba(20, 38, 60, 0.94) 100%);}#jg-hero .jg-hero-inner {width: 100%;max-width: 58rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}#jg-hero .jg-hero-title {font-family: var(--font-display);font-size: clamp(2.6rem, 6.8vw, 5rem);font-weight: 600;line-height: 0.98;letter-spacing: -0.04em;color: var(--ice);margin: 1.4rem 0 0;max-width: 15ch;}#jg-hero .jg-hero-title em {font-style: italic;font-weight: 400;color: var(--orange);}#jg-hero .jg-hero-lead {font-size: clamp(1.0625rem, 1.8vw, 1.1875rem);line-height: 1.7;color: rgba(239, 244, 250, 0.88);margin: 1.4rem auto 0;max-width: 50ch;}#jg-hero .jg-actions {margin-top: 2.25rem;}#jg-hero .jg-hero-swatches {margin-top: 2.5rem;}}@media only screen and (min-width: 0rem) {#jg-about {background: #fff;padding: 4.5rem 1.5rem;}#jg-about .jg-about-inner {max-width: 1180px;margin: 0 auto;display: flex;flex-direction: column;gap: 3rem;}#jg-about .jg-about-stack {display: grid;grid-template-columns: 1fr 1fr;gap: 0.6rem;}#jg-about .jg-about-img-main {grid-column: 1 / -1;width: 100%;height: auto;aspect-ratio: 16/9;object-fit: cover;border-radius: 2px;border-bottom: 4px solid var(--orange);}#jg-about .jg-about-img-sub {width: 100%;height: auto;aspect-ratio: 4/3;object-fit: cover;border-radius: 2px;}#jg-about .jg-about-copy {text-align: center;display: flex;flex-direction: column;align-items: center;}#jg-about .jg-about-text {font-size: 1.0625rem;line-height: 1.85;color: var(--bodyTextColor);margin: 1.25rem 0 0;max-width: 46ch;}#jg-about .jg-actions {margin-top: 2rem;}}@media only screen and (min-width: 0rem) {#jg-services {background: var(--ice);padding: 4.5rem 1.5rem;}#jg-services .jg-cards {max-width: 1240px;margin: 0 auto;display: grid;grid-template-columns: 1fr;gap: 1.75rem;}#jg-services .jg-card {display: flex;flex-direction: column;align-items: center;text-align: center;background: #fff;border: 1px solid var(--border);border-radius: 2px;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}#jg-services .jg-card:hover {transform: translateY(-4px);box-shadow: 0 22px 44px rgba(20, 38, 60, 0.14);}#jg-services .jg-card-media {width: 100%;position: relative;}#jg-services .jg-card-media img {width: 100%;height: auto;aspect-ratio: 4/3;object-fit: cover;}#jg-services .jg-card-chip {position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: var(--orange);}#jg-services .jg-card:nth-child(2) .jg-card-chip {background: var(--navy);}#jg-services .jg-card:nth-child(3) .jg-card-chip {background: var(--steel);}#jg-services .jg-card:nth-child(4) .jg-card-chip {background: var(--orange-light);}#jg-services .jg-card-body {padding: 2rem 1.5rem 2.25rem;display: flex;flex-direction: column;align-items: center;width: 100%;}#jg-services .jg-card-title {font-family: var(--font-display);font-size: 1.5rem;font-weight: 600;letter-spacing: -0.02em;line-height: 1.1;color: var(--navy);margin: 0;}#jg-services .jg-card-list {list-style: none;margin: 1.5rem 0 0;padding: 0;width: 100%;max-width: 22rem;display: flex;flex-direction: column;}#jg-services .jg-card-list li {font-size: 0.9375rem;font-weight: 500;color: var(--navy);padding: 0.65rem 0 0.65rem 1.4rem;border-top: 1px solid var(--border);position: relative;text-align: left;}#jg-services .jg-card-list li:last-child {border-bottom: 1px solid var(--border);}#jg-services .jg-card-list li::before {content: '';position: absolute;left: 0;top: 1.1rem;width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--orange);}}@media only screen and (min-width: 0rem) {#jg-paint {background: var(--navy);padding: 5rem 1.5rem;position: relative;overflow: hidden;}#jg-paint .jg-paint-inner {max-width: 46rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;text-align: center;}#jg-paint .jg-paint-quote {font-family: var(--font-display);font-size: clamp(1.8rem, 4.4vw, 2.9rem);font-weight: 400;font-style: italic;letter-spacing: -0.02em;line-height: 1.2;color: var(--ice);margin: 1.25rem 0 0;}#jg-paint .jg-paint-chips {margin: 2.75rem 0 0;display: flex;justify-content: center;gap: 0.5rem;flex-wrap: wrap;}#jg-paint .jg-paint-chips span {width: 3.25rem;height: 3.25rem;border-radius: 2px;}#jg-paint .jg-paint-chips span:nth-child(1) {background: #ed6a1f;}#jg-paint .jg-paint-chips span:nth-child(2) {background: #f79b62;}#jg-paint .jg-paint-chips span:nth-child(3) {background: #eff4fa;}#jg-paint .jg-paint-chips span:nth-child(4) {background: #c3d6ec;}#jg-paint .jg-paint-chips span:nth-child(5) {background: #8fb4d9;}#jg-paint .jg-paint-chips span:nth-child(6) {background: #3f6795;}#jg-paint .jg-paint-note {margin: 1.75rem 0 0;font-size: 0.75rem;font-weight: 800;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(239, 244, 250, 0.5);}}@media only screen and (min-width: 0rem) {#jg-gallery {background: #fff;padding: 4.5rem 1.5rem;}#jg-gallery .jg-grid {max-width: 1240px;margin: 0 auto 2.75rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.75rem;}#jg-gallery .jg-grid img {width: 100%;height: auto;aspect-ratio: 1/1;object-fit: cover;border-radius: 2px;display: block;transition: transform 0.4s ease;}#jg-gallery .jg-grid-item {overflow: hidden;border-radius: 2px;}#jg-gallery .jg-grid-item:hover img {transform: scale(1.05);}}@media only screen and (min-width: 0rem) {#jg-areas {background: var(--ice);padding: 4.5rem 1.5rem;}#jg-areas .jg-areas-list {list-style: none;margin: 0 auto;padding: 0;max-width: 62rem;display: flex;flex-wrap: wrap;justify-content: center;gap: 0.5rem;}#jg-areas .jg-areas-list li {font-size: 0.9375rem;font-weight: 700;color: var(--navy);background: #fff;border: 1px solid var(--border);border-radius: 999px;padding: 0.65rem 1.2rem;transition: border-color 0.2s ease, color 0.2s ease;}#jg-areas .jg-areas-list li:hover {border-color: var(--orange);color: var(--orange-deep);}}@media only screen and (min-width: 0rem) {#jg-cta {position: relative;isolation: isolate;overflow: hidden;padding: 5rem 1.5rem;display: flex;align-items: center;justify-content: center;}#jg-cta .jg-cta-bg {position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;object-position: center;}#jg-cta::after {content: '';position: absolute;inset: 0;z-index: -1;background: linear-gradient(180deg, rgba(20, 38, 60, 0.9) 0%, rgba(20, 38, 60, 0.82) 100%);}#jg-cta .jg-cta-inner {max-width: 46rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;text-align: center;}#jg-cta .jg-cta-title {font-family: var(--font-display);font-size: clamp(1.9rem, 4.2vw, 2.9rem);font-weight: 600;letter-spacing: -0.03em;line-height: 1.08;color: var(--ice);margin: 1.1rem 0 0;}#jg-cta .jg-cta-title em {font-style: italic;font-weight: 400;color: var(--orange);}#jg-cta .jg-cta-text {font-size: 1.0625rem;line-height: 1.7;color: rgba(239, 244, 250, 0.78);margin: 1.1rem auto 0;max-width: 44ch;}#jg-cta .jg-cta-actions {margin-top: 2.25rem;display: flex;flex-direction: column;align-items: center;gap: 1rem;}#jg-cta .jg-cta-phone {font-family: var(--font-body);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.16em;text-transform: uppercase;color: rgba(239, 244, 250, 0.7);text-decoration: none;white-space: nowrap;}#jg-cta .jg-cta-phone:hover {color: var(--orange);}}@media only screen and (min-width: 48rem) {#jg-about, #jg-services, #jg-paint, #jg-gallery, #jg-areas {padding-left: 2.5rem;padding-right: 2.5rem;}#jg-about .jg-about-stack {gap: 0.75rem;}#jg-services .jg-cards {grid-template-columns: repeat(2, 1fr);}#jg-gallery .jg-grid {grid-template-columns: repeat(4, 1fr);gap: 1rem;}#jg-cta {padding: 6rem 2.5rem;}}@media only screen and (min-width: 64rem) {#jg-about, #jg-services, #jg-paint, #jg-gallery, #jg-areas {padding-top: 7rem;padding-bottom: 7rem;padding-left: 3rem;padding-right: 3rem;}#jg-about .jg-about-inner {flex-direction: row;align-items: center;gap: 4.5rem;}#jg-about .jg-about-stack {flex: 1;min-width: 0;}#jg-about .jg-about-copy {flex: 1;min-width: 0;}#jg-services .jg-cards {grid-template-columns: repeat(4, 1fr);gap: 1.25rem;}#jg-services .jg-card-body {padding: 2rem 1.25rem 2.25rem;}#jg-gallery .jg-grid {grid-template-columns: repeat(4, 1fr);gap: 1.25rem;}#jg-cta {padding: 7.5rem 3rem;}}idth: 0rem) {
    #jg-gallery {
        background: #fff;
        padding: 4.5rem 1.5rem;
    }
    #jg-gallery .jg-grid {
        max-width: 1240px;
        margin: 0 auto 2.75rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
    #jg-gallery .jg-grid img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
        border-radius: 2px;
        display: block;
        transition: transform 0.4s ease;
    }
    #jg-gallery .jg-grid-item {
        overflow: hidden;
        border-radius: 2px;
    }
    #jg-gallery .jg-grid-item:hover img { transform: scale(1.05); }
}

/*-- -------------------------- -->
<---        Service Areas       -->
<--- -------------------------- -*/
@media only screen and (min-width: 0rem) {
    #jg-areas {
        background: var(--ice);
        padding: 4.5rem 1.5rem;
    }
    #jg-areas .jg-areas-list {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        max-width: 62rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem;
    }
    #jg-areas .jg-areas-list li {
        font-size: 0.9375rem;
        font-weight: 700;
        color: var(--navy);
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 999px;
        padding: 0.65rem 1.2rem;
        transition: border-color 0.2s ease, color 0.2s ease;
    }
    #jg-areas .jg-areas-list li:hover { border-color: var(--orange); color: var(--orange-deep); }
}

/*-- -------------------------- -->
<---             CTA            -->
<--- -------------------------- -*/
@media only screen and (min-width: 0rem) {
    #jg-cta {
        position: relative;
        isolation: isolate;
        overflow: hidden;
        padding: 5rem 1.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #jg-cta .jg-cta-bg {
        position: absolute;
        inset: 0;
        z-index: -2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    #jg-cta::after {
        content: '';
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(180deg, rgba(20, 38, 60, 0.9) 0%, rgba(20, 38, 60, 0.82) 100%);
    }
    #jg-cta .jg-cta-inner {
        max-width: 46rem;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #jg-cta .jg-cta-title {
        font-family: var(--font-display);
        font-size: clamp(1.9rem, 4.2vw, 2.9rem);
        font-weight: 600;
        letter-spacing: -0.03em;
        line-height: 1.08;
        color: var(--ice);
        margin: 1.1rem 0 0;
    }
    #jg-cta .jg-cta-title em {
        font-style: italic;
        font-weight: 400;
        color: var(--orange);
    }
    #jg-cta .jg-cta-text {
        font-size: 1.0625rem;
        line-height: 1.7;
        color: rgba(239, 244, 250, 0.78);
        margin: 1.1rem auto 0;
        max-width: 44ch;
    }
    #jg-cta .jg-cta-actions {
        margin-top: 2.25rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
    #jg-cta .jg-cta-phone {
        font-family: var(--font-body);
        font-size: 0.75rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: rgba(239, 244, 250, 0.7);
        text-decoration: none;
        white-space: nowrap;
    }
    #jg-cta .jg-cta-phone:hover { color: var(--orange); }
}

/*-- -------------------------- -->
<---       Tablet - 768px       -->
<--- -------------------------- -*/
@media only screen and (min-width: 48rem) {
    #jg-about, #jg-services, #jg-paint, #jg-gallery, #jg-areas { padding-left: 2.5rem; padding-right: 2.5rem; }
    #jg-about .jg-about-stack { gap: 0.75rem; }
    #jg-services .jg-cards { grid-template-columns: repeat(2, 1fr); }
    #jg-gallery .jg-grid { grid-template-columns: repeat(4, 1fr); gap: 1rem; }
    #jg-cta { padding: 6rem 2.5rem; }
}

/*-- -------------------------- -->
<---      Desktop - 1024px      -->
<--- -------------------------- -*/
@media only screen and (min-width: 64rem) {
    #jg-about, #jg-services, #jg-paint, #jg-gallery, #jg-areas { padding-top: 7rem; padding-bottom: 7rem; padding-left: 3rem; padding-right: 3rem; }

    #jg-about .jg-about-inner { flex-direction: row; align-items: center; gap: 4.5rem; }
    #jg-about .jg-about-stack { flex: 1; min-width: 0; }
    #jg-about .jg-about-copy { flex: 1; min-width: 0; }

    #jg-services .jg-cards { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
    #jg-services .jg-card-body { padding: 2rem 1.25rem 2.25rem; }

    #jg-gallery .jg-grid { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }

    #jg-cta { padding: 7.5rem 3rem; }
}