:root {
    --clr-accent-primary-hover: #268623;
    --clr-outside-yellow: #fdd20a;
    --clr-outside-yellow-hover: #fab819;

    --clr-txt-primary: var(--clr-granite2);
    --clr-txt-secondary: var(--clr-granite3);
    --clr-accent-primary: #3cc537;
    --clr-accent-primary-hover: #268623;

    --clr-granite1: rgb(28, 29, 31);
    --clr-granite2: rgb(56, 56, 59);
    --clr-granite3: rgb(96, 97, 99);
    --clr-granite4: rgb(123, 123, 125);
    --clr-granite5: rgb(147, 148, 150);
    --clr-granite6: rgb(172, 172, 174);
    --clr-granite7: rgb(207, 209, 211);
    --clr-granite8: rgb(227, 227, 229);
    --clr-granite9: rgb(241, 242, 243);
    --clr-granite10: rgb(255, 255, 255);

    --clr-snow-blind: var(--clr-granite10);

    --clr-spring1: rgb(26, 78, 24);
    --clr-spring2: rgb(28, 99, 26);
    --clr-spring3: rgb(38, 134, 35);
    --clr-spring4: rgb(47, 155, 44);
    --clr-spring5: rgb(56, 178, 52);
    --clr-spring6: rgb(60, 197, 55);
    --clr-spring7: rgb(76, 217, 72);
    --clr-spring8: rgb(133, 235, 129);
    --clr-spring9: rgb(190, 247, 188);
    --clr-spring10: rgb(233, 252, 232);

    --clr-spring: var(--clr-spring4);

    --clr-summer4: #CF4425;

    --clr-summer: var(--clr-summer4);

    --clr-conifer3: #276338;

    --clr-gray-line: #ededed;

    --clr-white-hover: #e6e7e8;

}

.choose-your-plan {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: ghostwhite;

    /* color */
    --clr-check-oplus: black;

    /* font-size */
    --fs-heading-2: 40px;
    --fs-body-1: 16px;

    /* font-weight */
    --wght-normal: 400;

    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1em;
}

.choose-your-plan header {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: 0;
    margin-right: 0;
    row-gap: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.choose-your-plan header p {
        font-size: var(--fs-body-1);
        line-height: 1.3;
    }

.choose-your-plan header .h2 {
        font-size: var(--fs-heading-2);
    }

.choose-your-plan .scroller {
    box-sizing: border-box;
    padding: 2rem;
    width: 100%;
    overflow-x: auto;
}

.choose-your-plan .plan-matrix .cta {
    width: 100%;
}

.choose-your-plan .plan-matrix .cta a {
    position: relative;
    border: 2px solid;
    border-color: transparent;
}

.choose-your-plan .plan-matrix .gaia-basic .cta a {
    border-color: black;
}

.choose-your-plan {
    width: 100%;
}

.choose-your-plan .scroller {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (max-width: 600px) {

.choose-your-plan .scroller {
        padding-top: 0;
}
    }

.choose-your-plan .plan-matrix {
    min-width: 900px;
    margin-top: auto;
    margin-bottom: auto;
}

.choose-your-plan .scroller {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.choose-your-plan .scroller::-webkit-scrollbar {
        display: none;
    }

.choose-your-plan progress {
    width: calc(100% - 2 * 3rem);
}

.plan-matrix {
    --highlight-row-height: 35px;
    display: grid;
    min-width: 650px;
    width: 100%;
    max-width: 1135px;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: minmax(200px, 1fr) repeat(3, minmax(-webkit-max-content, 200px));
    grid-template-columns: minmax(200px, 1fr) repeat(3, minmax(max-content, 200px));
    grid-template-rows: 35px repeat(14, auto);
    grid-template-rows: var(--highlight-row-height) repeat(14, auto);
    font-size: 18px;
    line-height: 1.3;
    justify-items: stretch;

    /* Adjustments for go premium modal */
}

@media (max-width: 1100px) {

.plan-matrix[data-location='go-premium-modal'] {
            font-size: 14px;
    }
        }

@media (min-width: 1100px) {

.plan-matrix[data-location='go-premium-modal'] {
            font-size: 16px;
    }
        }

.plan-matrix .headings,
.plan-matrix .features {
    display: contents;
    z-index: 100;
}

.plan-matrix li:nth-of-type(1) {
    grid-row: 3;
}

.plan-matrix li:nth-of-type(2) {
    grid-row: 4;
}

.plan-matrix li:nth-of-type(3) {
    grid-row: 5;
}

.plan-matrix li:nth-of-type(4) {
    grid-row: 6;
}

.plan-matrix li:nth-of-type(5) {
    grid-row: 7;
}

.plan-matrix li:nth-of-type(6) {
    grid-row: 8;
}

.plan-matrix li:nth-of-type(7) {
    grid-row: 9;
}

.plan-matrix li:nth-of-type(8) {
    grid-row: 10;
}

.plan-matrix li:nth-of-type(9) {
    grid-row: 11;
}

.plan-matrix li:nth-of-type(10) {
    grid-row: 12;
}

.plan-matrix li:nth-of-type(11) {
    grid-row: 13;
}

.plan-matrix li:nth-of-type(12) {
    grid-row: 14;
}

.plan-matrix li:nth-of-type(13) {
    grid-row: 15;
}

.plan-matrix li {
    list-style: none;
}

.plan-matrix ul:not(:first-child) li:not(.does-not-exist) {
    border-left: 1px solid var(--clr-gray-line);
}

.plan-matrix ul:not(:first-child) .col-heading {
    border-left: 1px solid var(--clr-gray-line);
}

.plan-matrix ul:not(:first-child) .cta {
    border-left: 1px solid var(--clr-gray-line);
}

.plan-matrix ul li:not(.does-not-exist), .plan-matrix ul .col-heading {
    border-bottom: 1px solid var(--clr-gray-line);
}

.plan-matrix .col-heading {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    grid-row: 2;
    padding-bottom: 0.5rem;
    margin-top: 1em;
    margin-bottom: 0;
    padding-right: 1rem;
}

.plan-matrix :not(.headings) .col-heading {
    padding-left: 1rem;
    align-items: center;
}

.plan-matrix .logo {
    box-sizing: border-box;
    width: 100%;
    max-width: 150px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.plan-matrix .price {
    margin-top: 0.5em;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 1;
    white-space: nowrap;
}

.plan-matrix .price small {
    color: var(--clr-txt-secondary);
}

.plan-matrix .features .price::after {
        display: block;
        margin-top: 1em;
        font-size: 0.625rem;
        color: var(--clr-txt-secondary);
    }

.plan-matrix .features.gaia-basic .price::after {
        content: ' ';
    }

.plan-matrix .features.gaia-premium .price::after {
        content: ' ';
    }

.plan-matrix .features.gaia-premium .price.discounted::after {
        content: '' var(--gaia-premium-full-price);
        -webkit-text-decoration: line-through;
        text-decoration: line-through;
    }

.plan-matrix .features.oplus .price::after {
        content: ' ';
    }

.plan-matrix .features.oplus .price.discounted::after {
        content: '' var(--oplus-full-price);
        -webkit-text-decoration: line-through;
        text-decoration: line-through;
    }

.plan-matrix .features.oplus .percent-discount-callout {
        position: absolute;
        right: 0;
        bottom: 0;
        translate: 50% 25%;
        z-index: 99999;
        background-color: #fdd20a;
        border-radius: 50%;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px;
        aspect-ratio: 1;
    }

.plan-matrix .price small {
    font-size: 50%;
    font-weight: var(--wght-normal);
}

.plan-matrix .price small b {
    font-size: 150%;
    font-weight: inherit;
}

.plan-matrix .features:first-child .col-heading {
    align-self: end;
}

.plan-matrix .features:not(:first-child) .col-heading {
    text-align: center;
}

.plan-matrix .cta {
    grid-row: -2;
}

.plan-matrix .headings li {
    grid-column: 1;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    border-left: none;
}

.plan-matrix .gaia-basic .col-heading, .plan-matrix .gaia-basic .check, .plan-matrix .gaia-basic .cta {
    grid-column: 2;
}

.plan-matrix .gaia-premium .col-heading, .plan-matrix .gaia-premium .check, .plan-matrix .gaia-premium .cta {
    grid-column: 3;
}

.plan-matrix .oplus h2, .plan-matrix .oplus li, .plan-matrix .oplus div {
    grid-column: 4;
}

.plan-matrix .check {
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center;
    color: var(--clr-accent-primary);
}

.plan-matrix .check.oplus {
        color: var(--clr-check-oplus);
    }

.plan-matrix .cta {
    font-size: 14px;
    padding: 1em;
}

.plan-matrix .cta a {
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    padding-top: 1em;
    padding-bottom: 1em;
    justify-content: center;
    align-items: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
}

.plan-matrix .gaia-basic .cta a {
    border: 2px solid black;
    color: black;
}

.plan-matrix .gaia-basic .cta a:hover {
        background-color: var(--clr-white-hover);
    }

.plan-matrix .gaia-premium .cta a {
    color: white;
    background-color: var(--clr-accent-primary);
}

.plan-matrix .gaia-premium .cta a:hover {
        background-color: var(--clr-accent-primary-hover);
    }

.plan-matrix .oplus .cta a {
    color: black;
    background-color: var(--clr-outside-yellow);
}

.plan-matrix .oplus .cta a:hover {
        background-color: var(--clr-outside-yellow-hover);
    }

.plan-matrix .oplus.oplus .col-heading, .plan-matrix .oplus.oplus .check {
    border-left: none;
}

.plan-matrix .highlight {
    --border-radius: 8px;
    display: block;
    grid-column: 4;
    grid-row: 1 / -1;
    border-color: var(--clr-outside-yellow);
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 8px;
    border-top-width: var(--border-radius);
    border-top-left-radius: 8px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: 8px;
    border-top-right-radius: var(--border-radius);
    pointer-events: none;
    z-index: 200;
}

.plan-matrix .highlight p {
    background-color: var(--clr-outside-yellow);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5ch;
    padding-top: 0;
    padding-bottom: 0.5em;
    margin-top: 0;
    margin-bottom: 0;
    height: calc(var(--highlight-row-height) - var(--border-radius));
}

.plan-matrix .highlight p img {
    display: block;
    max-height: 100%;
}

.plan-matrix .legal {
    grid-column: 1 / -1;
    text-align: right;
    color: var(--clr-txt-secondary);
    font-size: 0.625rem;
    margin-top: 2rem;
}

:root {
    --clr-accent-primary-hover: #268623;
    --clr-outside-yellow: #fdd20a;
    --clr-outside-yellow-hover: #fab819;

    --clr-txt-primary: var(--clr-granite2);
    --clr-txt-secondary: var(--clr-granite3);
    --clr-accent-primary: #3cc537;
    --clr-accent-primary-hover: #268623;

    --clr-granite1: rgb(28, 29, 31);
    --clr-granite2: rgb(56, 56, 59);
    --clr-granite3: rgb(96, 97, 99);
    --clr-granite4: rgb(123, 123, 125);
    --clr-granite5: rgb(147, 148, 150);
    --clr-granite6: rgb(172, 172, 174);
    --clr-granite7: rgb(207, 209, 211);
    --clr-granite8: rgb(227, 227, 229);
    --clr-granite9: rgb(241, 242, 243);
    --clr-granite10: rgb(255, 255, 255);

    --clr-snow-blind: var(--clr-granite10);

    --clr-spring1: rgb(26, 78, 24);
    --clr-spring2: rgb(28, 99, 26);
    --clr-spring3: rgb(38, 134, 35);
    --clr-spring4: rgb(47, 155, 44);
    --clr-spring5: rgb(56, 178, 52);
    --clr-spring6: rgb(60, 197, 55);
    --clr-spring7: rgb(76, 217, 72);
    --clr-spring8: rgb(133, 235, 129);
    --clr-spring9: rgb(190, 247, 188);
    --clr-spring10: rgb(233, 252, 232);

    --clr-spring: var(--clr-spring4);

    --clr-summer4: #CF4425;

    --clr-summer: var(--clr-summer4);

    --clr-conifer3: #276338;

    --clr-gray-line: #ededed;

    --clr-white-hover: #e6e7e8;

}

.Footer_footer__j6ZW {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--clr-granite9);
    background-color: var(--clr-granite2);
    font-size: 16px;
    line-height: 1.25;
}

.Footer_links__Nmwm {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em;
    gap: 2em;
    padding: 2em;
}

@media (min-width: 650.02px) and (max-width: 999.98px) {

.Footer_links__Nmwm {
        grid-template-columns: repeat(4, 1fr);
}
    }

@media (min-width: 1000px) {

.Footer_links__Nmwm {
        /* inline sizing needs to be specified since this uses `max-content` columns, which uses as much space as
        necessary but no more, instead of `fr` units, which expand to take up all available space */
        width: 100%;
        max-width: 1170px;
        /* 3rem left padding, 2x 135x40 badges with 1rem gap */
        grid-template-columns: repeat(4, -webkit-max-content) calc(3rem + 135px + 1rem + 135px);
        grid-template-columns: repeat(4, max-content) calc(3rem + 135px + 1rem + 135px);
        gap: initial;
        justify-content: space-between;
}
    }

.Footer_links__Nmwm > section a,
.Footer_legal__PzWd a,
.Footer_legal__PzWd button {
    color: inherit;
    /* parser doesn't like the `transparent` color keyword here for some reason */
    text-decoration: underline;
    -webkit-text-decoration: underline solid rgba(0, 0, 0, 0);
            text-decoration: underline solid rgba(0, 0, 0, 0);
    text-decoration-thickness: 0.125em;
    -webkit-text-decoration: underline 0.125em rgba(0, 0, 0, 0);
            text-decoration: underline 0.125em rgba(0, 0, 0, 0);
    text-underline-offset: 0.1875em;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    transition: text-decoration-color 300ms;
}

.Footer_links__Nmwm > section a:hover, .Footer_legal__PzWd a:hover, .Footer_legal__PzWd button:hover {
        text-decoration-color: inherit;
    }

.Footer_links__Nmwm > section > h4 {
    margin-top: 0;
    margin-bottom: 0.5em;
    font-size: 1.375rem;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
}

.Footer_links__Nmwm > section > ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    row-gap: 0.5em;
}

.Footer_links__Nmwm > aside {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    border-color: var(--clr-granite4);
    border-style: solid;
    grid-column-end: span 2;
    border-width: 1px 0 0 0;
    padding-top: 2em;
    grid-gap: 1em;
    gap: 1em;
    max-width: 375px;
}

.Footer_links__Nmwm > aside > img {
        grid-column-end: span 2;
        width: 100%;
    }

@media (min-width: 650.02px) and (max-width: 999.98px), (min-width: 1000px) {

.Footer_links__Nmwm > aside > img {
            grid-column-end: span 1;
    }
        }

@media (min-width: 650.02px) and (max-width: 999.98px) {

.Footer_links__Nmwm > aside {
        grid-template-columns: 1fr -webkit-max-content -webkit-max-content;
        grid-template-columns: 1fr max-content max-content;
        max-width: none;
        max-width: initial;
        grid-column-end: span 4;
        gap: 0 2em;
        align-items: center;
}
    }

@media (min-width: 1000px) {

.Footer_links__Nmwm > aside {
        grid-template-columns: -webkit-max-content;
        grid-template-columns: max-content;
        grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
        grid-template-rows: max-content 1fr max-content;
        grid-column-end: span 1;
        padding-top: 0;
        justify-content: end;
        border-width: 0 0 0 1px;
        gap: initial;
}
    }

.Footer_social__vdxJ {
    justify-self: center;
    display: grid;
    grid-gap: 0.5em;
    gap: 0.5em;
    grid-template-columns: repeat(4, -webkit-max-content);
    grid-template-columns: repeat(4, max-content);
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-items: center;
    place-items: center;
}

@media (min-width: 1000px) {

.Footer_social__vdxJ {
        justify-self: start;
}
    }

.Footer_social__vdxJ > h3 {
    grid-column: 1 / span 4;
    font-size: 1.5em;
    font-weight: normal;
    font-variation-settings: 'wght' 400;
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
}

.Footer_social__vdxJ ul,
.Footer_social__vdxJ li {
    display: contents;
}

.Footer_social__vdxJ a {
    display: flex;
}

.Footer_social__vdxJ img {
    width: 24px;
    aspect-ratio: 1;
}

.Footer_apps__4j5V {
    justify-self: end;
    display: flex;
    flex-direction: column;
    row-gap: 0.5em;
}

@media (min-width: 1000px) {

.Footer_apps__4j5V {
        justify-self: start;
        flex-direction: row;
        height: 2.5em;
        gap: 0 1em;
}
    }

.Footer_apps__4j5V ul,
.Footer_apps__4j5V li {
    display: contents;
}

.Footer_apps__4j5V img {
    display: block;
    width: 100%;
    max-width: 135px;
    aspect-ratio: 135 / 40;
}

.Footer_legal__PzWd {
    align-self: stretch;
    background-color: var(--clr-granite1);
}

.Footer_legal__PzWd > div {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    grid-gap: 0.5em 2em;
    gap: 0.5em 2em;
    /* font size clamped to range [11px, 15px] as viewport goes from [375px, 650px] */
    font-size: max(11px, min(calc((4 / 275) * 100vw + (61 / 11) * 1px), 15px));
    padding: 0.5625em 1em;
    gap: 0.5em 2em;
    width: 100%;
    max-width: 1230px;
    margin-left: auto;
    margin-right: auto;
}

.Footer_legal__PzWd > div > img {
        grid-column: 1;
        grid-row: 1 / 3;
        justify-self: start;
        height: 8vw;
        max-height: 40px;
        align-self: center;
    }

.Footer_legal__PzWd > div p {

        grid-column: 2;
        justify-self: end;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 1ch;
        font-size: inherit;
        margin-top: 0;
        margin-bottom: 0;
        text-align: right;
    }

.Footer_legal__PzWd > div p:first-of-type {
            grid-row: 1;
        }

.Footer_legal__PzWd > div p:last-of-type {
            grid-row: 2;
        }

.Footer_legal__PzWd > div p > :first-child {
            margin-right: auto;
        }

.Footer_legal__PzWd > div p > :only-child {
            margin-left: auto;
            margin-right: 0;
        }

@font-face {
    font-family: 'FF Real Head';
    src: url(https://www-static.gaiagps.com/webpack/asset/RealHeadPro-Regular.aa05fdf5.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-variation-settings: 'wght' 400, 'ital' 0;
}

@font-face {
    font-family: 'FF Real Head';
    src: url(https://www-static.gaiagps.com/webpack/asset/RealHeadPro-RegularItalic.36846a46.woff2) format('woff2');
    font-weight: 400;
    font-style: italic;
    font-variation-settings: 'wght' 400, 'ital' 1;
}

@font-face {
    font-family: 'FF Real Head';
    src: url(https://www-static.gaiagps.com/webpack/asset/RealHeadPro-Medium.1b53bf5e.woff2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-variation-settings: 'wght' 500, 'ital' 0;
}

@font-face {
    font-family: 'FF Real Head';
    src: url(https://www-static.gaiagps.com/webpack/asset/RealHeadPro-MediumItalic.52fbf046.woff2) format('woff2');
    font-weight: 500;
    font-style: italic;
    font-variation-settings: 'wght' 500, 'ital' 1;
}

@font-face {
    font-family: 'FF Real Head';
    src: url(https://www-static.gaiagps.com/webpack/asset/RealHeadPro-Demibold.e23a2693.woff2) format('woff2');
    font-weight: 600;
    font-style: normal;
    font-variation-settings: 'wght' 600, 'ital' 0;
}

@font-face {
    font-family: 'FF Real Head';
    src: url(https://www-static.gaiagps.com/webpack/asset/RealHeadPro-DemiboldItalic.69c1b322.woff2) format('woff2');
    font-weight: 600;
    font-style: italic;
    font-variation-settings: 'wght' 600, 'ital' 1;
}

@font-face {
    font-family: 'FF Real Head';
    src: url(https://www-static.gaiagps.com/webpack/asset/RealHeadPro-Bold.c9935618.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-variation-settings: 'wght' 700, 'ital' 0;
}

@font-face {
    font-family: 'FF Real Head';
    src: url(https://www-static.gaiagps.com/webpack/asset/RealHeadPro-BoldItalic.fc899f4e.woff2) format('woff2');
    font-weight: 700;
    font-style: italic;
    font-variation-settings: 'wght' 700, 'ital' 1;
}

/* Document
 * ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 */
:where(html) {
  line-height: 1.15; /* 1 */
}
/* Sections
 * ========================================================================== */
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
:where(h1) {
  font-size: 2em;
  margin-bottom: 0.67em;
  margin-top: 0.67em;
}
/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, and Safari.
 */
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin-bottom: 0;
  margin-top: 0;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 */
:where(hr) {
  box-sizing: content-box; /* 1 */
  color: inherit; /* 2 */
  height: 0; /* 1 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
:where(pre) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
  text-decoration: underline;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(b, strong) {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
:where(code, kbd, samp) {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
:where(small) {
  font-size: 80%;
}
/* Tabular data
 * ========================================================================== */
/**
 * 1. Correct table border color in Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
  border-color: currentColor; /* 1 */
  text-indent: 0; /* 2 */
}
/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
  margin: 0;
}
/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(button) {
  text-transform: none;
}
/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button, input[type="button" i]) {
  -webkit-appearance: button;
}
:where(button, input[type="reset" i]) {
  -webkit-appearance: button;
}
:where(button, input[type="submit" i]) {
  -webkit-appearance: button;
}
/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
:where(progress) {
  vertical-align: baseline;
}
/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(select) {
  text-transform: none;
}
/**
 * Remove the margin in Firefox and Safari.
 */
:where(textarea) {
  margin: 0;
}
/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
:where(input[type="search" i]) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
:where(button, input[type="button" i])::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:where(button, input[type="color" i])::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:where(button, input[type="reset" i])::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
:where(button, input[type="submit" i])::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:where(button, input[type="button" i])::-moz-focusring {
  outline: 1px dotted ButtonText;
}
:where(button, input[type="color" i])::-moz-focusring {
  outline: 1px dotted ButtonText;
}
:where(button, input[type="reset" i])::-moz-focusring {
  outline: 1px dotted ButtonText;
}
:where(button, input[type="submit" i])::-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Remove the additional :invalid styles in Firefox.
 */
:where(:-moz-ui-invalid) {
  box-shadow: none;
}
/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
  background-color: white;
  border: solid;
  color: black;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
:where(dialog:not([open])) {
  display: none;
}
/*
 * Add the correct display in all browsers.
 */
:where(summary) {
  display: list-item;
}

html {
    font-family: 'FF Real Head', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.03em;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    height: 100%;
}

:where(*, *::before, *::after) {
    box-sizing: inherit;
}

body {
    font-size: 1rem;
    min-height: 100%;
    margin: 0;
}

.Homepage_homepage__v0JG {
    display: flex;
    flex-direction: column;
    margin: auto;
}

:where(.Homepage_homepage__v0JG) :where(h1, h2, h3, h4, h5, h6) {
        line-height: 1.3;
        font-weight: 500;
        font-variation-settings: 'wght' 500;
        margin-top: 0;
        margin-bottom: 0;
    }

:where(.Homepage_homepage__v0JG) :where(h1) {
        font-size: 2.625rem;
    }

:where(.Homepage_homepage__v0JG) :where(h2) {
        font-size: 2rem;
    }

:where(.Homepage_homepage__v0JG) :where(h3) {
        font-size: 1.625rem;
    }

:where(.Homepage_homepage__v0JG) :where(h4) {
        font-size: 1.375rem;
    }

:where(.Homepage_homepage__v0JG) :where(h5) {
        font-size: 1.25rem;
    }

:where(.Homepage_homepage__v0JG) :where(h6) {
        font-size: 1.125rem;
    }

:where(.Homepage_homepage__v0JG) :where(p) {
        font-size: 1rem;
        margin-top: 0;
        margin-bottom: 0;
    }

:where(.Homepage_homepage__v0JG) :where(small) {
        font-size: 0.875rem;
    }

:where(.Homepage_homepage__v0JG) :where(button) {
        font-size: 1rem;
        line-height: 1.3;
        font-weight: 600;
        /* letter-spacing: 0.15em; */
        text-transform: uppercase;
    }

:where(.Homepage_homepage__v0JG) :where(button) :where(small) {
            font-size: 0.875rem;
        }

:where(.Homepage_homepage__v0JG) :where(a) {
        color: inherit;
        text-decoration: underline;
        -webkit-text-decoration: underline solid rgba(0, 0, 0, 0);
                text-decoration: underline solid rgba(0, 0, 0, 0);
        text-decoration-thickness: 0.15em;
        -webkit-text-decoration: underline 0.15em rgba(0, 0, 0, 0);
                text-decoration: underline 0.15em rgba(0, 0, 0, 0);
        text-underline-offset: 3px;
        transition: text-decoration-color 300ms;
    }

:where(.Homepage_homepage__v0JG) :where(a):hover {
            text-decoration-color: inherit;
        }

:where(.Homepage_homepage__v0JG) :where(progress) {
        --track: var(--clr-granite2);
        --progress: #21c17c;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: none;
        border-radius: 5px;
        overflow: hidden;
        color: var(--clr-granite2);
        accent-color: #21c17c;
        height: 0.625rem;
    }

:where(.Homepage_homepage__v0JG) :where(progress)::-webkit-progress-bar {
            background-color: var(--track);
        }

:where(.Homepage_homepage__v0JG) :where(progress)::-webkit-progress-value {
            background-color: var(--progress);
            -webkit-transition: width 0.1s ease-out;
            transition: width 0.1s ease-out;
        }

:where(.Homepage_homepage__v0JG) :where(progress)::-moz-progress-bar {
            background-color: var(--progress);
        }

.grecaptcha-badge {
    visibility: hidden;
}



.OutsideAnnouncement_container__zu8g {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    align-items: center;
    justify-items: center;
    place-items: center;
    background-color: var(--clr-outside-yellow);
    font-weight: 500;
    font-variation-settings: 'wght' 500;
    color: var(--clr-granite1);
}

.OutsideAnnouncement_content__Ma40 {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: calc(2 * 8px);
    padding-bottom: calc(2 * 8px);
    margin-left: auto;
    margin-right: auto;
    gap: 8px;
}

.OutsideAnnouncement_button__mWvg {
    grid-column: 3;
    background: none;
    color: var(--clr-granite1);
    height: 48px;
    width: 48px;
}

/* specificity bump to ensure this overrides MUI style */
.OutsideAnnouncement_button__mWvg.OutsideAnnouncement_button__mWvg:hover {
    background: none;
}

.HPHeader_announcement__HJ73 {
    position: relative;
    font-size: 14px;
}

.Masthead_masthead__Ri5y {
    color: white;
    background-color: black;
    background-image: url(https://www-static.gaiagps.com/webpack/asset/masthead-bg.8fccf5b7.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 75% center;
    overflow: hidden;

    /*
  background-position-x: calc(67% - var(--ken-burns, 0%) / 3);
  background-position-y: calc(10% - var(--ken-burns, 0%) / 5);
  */
}

@media (min-width: 1150px) {

.Masthead_masthead__Ri5y {
        height: 67vh;
        min-height: 400px;
        max-height: 750px;
        flex-direction: row;
        background-attachment: fixed;
}
    }

.Masthead_container__cdNc {
    max-width: 1200px;
    margin-top: 90px;
    padding-left: 2rem;
    padding-right: 2rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover;
}

@media (min-width: 1150px) {

.Masthead_container__cdNc {
        margin-top: 0;
        flex-direction: row;
        justify-content: space-between;
}
    }

.Masthead_cta__MhBW {
    font-size: 14px;
    width: 100%;
}

@media (min-width: 1150px) {

.Masthead_cta__MhBW {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
}
    }

.Masthead_cta__MhBW a {
        box-sizing: border-box;
        width: 80%;
        display: flex;
        padding-top: 1em;
        padding-bottom: 1em;
        justify-content: center;
        align-items: center;
        -webkit-text-decoration: none;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 1;
        font-weight: 600;
        margin: 0 auto;
    }

.Masthead_gaiaBasic__NisO a {
    background-color: white;
    color: black;
}

@media (min-width: 1150px) {

.Masthead_gaiaBasic__NisO a {
        width: 195px;
}
    }

.Masthead_gaiaBasic__NisO a:hover {
        background-color: var(--clr-white-hover);
    }

.Masthead_gaiaPremium__R7Jp a {
    position: relative;
    color: white;
    background-color: var(--clr-accent-primary);
}

.Masthead_gaiaPremium__R7Jp a:hover {
        background-color: var(--clr-accent-primary-hover);
    }

@media (min-width: 1150px) {

.Masthead_gaiaPremium__R7Jp a {
        width: 250px;
}
    }

.Masthead_oplus__1MJ4 a {
    color: black;
    background-color: var(--clr-outside-yellow);
    width: 215px;
}

.Masthead_oplus__1MJ4 a:hover {
        background-color: var(--clr-outside-yellow-hover);
    }

.Masthead_header__HZXw {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: 0;
    text-align: center;
}

@media (min-width: 1150px) {

.Masthead_header__HZXw {
        text-align: left;
}
    }

.Masthead_header__HZXw .Masthead_taglines__32Vr {
        padding-bottom: 3rem;
        word-wrap: break-word;
        white-space: normal;
        max-width: 100vw;
        padding-left: 1rem;
        padding-right: 1rem;
    }

@media (min-width: 1150px) {

.Masthead_header__HZXw .Masthead_taglines__32Vr {
            padding-left: 0;
            padding-right: 0;
    }
        }

.Masthead_prettyGraphic__4c4L {
    display: block;
    width: 100%;
    max-width: 735px;
}

@media (min-width: 1150px) {

.Masthead_prettyGraphic__4c4L {
        width: auto;
        width: initial;
        max-width: none;
        max-width: initial;
        height: 100%;
        max-height: 670px;
        align-self: flex-end;
}
    }

.Masthead_ctaButtons__pEnh {
    display: flex;
    flex-direction: column;
}

.Masthead_buttons__CmC6 {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 16px;
}

@media (min-width: 1150px) {

.Masthead_buttons__CmC6 {
        flex-direction: row;
        gap: 0 25px;
}
    }

.Masthead_storeButtons__eipi {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

@media (min-width: 1150px) {

.Masthead_storeButtons__eipi {
        gap: 25px;
        justify-content: flex-start;
}
    }

.Masthead_storeButton__y23b {
    display: block;
    height: 45px;
    border: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    background-size: contain;
    background-repeat: no-repeat;
}

.Masthead_storeButton__y23b img {
        display: block;
        height: 100%;
    }

.OutsidePlus_outsidePlus__DCrm {
    background-image: url(https://www-static.gaiagps.com/webpack/asset/outside-plus-tiles.043bb8ac.webp);
    background-size: cover;
    background-attachment: fixed;
    padding-top: 5vh;
    padding-bottom: 5vh;
    height: calc(5 / 3 * 100vh);
}

.OutsidePlus_card__NFB6 {
    position: -webkit-sticky;
    position: sticky;
    top: 5vh;
    border: 4px solid var(--clr-outside-yellow);
    border-radius: 4px;
    background-color: white;
    max-width: 43.75rem;
    min-height: 40rem;
    max-height: 90vh;
    text-align: center;
    color: var(--clr-granite2);
    display: grid;
    grid-template-rows: 60px 1fr;
    grid-auto-flow: row;
    align-items: stretch;
    justify-items: stretch;
    place-items: stretch;
}

@media (min-width: 900.02px) {

.OutsidePlus_card__NFB6 {
        margin-left: auto;
        margin-right: 10vw;
}
    }

.OutsidePlus_card__NFB6 h1 {
        background-color: var(--clr-outside-yellow);
        padding-top: 1rem;
        padding-bottom: 1rem;
        height: 5rem;
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

.OutsidePlus_card__NFB6 h1 picture {
            height: 100%;
        }

.OutsidePlus_card__NFB6 h1 picture img {
                display: block;
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                   object-fit: contain;
            }

.OutsidePlus_card__NFB6 h2 {
        font-size: 2rem;
    }

@media (min-width: 1150px) {

.OutsidePlus_card__NFB6 h2 {
            font-size: 2.375rem;
    }
        }

.OutsidePlus_card__NFB6 p {
        font-size: 1rem;
        line-height: 1.3;
    }

.OutsidePlus_callToAction__Y3Qm {
    display: grid;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    grid-column-gap: 2rem;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    grid-row-gap: 1rem;
    row-gap: 1rem;
    align-items: center;
}

.OutsidePlus_callToAction__Y3Qm a {
        box-sizing: border-box;
        display: flex;
        padding-top: 1em;
        padding-bottom: 1em;
        justify-content: center;
        align-items: center;
        -webkit-text-decoration: none;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 0.875rem;
        line-height: 1;
        font-weight: 500;
        letter-spacing: 0.15em;
        margin: 0 auto;
        color: black;
        background-color: var(--clr-outside-yellow);
        width: 215px;
    }

.OutsidePlus_callToAction__Y3Qm a:hover {
            background-color: var(--clr-outside-yellow-hover);
        }

.OutsidePlus_cardInner__JakT {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 900px) {

.OutsidePlus_cardInner__JakT {
        padding: 2rem 3.4375rem;
}
    }

.OutsidePlus_offer__AcTx {
    line-height: 1.3;
    white-space: nowrap;
    display: grid;
    grid-template-columns: 1fr;
}

.OutsidePlus_offer__AcTx::before {
        content: 'Special Offer';
        font-weight: 600;
    }

.OutsidePlus_price__P3OQ {
    font-weight: bold;
    font-size: 2rem;
    display: flex;
    align-items: baseline;
}

.OutsidePlus_price__P3OQ:not([data-price='499'])::before {
        content: '$4.99';
        -webkit-text-decoration: line-through;
        text-decoration: line-through;
        font-weight: 500;
        color: var(--clr-txt-secondary);
        margin-right: 1ch;
    }

.OutsidePlus_price__P3OQ::after {
        font-size: 1.0625rem;
        font-weight: 400;
        color: var(--clr-txt-secondary);
        content: '/mo*';
    }

@media (max-width: 900px) {
    .OutsidePlus_outsidePlus__DCrm {
        height: auto;
        padding: 4em 1em;
    }

    .OutsidePlus_card__NFB6 {
        position: static;
        top: auto;
        margin: auto;
        max-height: none;
        max-height: initial;
        min-height: revert;
        display: flex;
        flex-direction: column;
    }

    .OutsidePlus_cardInner__JakT {
        gap: 1em;
    }

    .OutsidePlus_callToAction__Y3Qm {
        grid-template-columns: 1fr;
    }
}

.OutsidePlus_legal__aXJb {
    grid-column: 1 / -1;
    font-size: 0.6875rem;
    color: var(--clr-txt-secondary);
}

.OutsidePlus_logos__VVAp {
    display: grid;
    max-width: 14rem;
    grid-template-columns: 1fr;
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
    padding-left: 0;
}

.OutsidePlus_logos__VVAp li {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        grid-row-gap: 0.5rem;
        row-gap: 0.5rem;
        align-items: center;
    }

.OutsidePlus_logos__VVAp li img {
            width: 100%;
            height: 3rem;
            -o-object-fit: contain;
               object-fit: contain;
        }

.OutsidePlus_logos__VVAp li::after {
            content: url(https://www-static.gaiagps.com/webpack/asset/plus.37524479.svg);
        }

.OutsidePlus_logos__VVAp li:nth-child(n + 4) {
            display: none;
        }

.OutsidePlus_logos__VVAp::after {
        content: 'Over 15 Outdoor Brands';
        font-weight: 700;
    }

@media (min-width: 900.02px) {

.OutsidePlus_logos__VVAp {
        max-width: none;
        grid-template-columns: repeat(11, 1fr);
        row-gap: initial;
}

        .OutsidePlus_logos__VVAp li {
            grid-template-columns: subgrid;
        }

            .OutsidePlus_logos__VVAp li:nth-child(n + 4) {
                /* 4th thru end */
                /* undo `display: none;` above */
                display: grid;
            }

            .OutsidePlus_logos__VVAp li:nth-child(-n + 2) {
                /* first 2 */
                grid-column-end: span 4;
            }

                .OutsidePlus_logos__VVAp li:nth-child(-n + 2)::after {
                    -webkit-transform: scale(1.5);
                            transform: scale(1.5);
                }

            .OutsidePlus_logos__VVAp li:nth-child(n + 3):not(:last-child) {
                /* 3rd thru 6th */
                grid-column-end: span 3;
            }

            .OutsidePlus_logos__VVAp li:last-child {
                grid-column-end: span 2;
            }

            .OutsidePlus_logos__VVAp li:nth-child(3)::after {
                /* 3rd and last */
                content: normal;
                content: initial;
            }

            .OutsidePlus_logos__VVAp li:last-child::after {
                /* 3rd and last */
                content: normal;
                content: initial;
            }

            .OutsidePlus_logos__VVAp li:nth-child(-n + 3) img {
                /* 1st thru 3rd */
                grid-column-end: span 3;
            }

            .OutsidePlus_logos__VVAp li:nth-child(n + 4) img {
                /* 4th thru end */
                grid-column-end: span 2;
            }

            /* Chrome still doesn't support subgrid, so we have to "inherit" the grid manually */
            @supports not (grid-template-columns: subgrid) {
                .OutsidePlus_logos__VVAp li:nth-child(-n + 2) {
                    /* first 2 */
                    grid-template-columns: repeat(4, 1fr);
                }

                .OutsidePlus_logos__VVAp li:nth-child(n + 3):not(:last-child) {
                    /* 3rd thru 6th */
                    grid-template-columns: repeat(3, 1fr);
                }

                .OutsidePlus_logos__VVAp li:last-child {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

        .OutsidePlus_logos__VVAp::after {
            content: normal;
            content: initial;
        }
    }

.Pitches_pitches__4nhu {
    background-color: black;
    color: white;
    background-image: url(https://www-static.gaiagps.com/webpack/asset/value-prop-1-bg.a09a62a2.webp);
    background-size: auto 100%;
    background-position: right top;
    background-repeat: no-repeat;
}
@media (min-width: 1150px) {
    .Pitches_pitches__4nhu {
        height: 100vh;
        background-image: none;
        background-image: initial;
        height: initial;
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: 100vh;
}
    }

.PitchesHorizontal_horizontal__H34M {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
    height: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    row-gap: 1.5rem;
}

.PitchesHorizontal_horizontal__H34M progress, .PitchesHorizontal_horizontal__H34M h1 {
        width: calc(100% - 4rem);
        max-width: 900px;
        align-self: center;
        flex: 0 0 auto;
    }

.PitchesHorizontal_horizontal__H34M h1 {
        font-size: 1.6875rem;
        text-align: center;
    }

.PitchesHorizontal_scroller__BlrX {
    width: 100%;
    flex: 1 1 100%;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    --padding: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-left: var(--padding);
    padding-right: var(--padding);
}

@supports (scroll-snap-align: center) {

.PitchesHorizontal_scroller__BlrX {
        scroll-snap-type: x mandatory;
        scroll-padding-inline: var(--padding);
}

        .PitchesHorizontal_scroller__BlrX .PitchesHorizontal_container__ed8y .PitchesHorizontal_valueProp__QNhY .PitchesHorizontal_promo__ZCLA {
            scroll-snap-align: center;
        }
    }

.PitchesHorizontal_scroller__BlrX::-webkit-scrollbar {
        display: none;
    }

.PitchesHorizontal_container__ed8y {
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    grid-template-rows: 1fr repeat(3, -webkit-max-content);
    grid-template-rows: 1fr repeat(3, max-content);
    grid-auto-flow: column;
    grid-gap: 1rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.PitchesHorizontal_valueProp__QNhY {
    display: contents;
}

.PitchesHorizontal_valueProp__QNhY h3 {
        font-size: 1.375rem;
        line-height: 1.3;
        grid-row: 3;
    }

.PitchesHorizontal_valueProp__QNhY p {
        font-size: 0.9375rem;
        line-height: 1.6;
        grid-row: 4;
    }

.PitchesHorizontal_promo__ZCLA {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
       object-fit: cover;
    grid-row: 1;
}

.PitchesHorizontal_icon__3AAs {
    width: 2rem;
    grid-row: 2;
}

.PitchesVertical_vertical__uhAW {
    padding-left: max(0px, (100vw - 1500px) / 2);
    padding-right: max(0px, (100vw - 1500px) / 2);
}

.PitchesVertical_vertical__uhAW .PitchesVertical_valueProp__tBTj, .PitchesVertical_vertical__uhAW .PitchesVertical_sticky__tmDI {
    height: 100%;
    grid-column: 1 / -1;
}

.PitchesVertical_valueProp__tBTj {
    display: flex;
    flex-direction: row-reverse;
    padding: 2rem;
    align-items: center;
    color: rgba(255, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 67%;
}

.PitchesVertical_valueProp__tBTj img {
        max-width: 50vw;
        opacity: 0;
        -webkit-transform: translateY(15%);
                transform: translateY(15%);
    }

.PitchesVertical_valueProp__tBTj img.PitchesVertical_Intersected__wwZJ {
            -webkit-animation: 700ms ease-out 250ms forwards PitchesVertical_valueprop-image__1hIs;
                    animation: 700ms ease-out 250ms forwards PitchesVertical_valueprop-image__1hIs;
        }

.PitchesVertical_valueProp__tBTj:nth-of-type(1) {
        grid-row: 1;
        background-image: url(https://www-static.gaiagps.com/webpack/asset/value-prop-1-bg.a09a62a2.webp);
        background-position-y: top;
    }

@media (min-width: 1150px) {

.PitchesVertical_valueProp__tBTj:nth-of-type(1) img {
                /* linear [100px, 300px] as viewport ranges from 1150px to 1500px
          https://www.wolframalpha.com/input?i=line+through+%281150%2C+100%29+and+%281500%2C+300%29 */
                margin-right: max(100px, min(calc(100vw * (4 / 7) - 1px * (3900 / 7)), 300px));
        }
            }

.PitchesVertical_valueProp__tBTj:nth-of-type(2) {
        grid-row: 2;
    }

@media (min-width: 1150px) {

.PitchesVertical_valueProp__tBTj:nth-of-type(2) img {
                /* linear [400px, 750px] as viewport ranges from 1150px to 1500px
        https://www.wolframalpha.com/input?i=line+through+%281150%2C+400%29+and+%281500%2C+750%29 */
                width: max(400px, min(calc(100vw - 750px), 750px));
        }
            }

.PitchesVertical_valueProp__tBTj:nth-of-type(3) {
        grid-row: 3;
        background-image: url(https://www-static.gaiagps.com/webpack/asset/value-prop-3-bg.0dec945a.webp);
        background-position-y: bottom;
    }

.PitchesVertical_sticky__tmDI {
    position: -webkit-sticky;
    position: sticky;
    max-width: 615px;
    top: 0;
    display: grid;
    grid-template-columns: 10px 1fr;
    align-content: center;
    padding-left: 50px;
    grid-gap: 1rem 2rem;
    gap: 1rem 2rem;
    grid-row: 1;
}

.PitchesVertical_sticky__tmDI h1 {
        grid-row: 1;
        grid-column: 2;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        --offset: -16rem;
        -webkit-transform: translateY(-16rem);
                transform: translateY(-16rem);
        -webkit-transform: translateY(var(--offset));
                transform: translateY(var(--offset));
    }

@media (max-height: 850px) {

.PitchesVertical_sticky__tmDI h1 {
            --offset: calc((850px - 100vh) / 2 - 16rem);
    }
        }

.PitchesVertical_sticky__tmDI progress {
        grid-row: 2;
        grid-column: 1;
        -webkit-transform-origin: 5px 5px;
                transform-origin: 5px 5px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        width: 80px;
        margin-top: 1rem;
    }

.PitchesVertical_pitchIcon__Duav {
    grid-row: 1;
    grid-column: 2;
    height: 2rem;
    -webkit-animation: PitchesVertical_valueprop-exit__4hW9 500ms ease-out both;
            animation: PitchesVertical_valueprop-exit__4hW9 500ms ease-out both;
}

.PitchesVertical_pitchIconActive__peMN {
    -webkit-animation: PitchesVertical_valueprop-entry__8xBb 500ms ease-out both;
            animation: PitchesVertical_valueprop-entry__8xBb 500ms ease-out both;
}

.PitchesVertical_pitchText__hpzn {
    position: relative;
    grid-row: 2;
    grid-column: 2;
    display: flex;
    flex-direction: column;
    -webkit-animation: PitchesVertical_valueprop-exit__4hW9 500ms ease-out both;
            animation: PitchesVertical_valueprop-exit__4hW9 500ms ease-out both;
}

.PitchesVertical_pitchText__hpzn h3 {
        margin-top: 0;
        white-space: nowrap;
    }

.PitchesVertical_pitchText__hpzn p {
        line-height: 1.6;
        margin-top: 1em;
    }

.PitchesVertical_pitchTextActive__ty5T {
    -webkit-animation: PitchesVertical_valueprop-entry__8xBb 500ms ease-out both;
            animation: PitchesVertical_valueprop-entry__8xBb 500ms ease-out both;
}

@-webkit-keyframes PitchesVertical_valueprop-exit__4hW9 {
    100% {
        -webkit-transform: translateY(-67%);
                transform: translateY(-67%);
        opacity: 0;
        -webkit-filter: blur(5px);
                filter: blur(5px);
    }
}

@keyframes PitchesVertical_valueprop-exit__4hW9 {
    100% {
        -webkit-transform: translateY(-67%);
                transform: translateY(-67%);
        opacity: 0;
        -webkit-filter: blur(5px);
                filter: blur(5px);
    }
}

@-webkit-keyframes PitchesVertical_valueprop-entry__8xBb {
    0% {
        -webkit-filter: blur(5px);
                filter: blur(5px);
        -webkit-transform: translateY(67%);
                transform: translateY(67%);
        opacity: 0;
    }
}

@keyframes PitchesVertical_valueprop-entry__8xBb {
    0% {
        -webkit-filter: blur(5px);
                filter: blur(5px);
        -webkit-transform: translateY(67%);
                transform: translateY(67%);
        opacity: 0;
    }
}

@-webkit-keyframes PitchesVertical_valueprop-image__1hIs {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
    }
}

@keyframes PitchesVertical_valueprop-image__1hIs {
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
    }
}