/* ==========================================================
   JKS — TIPS
   PREMIUM EDITORIAL SYSTEM 1.0
   Core 0.1.46
   ========================================================== */

.jkst {
    --tips-green: #15362f;
    --tips-green-deep: #102d27;
    --tips-cream: #f4efe6;
    --tips-paper: #fbf8f2;
    --tips-sand: #e9dfd0;
    --tips-sage: #dce3dc;
    --tips-gold: #b48a49;
    --tips-red: #8e4038;
    --tips-ink: #17322c;
    --tips-text: #3f4b47;
    --tips-line: rgba(23, 50, 44, .16);

    width: 100%;
    overflow: hidden;

    background: var(--tips-paper);
    color: var(--tips-text);
}

.jkst *,
.jkst *::before,
.jkst *::after {
    box-sizing: border-box;
}

.jkst-shell {
    width: min(1180px, calc(100% - 64px));
    margin-inline: auto;
}

.jkst h1,
.jkst h2,
.jkst h3,
.jkst p {
    margin-top: 0;
}

.jkst h1,
.jkst h2,
.jkst h3 {
    color: var(--tips-ink);
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
}

.jkst h1,
.jkst h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
    letter-spacing: -.045em;
}

.jkst h1 em,
.jkst h2 em {
    font-weight: 400;
}

.jkst p {
    line-height: 1.7;
}

.jkst-kicker {
    margin-bottom: 22px;

    color: #d7b777;

    font-size: .72rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.jkst-kicker--dark {
    color: var(--tips-red);
}

.jkst-number {
    display: block;

    margin-bottom: 26px;

    color: rgba(180, 138, 73, .72);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    line-height: 1;
}

.jkst-number--light {
    color: #d7b777;
}

.jkst-lead-dark {
    color: var(--tips-ink);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.25rem, 1.8vw, 1.55rem);
    line-height: 1.45;
}


/* ==========================================================
   HERO
   ========================================================== */

.jkst-hero {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 42%,
            rgba(210, 177, 112, .08),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            #173b33 0%,
            #102d27 100%
        );

    color: #f8f2e8;
}

.jkst-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
    gap: clamp(70px, 9vw, 140px);
    align-items: center;

    min-height: 660px;
    padding-block: 105px;
}

.jkst-hero__copy {
    min-width: 0;
}

.jkst-hero h1 {
    max-width: 760px;
    margin-bottom: 32px;

    color: #f8f2e8;

    font-size: clamp(4rem, 6vw, 6.5rem);
    line-height: .91;
}

.jkst-hero h1 em {
    color: #d7b777;
}

.jkst-hero__lead {
    max-width: 610px;
    margin-bottom: 36px;

    color: rgba(248, 242, 232, .78);

    font-size: 1.05rem;
}

.jkst-hero__link {
    display: inline-flex;
    gap: 12px;
    align-items: center;

    color: #f8f2e8;

    font-size: .77rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-decoration: none;
    text-transform: uppercase;
}

.jkst-hero__manifest {
    position: relative;

    display: grid;
    place-items: center;

    width: min(430px, 100%);
    aspect-ratio: 1;
    justify-self: end;
}

.jkst-hero__ring {
    position: absolute;

    border: 1px solid rgba(215, 183, 119, .23);
    border-radius: 50%;
}

.jkst-hero__ring--one {
    inset: 4%;
}

.jkst-hero__ring--two {
    inset: 19%;
}

.jkst-hero__words {
    position: relative;
    z-index: 2;

    display: grid;
    gap: 14px;

    text-align: center;
}

.jkst-hero__words span {
    color: rgba(248, 242, 232, .9);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.5rem, 2.4vw, 2.15rem);
}

.jkst-hero__words span:nth-child(2),
.jkst-hero__words span:nth-child(4) {
    color: #d7b777;
    font-style: italic;
}

.jkst-hero__mark {
    position: absolute;
    right: 5%;
    bottom: 12%;

    color: #d7b777;

    font-size: 2rem;
}


/* ==========================================================
   INTRO
   ========================================================== */

.jkst-intro {
    padding-block: 110px;

    background: var(--tips-paper);
}

.jkst-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(400px, 1.05fr);
    gap: clamp(70px, 9vw, 140px);
    align-items: start;
}

.jkst-intro h2 {
    margin-bottom: 0;

    font-size: clamp(3.4rem, 5vw, 5rem);
    line-height: .96;
}

.jkst-intro h2 em {
    color: var(--tips-red);
}

.jkst-intro__copy {
    padding-top: 34px;
}

.jkst-intro__copy p:last-child {
    max-width: 570px;
    margin-bottom: 0;
}


/* ==========================================================
   BUDGET
   ========================================================== */

.jkst-budget {
    padding-block: 105px;

    background: var(--tips-cream);
}

.jkst-section-head {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 34px;
    align-items: start;

    margin-bottom: 64px;
}

.jkst-section-head .jkst-number {
    margin: 13px 0 0;
}

.jkst-section-head h2 {
    max-width: 900px;
    margin: 0;

    font-size: clamp(3.25rem, 5vw, 5rem);
    line-height: .96;
}

.jkst-budget__levels {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    border-top: 1px solid var(--tips-line);
    border-bottom: 1px solid var(--tips-line);
}

.jkst-budget__levels article {
    position: relative;

    min-width: 0;
    padding: 48px 42px 52px;
}

.jkst-budget__levels article + article {
    border-left: 1px solid var(--tips-line);
}

.jkst-budget__favorite {
    background: var(--tips-green);
    color: rgba(248, 242, 232, .82);
}

.jkst-budget__favorite h3 {
    color: #f8f2e8;
}

.jkst-budget__favorite .jkst-budget__price {
    color: #d7b777;
}

.jkst-budget__flag {
    position: absolute;
    top: 18px;
    right: 20px;

    color: #d7b777;

    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.jkst-budget__price {
    display: block;

    margin-bottom: 28px;

    color: var(--tips-red);

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.4rem, 3vw, 3.25rem);
    line-height: 1;
}

.jkst-budget__levels h3 {
    margin-bottom: 16px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.6rem;
    font-weight: 400;
}

.jkst-budget__levels p {
    margin-bottom: 0;
}

.jkst-editor-note {
    max-width: 800px;
    margin: 42px 0 0 124px;
}


/* ==========================================================
   GIFT
   ========================================================== */

.jkst-gift {
    padding-block: 115px;

    background: var(--tips-paper);
}

.jkst-gift__grid {
    display: grid;
    grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
    gap: clamp(80px, 10vw, 150px);
    align-items: start;
}

.jkst-gift__statement h2 {
    margin: 0;

    font-size: clamp(3.6rem, 5.3vw, 5.4rem);
    line-height: .93;
}

.jkst-gift__statement h2 em {
    color: var(--tips-red);
}

.jkst-gift__content {
    padding-top: 50px;
}

.jkst-principles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-top: 54px;
    border-top: 1px solid var(--tips-line);
}

.jkst-principles > div {
    min-width: 0;
    padding: 30px 28px 0 0;
}

.jkst-principles > div + div {
    padding-left: 28px;
    border-left: 1px solid var(--tips-line);
}

.jkst-principles span {
    display: block;
    margin-bottom: 25px;

    color: var(--tips-gold);

    font-size: .68rem;
    letter-spacing: .12em;
}

.jkst-principles h3 {
    margin-bottom: 12px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.45rem;
    font-weight: 400;
}

.jkst-principles p {
    margin: 0;

    font-size: .93rem;
}


/* ==========================================================
   COMMERCIAL BRIDGE
   ========================================================== */

.jkst-shop-bridge {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(350px, .88fr);
    gap: 70px;
    align-items: center;

    margin-top: 105px;
    padding: 64px 70px;

    background: var(--tips-red);
    color: #fff7ed;
}

.jkst-shop-bridge h2 {
    margin-bottom: 22px;

    color: #fff7ed;

    font-size: clamp(3rem, 4vw, 4.2rem);
    line-height: .95;
}

.jkst-shop-bridge h2 em {
    color: #ead09c;
}

.jkst-shop-bridge__copy > p:last-child {
    max-width: 590px;
    margin-bottom: 0;

    color: rgba(255, 247, 237, .82);
}

.jkst-shop-bridge__action {
    display: grid;
    gap: 14px;
}

.jkst-shop-button {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    padding: 22px 25px;

    background: #f6efe3;
    color: #512923;

    font-size: .78rem;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: .075em;
    text-decoration: none;
    text-transform: uppercase;
}

.jkst-shop-button:hover,
.jkst-shop-button:focus {
    background: #fffaf2;
    color: #3f211d;
}

.jkst-shop-bridge__action small {
    color: rgba(255, 247, 237, .66);
}


/* ==========================================================
   WRAPPING
   ========================================================== */

.jkst-wrap {
    padding-block: 115px;

    background: var(--tips-sand);
}

.jkst-wrap__grid {
    display: grid;
    grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
    gap: clamp(80px, 10vw, 150px);
}

.jkst-wrap__title h2 {
    margin-bottom: 0;

    font-size: clamp(3.4rem, 5vw, 5rem);
    line-height: .95;
}

.jkst-wrap__title h2 em {
    color: var(--tips-red);
}

.jkst-wrap__content {
    padding-top: 48px;
}

.jkst-wrap__ideas {
    margin-top: 46px;
    border-top: 1px solid var(--tips-line);
}

.jkst-wrap__ideas p {
    margin: 0;
    padding-block: 22px;

    border-bottom: 1px solid var(--tips-line);
}


/* ==========================================================
   COMPANY
   ========================================================== */

.jkst-company {
    padding-block: 115px;

    background: var(--tips-green);
    color: rgba(248, 242, 232, .78);
}

.jkst-company__heading {
    max-width: 760px;
    margin-bottom: 70px;
}

.jkst-company h2 {
    margin-bottom: 0;

    color: #f8f2e8;

    font-size: clamp(3.7rem, 5.5vw, 5.7rem);
    line-height: .93;
}

.jkst-company h2 em {
    color: #d7b777;
}

.jkst-company__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    border-top: 1px solid rgba(248, 242, 232, .17);
    border-bottom: 1px solid rgba(248, 242, 232, .17);
}

.jkst-company__grid article {
    min-width: 0;
    padding: 38px 30px 40px 0;
}

.jkst-company__grid article + article {
    padding-left: 30px;
    border-left: 1px solid rgba(248, 242, 232, .17);
}

.jkst-company__grid span {
    display: block;
    margin-bottom: 22px;

    color: #d7b777;

    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.jkst-company__grid h3 {
    margin-bottom: 15px;

    color: #f8f2e8;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 400;
}

.jkst-company__grid p {
    margin-bottom: 0;
}

.jkst-inline-link {
    display: inline-flex;
    gap: 12px;
    align-items: center;

    margin-top: 42px;

    font-size: .73rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-decoration: none;
    text-transform: uppercase;
}

.jkst-inline-link--light {
    color: #f8f2e8;
}


/* ==========================================================
   TEMPO
   ========================================================== */

.jkst-tempo {
    padding-block: 120px;

    background: var(--tips-paper);
}

.jkst-tempo__statement {
    max-width: 980px;
}

.jkst-tempo h2 {
    margin-bottom: 0;

    font-size: clamp(3.8rem, 6vw, 6.2rem);
    line-height: .92;
}

.jkst-tempo h2 em {
    color: var(--tips-red);
}

.jkst-tempo__rules {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    margin-top: 75px;
    border-top: 1px solid var(--tips-line);
}

.jkst-tempo__rules > div {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 22px;

    min-width: 0;
    padding: 30px 32px 0 0;
}

.jkst-tempo__rules > div + div {
    padding-left: 32px;
    border-left: 1px solid var(--tips-line);
}

.jkst-tempo__rules span {
    color: var(--tips-gold);

    font-size: .7rem;
    letter-spacing: .1em;
}

.jkst-tempo__rules p {
    margin-bottom: 0;
}


/* ==========================================================
   COUNT
   ========================================================== */

.jkst-count {
    padding-block: 110px;

    background: var(--tips-sage);
}

.jkst-count__grid {
    display: grid;
    grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
    gap: clamp(80px, 10vw, 150px);
}

.jkst-count h2 {
    margin-bottom: 0;

    font-size: clamp(3.4rem, 5vw, 5rem);
    line-height: .95;
}

.jkst-count h2 em {
    color: var(--tips-red);
}

.jkst-count__choices article {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 30px;
    align-items: start;

    padding-block: 32px;

    border-top: 1px solid var(--tips-line);
}

.jkst-count__choices article:last-of-type {
    border-bottom: 1px solid var(--tips-line);
}

.jkst-count__big {
    color: var(--tips-red);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 4rem;
    line-height: .9;
}

.jkst-count__choices h3 {
    margin-bottom: 10px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.65rem;
    font-weight: 400;
}

.jkst-count__choices p {
    margin-bottom: 0;
}

.jkst-count__example {
    margin-top: 32px;
    padding: 25px 28px;

    background: rgba(255, 255, 255, .42);
}

.jkst-count__example span {
    display: block;
    margin-bottom: 7px;

    color: var(--tips-red);

    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.jkst-count__example strong {
    color: var(--tips-ink);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.3rem;
    font-weight: 400;
}


/* ==========================================================
   TABLE
   ========================================================== */

.jkst-table {
    padding-block: 78px;

    background: var(--tips-red);
    color: rgba(255, 247, 237, .82);
}

.jkst-table__grid {
    display: grid;
    grid-template-columns: 80px minmax(280px, .8fr) minmax(350px, 1.2fr);
    gap: clamp(38px, 6vw, 90px);
    align-items: center;
}

.jkst-table__number {
    color: #ead09c;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
}

.jkst-table .jkst-kicker {
    margin-bottom: 12px;
}

.jkst-table h2 {
    margin-bottom: 0;

    color: #fff7ed;

    font-size: clamp(2.4rem, 3.5vw, 3.5rem);
    line-height: .96;
}

.jkst-table p:last-child {
    margin-bottom: 0;
}


/* ==========================================================
   RESCUE
   ========================================================== */

.jkst-rescue {
    padding-block: 120px;

    background: var(--tips-green-deep);
    color: rgba(248, 242, 232, .76);
}

.jkst-rescue__heading {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(300px, 1.2fr);
    column-gap: 90px;

    margin-bottom: 70px;
}

.jkst-rescue__heading .jkst-kicker {
    grid-column: 1 / -1;
}

.jkst-rescue__heading h2 {
    margin-bottom: 0;

    color: #f8f2e8;

    font-size: clamp(4rem, 6vw, 6rem);
    line-height: .9;
}

.jkst-rescue__heading h2 em {
    color: #d7b777;
}

.jkst-rescue__heading > p:last-child {
    align-self: end;

    max-width: 430px;
    margin-bottom: 7px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    line-height: 1.45;
}

.jkst-rescue__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    border-top: 1px solid rgba(248, 242, 232, .17);
}

.jkst-rescue__grid article {
    min-width: 0;
    padding: 34px 34px 36px 0;

    border-bottom: 1px solid rgba(248, 242, 232, .17);
}

.jkst-rescue__grid article:nth-child(3n + 2),
.jkst-rescue__grid article:nth-child(3n + 3) {
    padding-left: 34px;
    border-left: 1px solid rgba(248, 242, 232, .17);
}

.jkst-rescue__grid article > span {
    display: block;
    margin-bottom: 17px;

    color: #d7b777;

    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.jkst-rescue__grid p {
    margin-bottom: 0;
}

.jkst-rescue__variant {
    background: rgba(215, 183, 119, .08);
}

.jkst-rescue__variant a {
    display: inline-flex;
    gap: 10px;

    margin-top: 20px;

    color: #f8f2e8;

    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-decoration: none;
    text-transform: uppercase;
}


/* ==========================================================
   FINAL
   ========================================================== */

.jkst-final {
    padding-block: 120px 125px;

    background: var(--tips-cream);
}

.jkst-final__grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(380px, 1.05fr);
    gap: clamp(80px, 10vw, 150px);
    align-items: center;
}

.jkst-final h2 {
    margin-bottom: 0;

    font-size: clamp(3.7rem, 5.5vw, 5.5rem);
    line-height: .93;
}

.jkst-final h2 em {
    color: var(--tips-red);
}

.jkst-final__copy > p {
    max-width: 570px;
    margin-bottom: 35px;

    font-size: 1.06rem;
}

.jkst-final__button {
    display: inline-flex;
    gap: 34px;
    align-items: center;
    justify-content: space-between;

    min-width: 290px;
    padding: 19px 22px;

    background: var(--tips-green);
    color: #f8f2e8;

    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-decoration: none;
    text-transform: uppercase;
}

.jkst-final__button:hover,
.jkst-final__button:focus {
    background: var(--tips-green-deep);
    color: #fff;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    .jkst-hero__grid {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 50px;
    }

    .jkst-company__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jkst-company__grid article:nth-child(3) {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid rgba(248, 242, 232, .17);
    }

    .jkst-company__grid article:nth-child(4) {
        border-top: 1px solid rgba(248, 242, 232, .17);
    }

    .jkst-rescue__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jkst-rescue__grid article:nth-child(n) {
        padding-left: 0;
        padding-right: 28px;
        border-left: 0;
    }

    .jkst-rescue__grid article:nth-child(even) {
        padding-left: 28px;
        border-left: 1px solid rgba(248, 242, 232, .17);
    }
}


/* ==========================================================
   MOBILE / NARROW TABLET
   ========================================================== */

@media (max-width: 760px) {

    .jkst-shell {
        width: min(100% - 36px, 620px);
    }

    .jkst h1,
    .jkst h2,
    .jkst h3 {
        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;
    }

    .jkst-hero__grid {
        display: block;

        min-height: 0;
        padding-block: 78px 72px;
    }

    .jkst-hero h1 {
        font-size: clamp(3.15rem, 13vw, 4.6rem);
    }

    .jkst-hero__manifest {
        width: 260px;
        margin: 60px auto 0;
        justify-self: auto;
    }

    .jkst-intro,
    .jkst-budget,
    .jkst-gift,
    .jkst-wrap,
    .jkst-company,
    .jkst-tempo,
    .jkst-count,
    .jkst-rescue,
    .jkst-final {
        padding-block: 82px;
    }

    .jkst-intro__grid,
    .jkst-gift__grid,
    .jkst-wrap__grid,
    .jkst-count__grid,
    .jkst-final__grid {
        display: block;
    }

    .jkst-intro__copy,
    .jkst-gift__content,
    .jkst-wrap__content,
    .jkst-count__choices,
    .jkst-final__copy {
        padding-top: 42px;
    }

    .jkst-intro h2,
    .jkst-gift__statement h2,
    .jkst-wrap__title h2,
    .jkst-count h2,
    .jkst-final h2 {
        font-size: clamp(2.9rem, 12vw, 4rem);
    }

    .jkst-section-head {
        display: block;
        margin-bottom: 45px;
    }

    .jkst-section-head .jkst-number {
        margin: 0 0 25px;
    }

    .jkst-section-head h2 {
        font-size: clamp(2.8rem, 11vw, 3.8rem);
    }

    .jkst-budget__levels,
    .jkst-principles,
    .jkst-tempo__rules {
        display: block;
    }

    .jkst-budget__levels article {
        padding: 38px 0;
    }

    .jkst-budget__levels article + article {
        border-top: 1px solid var(--tips-line);
        border-left: 0;
    }

    .jkst-budget__favorite {
        margin-inline: -18px;
        padding-inline: 18px !important;
    }

    .jkst-editor-note {
        margin: 34px 0 0;
    }

    .jkst-principles > div,
    .jkst-principles > div + div {
        padding: 27px 0;
        border-left: 0;
        border-bottom: 1px solid var(--tips-line);
    }

    .jkst-shop-bridge {
        display: block;

        margin-top: 75px;
        padding: 46px 28px;
    }

    .jkst-shop-bridge__action {
        margin-top: 38px;
    }

    .jkst-shop-bridge h2 {
        font-size: clamp(2.7rem, 11vw, 3.7rem);
    }

    .jkst-shop-button {
        padding: 20px;
    }

    .jkst-company h2,
    .jkst-tempo h2,
    .jkst-rescue__heading h2 {
        font-size: clamp(3rem, 12vw, 4.2rem);
    }

    .jkst-company__grid {
        display: block;
    }

    .jkst-company__grid article,
    .jkst-company__grid article + article,
    .jkst-company__grid article:nth-child(n) {
        padding: 30px 0;
        border-top: 0;
        border-left: 0;
        border-bottom: 1px solid rgba(248, 242, 232, .17);
    }

    .jkst-tempo__rules > div,
    .jkst-tempo__rules > div + div {
        padding: 25px 0;
        border-left: 0;
        border-bottom: 1px solid var(--tips-line);
    }

    .jkst-count__choices article {
        grid-template-columns: 65px minmax(0, 1fr);
        gap: 20px;
    }

    .jkst-count__big {
        font-size: 3rem;
    }

    .jkst-table {
        padding-block: 62px;
    }

    .jkst-table__grid {
        display: block;
    }

    .jkst-table__number {
        margin-bottom: 25px;
    }

    .jkst-table h2 {
        margin-bottom: 25px;
    }

    .jkst-rescue__heading {
        display: block;
        margin-bottom: 50px;
    }

    .jkst-rescue__heading > p:last-child {
        margin-top: 30px;
    }

    .jkst-rescue__grid {
        display: block;
    }

    .jkst-rescue__grid article,
    .jkst-rescue__grid article:nth-child(n),
    .jkst-rescue__grid article:nth-child(even) {
        padding: 28px 0;
        border-left: 0;
        border-bottom: 1px solid rgba(248, 242, 232, .17);
    }
}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 420px) {

    .jkst-shell {
        width: calc(100% - 28px);
    }

    .jkst-hero h1 {
        font-size: clamp(2.75rem, 12.5vw, 3.5rem);
    }

    .jkst-shop-button {
        gap: 14px;

        font-size: .69rem;
        letter-spacing: .055em;
    }

    .jkst-count__example strong {
        font-size: 1.15rem;
    }
}