@media only screen and (min-width: 0rem) {#jg-ab {background: var(--ice);padding: 8.5rem 1.5rem 5rem;font-family: var(--font-body);}#jg-ab .jg-ab-inner {max-width: 54rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}#jg-ab .jg-ab-head {display: flex;flex-direction: column;align-items: center;text-align: center;}#jg-ab .cs-topper {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);margin-bottom: 1rem;}#jg-ab .cs-topper::before, #jg-ab .cs-topper::after {content: '';width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--orange);}#jg-ab .cs-topper::after {background: var(--steel);}#jg-ab .cs-title {font-family: var(--font-display);font-size: clamp(2.3rem, 5.6vw, 3.6rem);font-weight: 600;line-height: 1.02;letter-spacing: -0.04em;color: var(--navy);margin: 0;max-width: 16ch;}#jg-ab .cs-title em {font-style: italic;font-weight: 400;color: var(--orange-deep);}#jg-ab .cs-swatches {margin-top: 1.75rem;display: flex;justify-content: center;gap: 0.4rem;}#jg-ab .cs-swatches span {width: 1.75rem;height: 0.4rem;border-radius: 999px;background: var(--orange);}#jg-ab .cs-swatches span:nth-child(2) {background: var(--orange-light);}#jg-ab .cs-swatches span:nth-child(3) {background: var(--steel-light);}#jg-ab .cs-swatches span:nth-child(4) {background: var(--ice-3);}#jg-ab .jg-ab-photos {width: 100%;margin: 3rem 0 0;display: grid;grid-template-columns: 1fr;gap: 0.75rem;}#jg-ab .jg-ab-photos img {width: 100%;height: auto;aspect-ratio: 4/3;object-fit: cover;border-radius: 2px;border-bottom: 4px solid var(--orange);}#jg-ab .jg-ab-copy {margin: 3rem 0 0;display: flex;flex-direction: column;align-items: center;text-align: center;}#jg-ab .jg-ab-text {font-size: 1.0625rem;line-height: 1.9;color: var(--bodyTextColor);margin: 0 0 1.5rem;max-width: 56ch;}#jg-ab .jg-ab-text:last-of-type {margin-bottom: 0;}#jg-ab .jg-ab-actions {margin-top: 2.5rem;display: flex;justify-content: center;}#jg-ab .jg-btn {display: inline-flex;align-items: center;justify-content: center;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-ab .jg-btn:hover {background: var(--orange-deep);transform: translateY(-2px);}#jg-ab .jg-btn:focus-visible {outline: 3px solid var(--orange-light);outline-offset: 3px;}}@media only screen and (min-width: 48rem) {#jg-ab {padding: 9.5rem 2.5rem 6rem;}#jg-ab .jg-ab-photos {grid-template-columns: repeat(2, 1fr);gap: 1rem;}}@media only screen and (min-width: 64rem) {#jg-ab {padding: 11rem 3rem 7rem;}#jg-ab .jg-ab-photos {gap: 1.25rem;margin-top: 3.5rem;}#jg-ab .jg-ab-copy {margin-top: 3.5rem;}}tent: center;
    }
    #jg-ab .jg-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        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-ab .jg-btn:hover { background: var(--orange-deep); transform: translateY(-2px); }
    #jg-ab .jg-btn:focus-visible { outline: 3px solid var(--orange-light); outline-offset: 3px; }
}

/*-- -------------------------- -->
<---       Tablet - 768px       -->
<--- -------------------------- -*/
@media only screen and (min-width: 48rem) {
    #jg-ab { padding: 9.5rem 2.5rem 6rem; }
    #jg-ab .jg-ab-photos { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}

/*-- -------------------------- -->
<---      Desktop - 1024px      -->
<--- -------------------------- -*/
@media only screen and (min-width: 64rem) {
    #jg-ab { padding: 11rem 3rem 7rem; }
    #jg-ab .jg-ab-photos { gap: 1.25rem; margin-top: 3.5rem; }
    #jg-ab .jg-ab-copy { margin-top: 3.5rem; }
}