.s4D {
    align-items: center;
    background: var(--imageBackgroundColor);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    text-align: center;
    z-index: 10000
}

body>div>.s4D {
    inset: 0;
    height: 100%;
    margin: auto;
    position: fixed;
    z-index: var(--zIndexNeg)
}

.hVX {
    height: 170px;
    position: relative;
    width: 170px
}

.quB {
    background: url(https://cdn2.bustle.com/2022/scarymommy/chrome-ed2867e1a6.svg);
    background-color: var(--slot1);
    background-size: 100% 100%;
    border: 3px solid;
    border-radius: 50%;
    height: 100%;
    animation: vWL 4s linear infinite
}

.MNR {
    color: var(--slot4);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 3.5rem;
    left: -2.25rem;
    position: absolute;
    text-shadow: calc(var(--italicStroke) * -1) calc(var(--italicStroke) * -1) 0 var(--slot3), var(--italicStroke) calc(var(--italicStroke) * -1) 0 var(--slot3), calc(var(--italicStroke) * -1) var(--italicStroke) 0 var(--slot3), var(--italicStroke) var(--italicStroke) 0 var(--slot3);
    top: -1.25rem;
    transform: rotate(-18deg)
}

@media (min-width: 1025px) {
    .hVX {
        height: 300px;
        width: 300px
    }

    .MNR {
        font-size: 6rem
    }
}

@keyframes vWL {
    0% {
        transform: rotate(1deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.V8B {
    position: relative
}

.CAk {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none
}

.CAk:focus {
    outline: none
}

.zwx {
    position: fixed;
    inset: 0 0 100%;
    opacity: 0;
    transition: opacity .25s, bottom 0s ease .25s;
    pointer-events: none
}

.ecP:checked~.zwx {
    transition: opacity .25s, bottom 0s;
    opacity: .7;
    bottom: 0;
    pointer-events: all
}

.qUu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--headerHeight);
    pointer-events: none;
    z-index: var(--zIndexNav)
}

.pGs {
    position: fixed
}

.zUh {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: var(--maxContainerWidth);
    padding: .75rem var(--pageGutter);
    position: relative;
    width: 100%
}

.zYo {
    margin: -.5rem -.75rem;
    width: 150px
}

.m4L .O3D {
    opacity: 0;
    transition: opacity var(--transitionHover)
}

.O3D {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 62.5%;
    pointer-events: auto;
    z-index: var(--zIndexContent)
}

.Pok {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    fill: var(--metaColor);
    pointer-events: none
}

.xxh {
    transition: fill var(--transitionHover)
}

.gQC {
    position: relative;
    color: var(--metaColor);
    width: 68px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    z-index: 1
}

.gQC span {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1rem;
    line-height: .8;
    text-transform: uppercase;
    transform: rotate(-5deg);
    margin-top: .2em
}

.gQC button {
    inset: 0;
    margin: auto;
    position: absolute;
    transition: color var(--transitionHover);
    z-index: -1
}

.IgQ {
    pointer-events: none
}

.IgQ .O3D {
    opacity: 1
}

.Pok path {
    fill: var(--metaColor);
    transition: fill .2s
}

.Pok path:first-child {
    fill: transparent;
    transition: fill .1s
}

.IgQ .Pok path {
    fill: var(--slot2)
}

.IgQ .Pok path:first-child {
    fill: var(--slot6)
}

.IgQ .gQC {
    background: var(--slot2);
    color: var(--slot6)
}

@media (min-width: 768px) {
    .zYo {
        margin: -.75rem;
        width: 210px
    }

    .gQC {
        border: 3px solid;
        width: 90px;
        height: 53px
    }

    .gQC span {
        font-size: 1.25rem
    }
}

@media (min-width: 1024px) {
    .zYo {
        width: 210px
    }

    .zUh {
        padding-bottom: 0;
        padding-top: 2rem
    }

    .gQC {
        border: 4px solid;
        width: 112px;
        height: 66px
    }

    .gQC span {
        font-size: 1.625rem
    }
}

.h5X {
    color: var(--slot6);
    width: 100%;
    margin: 0 auto 40px;
    padding: 0 var(--pageGutter);
    position: relative
}

.h5X:before {
    bottom: .5rem;
    content: "";
    display: block;
    height: 22px;
    width: 22px;
    margin: auto 0;
    background: currentColor;
    -webkit-mask-image: url(/fonts/search.svg);
    mask-image: url(/fonts/search.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    pointer-events: none;
    position: absolute;
    right: var(--pageGutter)
}

.oKn {
    font-family: var(--fontFamilyBodySerif);
    font-size: .875rem;
    margin: 0 auto .25rem
}

.X0g {
    background: var(--dottedBorderBottom);
    border: none;
    color: currentColor;
    display: block;
    font-family: var(--fontFamilyHeading);
    font-size: 1.75rem;
    line-height: 1;
    margin: auto;
    padding: 0 40px .5rem 0;
    width: 100%;
    appearance: none
}

.X0g::placeholder {
    color: currentColor;
    opacity: .5
}

.zaF.h5X {
    color: var(--slot1);
    height: 100%;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter);
    margin: 0 0 0 auto;
    border: none;
    display: flex;
    align-items: flex-end
}

.zaF:before {
    left: var(--pageGutter);
    bottom: .5rem
}

.zaF .oKn {
    display: none
}

.zaF .X0g {
    font-size: 1.5rem;
    width: 100%;
    padding: 0 0 .5rem 2.5rem;
    margin: 0
}

.X0g::-ms-clear,
.X0g::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.X0g::-webkit-search-decoration,
.X0g::-webkit-search-cancel-button,
.X0g::-webkit-search-results-button,
.X0g::-webkit-search-results-decoration {
    display: none
}

.X0g:focus {
    outline: none
}

@media (min-width: 768px) {
    .h5X {
        margin-bottom: 60px
    }

    .h5X:before {
        height: 30px;
        width: 30px
    }

    .oKn {
        font-size: 1.25rem;
        margin-bottom: 0
    }

    .X0g {
        font-size: 3.125rem;
        padding-top: .75rem
    }

    .zaF .X0g {
        font-size: 1.75rem;
        padding-bottom: .4rem
    }
}

@media (min-width: 1025px) {
    .h5X {
        margin-bottom: 80px
    }

    .X0g {
        font-size: 5rem;
        padding-top: 1.25rem
    }

    .oKn {
        font-size: 1.25rem
    }
}

.LJT {
    -webkit-mask-image: url(/fonts/facebook.svg);
    mask-image: url(/fonts/facebook.svg)
}

.Z1V {
    -webkit-mask-image: url(/fonts/x.svg);
    mask-image: url(/fonts/x.svg)
}

.e15 {
    -webkit-mask-image: url(/fonts/instagram.svg);
    mask-image: url(/fonts/instagram.svg)
}

.bj3 {
    -webkit-mask-image: url(/fonts/youtube.svg);
    mask-image: url(/fonts/youtube.svg)
}

.Jqo {
    position: relative;
    z-index: var(--zIndexNav)
}

.zaM {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    inset: 0 -100% 0 100%;
    transform: translateZ(0);
    opacity: 0;
    transition: transform .25s, opacity 0s ease .25s;
    color: var(--slot1);
    background: var(--slot2);
    overflow: auto
}

.K8W {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100%
}

.hwI {
    column-gap: var(--pageGutter);
    display: flex;
    justify-content: space-between;
    padding: .75rem var(--pageGutter) 0
}

.n7w {
    display: none
}

.wJ6:checked~.zaM {
    transform: translate3d(-100%, 0, 0);
    opacity: 1;
    transition: transform .25s, opacity 0s
}

.sIQ {
    width: 183px;
    pointer-events: auto;
    z-index: var(--zIndexContent)
}

.Iul {
    height: 100%;
    width: 100%;
    pointer-events: none;
    fill: var(--slot1)
}

.KjX {
    column-gap: 1rem;
    display: flex
}

.wVE {
    align-items: center;
    border: 3px solid;
    border-radius: 50%;
    color: var(--slot1);
    cursor: pointer;
    display: flex;
    justify-content: center;
    height: 40px;
    pointer-events: auto;
    position: relative;
    width: 68px;
    z-index: var(--zIndexContent)
}

.wVE span {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1rem;
    line-height: .8;
    text-transform: uppercase;
    transform: rotate(-5deg);
    margin-top: .2em
}

.eAo {
    flex: 1;
    padding: .5rem var(--pageGutter) 1.875rem;
    position: relative
}

.fdE {
    background: var(--dottedBorderBottom);
    font-family: var(--fontFamilyHeading);
    font-size: 1.875rem;
    line-height: 1;
    margin: 1.25rem 0 0;
    padding-bottom: 1.25rem;
    position: relative
}

.fdE:focus,
.hkL:focus {
    outline: none
}

.jEZ {
    align-items: center;
    column-gap: 1rem;
    display: flex;
    text-transform: capitalize
}

.ljw {
    height: 65px;
    width: 65px;
    background-size: contain
}
/*
.fdE:nth-of-type(1) .ljw {
    background-image: url(https://cdn2.bustle.com/2022/scarymommy/trying-53572f1d67.png)
}

.fdE:nth-of-type(2) .ljw {
    background-image: url(https://cdn2.bustle.com/2022/scarymommy/pregnancy-1f8ba55a45.png)
}

.fdE:nth-of-type(3) .ljw {
    background-image: url(https://cdn2.bustle.com/2022/scarymommy/parenting-850c7f5572.png)
}

.fdE:nth-of-type(4) .ljw {
    background-image: url(https://cdn2.bustle.com/2022/scarymommy/yourlife-f6abd298e3.png)
}

.fdE:nth-of-type(5) .ljw {
    background-image: url(https://cdn2.bustle.com/2022/scarymommy/family-4f83332eb6.png)
}

.fdE:nth-of-type(6) .ljw {
    background-image: url(https://cdn2.bustle.com/2022/scarymommy/video-d4d9061d20.png)
}*/

.hkL,
.nfm {
    height: 2.25rem;
    width: 2.25rem;
    background: transparent;
    margin: 0;
    appearance: none;
    border: none;
    cursor: pointer;
    position: absolute;
    right: -.5rem;
    top: 1rem
}

.nfm {
    display: none
}

.hkL:checked+.jEZ .nfm {
    display: block
}

.hkL {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem
}

.hkL:after {
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .75rem solid var(--slot1);
    content: "";
    height: 0;
    transition: transform .15s;
    width: 0
}

.hkL:checked:after {
    transform: rotate(180deg)
}

.qSW {
    display: none;
    flex-direction: column;
    font-size: 1rem;
    text-transform: capitalize
}

.hkL:checked~.qSW {
    display: flex
}

.qSW a {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1.125rem;
    letter-spacing: .01em;
    padding-top: 1.5rem;
    text-decoration: none
}

.SVI {
    display: flex;
    justify-content: space-between;
    margin: 0 var(--pageGutter) 2.5rem
}

.aqm {
    border: 1px solid var(--slot1);
    border-radius: 50%;
    height: 30px;
    flex: none;
    width: 30px;
    vertical-align: middle
}

.kSy {
    background: var(--slot1);
    -webkit-mask-size: auto 55%;
    mask-size: auto 55%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    display: inline-block;
    height: 100%;
    width: 100%
}

.iX3 {
    display: grid;
    font-family: var(--fontFamilyHeading);
    font-size: .8rem;
    gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
    margin: 0 0 0 var(--pageGutter);
    text-transform: uppercase;
    width: 50%
}

.EN6 {
    padding: 1.875rem var(--pageGutter)
}

/*.fNG {
    background-image: url(https://cdn2.bustle.com/2022/scarymommy/bdg_logo-5b8d284446.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: none;
    height: 32px;
    margin: 0 0 .5rem;
    width: 72px
}
*/
.urt {
    font-family: var(--fontFamilyHeading);
    font-size: .5rem;
    line-height: 1
}

.wYL:checked~.zaM .sIQ,
.wYL:checked~.zaM .KjX {
    opacity: 0;
    pointer-events: none
}

.wYL:checked~.zaM .hbV,
.wYL:checked~.zaM .gpr {
    transition: opacity .5s;
    opacity: 1;
    pointer-events: all
}

.hbV,
.gpr {
    position: absolute;
    top: .75rem;
    opacity: 0;
    pointer-events: none;
    transform: translateZ(0)
}

.hbV {
    left: 0;
    width: 100%
}

.gpr {
    cursor: pointer;
    color: var(--slot1);
    height: 2rem;
    width: 40px;
    line-height: var(--headerHeight);
    right: var(--pageGutter);
    text-align: center
}

.gpr:after,
.gpr:before {
    background: var(--slot1);
    content: "";
    height: 30%;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 2px
}

.gpr:before {
    transform: rotate(45deg)
}

.gpr:after {
    transform: rotate(-45deg)
}

@media (min-width: 768px) {
    .wVE {
        border: 3px solid;
        width: 90px;
        height: 53px
    }

    .wVE span {
        font-size: 1.25rem
    }
}

@media (min-width: 1024px) {
    .K8W {
        align-items: baseline;
        column-gap: var(--pageGutter);
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;
        max-width: var(--maxContainerWidth)
    }

    .hwI {
        padding-top: 2rem
    }

    .wVE {
        border: 4px solid;
        width: 112px;
        height: 66px
    }

    .wVE span {
        font-size: 1.625rem
    }

    .hwI,
    .eAo {
        flex: 0 0 100%
    }

    .fdE {
        font-size: 3rem
    }

    .jEZ {
        column-gap: 1.5rem
    }

    .hkL:after {
        border-left: .75rem solid transparent;
        border-right: .75rem solid transparent;
        border-top: 1rem solid var(--slot1);
        content: "";
        height: 0;
        transition: transform .15s;
        width: 0
    }

    .qSW {
        column-gap: 4rem;
        flex-direction: row;
        font-size: 1.5rem
    }

    .SVI {
        column-gap: .5rem;
        margin-right: 0
    }

    .iX3 {
        display: flex;
        flex: 1;
        justify-content: space-between;
        margin: 0
    }

    .EN6 {
        padding: 0 var(--pageGutter) 0 0
    }

    .hbV,
    .gpr {
        top: 2rem
    }
}

@media (min-width: 1025px) {
    .hkL {
        pointer-events: none
    }

    .qSW {
        height: 0;
        transition: height var(--transitionHover)
    }

    .fdE:hover>.qSW {
        display: flex;
        height: auto
    }

    .fdE:hover>.hkL:after {
        transform: rotate(180deg)
    }

    .jEZ a:hover {
        text-decoration: underline
    }
}

.vmZ {
    min-width: 1px;
    min-height: 1px
}

.EdX {
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .3s
}

.ap2 {
    position: relative;
    width: 100%
}

.ap2 .EdX {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.dSy {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.vB9 {
    background: rgba(225, 225, 225, .25)
}

.vB9 .EdX {
    opacity: 0
}

.EdX video::-webkit-media-controls-enclosure {
    display: none
}

.zzk {
    min-width: 1px;
    min-height: 1px;
    overflow-x: hidden;
    position: relative;
    text-align: center;
    z-index: 0
}

.APH {
    overflow-y: hidden
}

.pCo,
.pCo>div,
.pCo>div>div {
    width: 100%;
    margin: auto;
    max-width: 100vw;
    text-align: center;
    overflow: visible;
    z-index: 300
}

.GQx [id^=google_ads_iframe] {
    height: 0
}

.JUn,
.LWq,
.HuM {
    height: 1px
}

.HuM>div {
    overflow: hidden
}

#oopAdWrapper:not(:empty),
#oopAdWrapper:empty+div {
    min-height: var(--minAdHeight);
    margin-bottom: var(--minAdSpacing)
}

.vxR {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: calc(100vw - 20px);
    z-index: 1000;
    max-width: 300px;
    min-width: 1px;
    min-height: 1px;
    opacity: 0;
    overflow: hidden;
    max-height: 1px
}

.y26.vxR {
    max-height: 700px;
    opacity: 1;
    overflow: visible;
    animation: MSM .3s ease-out
}

.g-F {
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 1002;
    width: 25px;
    height: 25px;
    background: white;
    border-radius: 50%;
    font-weight: 600;
    font-size: .8rem;
    box-shadow: 1px 1px 3px #00000026;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(1);
    transition: transform .1s ease
}

.g-F:hover {
    transform: scale(1.05)
}

@keyframes MSM {
    0% {
        transform: translateY(40px) scale(.4);
        opacity: 0
    }

    to {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

@media (min-width: 768px) {
    .vxR {
        max-width: 380px
    }
}

@font-face {
    font-family: Bookmania;
    font-display: swap;
    src: url(/fonts/BookmaniaRegular-31d9cc8cc3.woff2) format("woff2")
}

@font-face {
    font-family: Bookmania;
    font-display: swap;
    font-style: italic;
    src: url(/fonts/BookmaniaRegularItalic-bc012a6213.woff2) format("woff2")
}

@font-face {
    font-family: Bookmania;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/BookmaniaBold-489ae3950e.woff2) format("woff2")
}

@font-face {
    font-family: Right Grotesk;
    font-display: swap;
    src: url(/fonts/PPRightGrotesk-Medium-52c2ea2964.woff2) format("woff2")
}

/*@font-face {
    font-family: Right Grotesk;
    font-weight: 700;
    font-display: swap;
    src: url(/fontsPPRightGrotesk-CompactBlack-6b7621037d.woff2) format("woff2")
}

@font-face {
    font-family: Right Grotesk Text;
    font-display: swap;
    src: url(/fonts/PPRightGroteskText-CompactMedium-d41cf5e36d.woff2) format("woff2")
}*/
/*
@font-face {
    font-family: House Movement;
    font-display: swap;
    src: url(/fonts/HouseMvmt-Sign-1413490417.woff2) format("woff2")
}*/

::selection {
    background: #00a562;
    color: white;
}

*,
*:before,
*:after {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    font-size: var(--fontSizeRoot);
    line-height: var(--lineHeightStandard);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}


a {
    color: var(--text-colors);
    background: transparent;
    cursor: pointer;
    text-decoration: none;
    word-wrap: break-word
}


p,
blockquote {
    margin: 32px 0
}

button {
    border: none
}

cite {
    font-style: normal
}

img {
    max-width: 100%;
    border: 0;
    backface-visibility: hidden;
    transform: translateZ(0)
}

iframe {
    border: 0
}

::placeholder {
    color: #ccc
}

.UdU {
    display: flex;
    padding: var(--minAdSpacing) 0
}

.UdU:before {
    display: block;
    width: 100%;
    height: var(--minAdSpacing);
    position: absolute;
    top: 0;
    color: var(--slot1);
    content: "ADVERTISEMENT";
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .65rem;
    letter-spacing: .2em;
    line-height: var(--minAdSpacing);
    opacity: .6;
    word-break: normal;
    text-align: center
}

.UdU>div {
    width: 100%;
    margin: auto
}

.hzA {
    min-height: var(--minAdHeightMobile)
}

@media (min-width: 1025px) {
    .hzA {
        min-height: var(--minAdHeightDesktop)
    }
}

.ne7 {
    background: var(--slot3);
    color: var(--slot4);
    display: flex;
    min-height: 100vh;
    overflow: hidden;
    padding: 0 var(--pageGutter)
}

.C57 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    max-width: var(--maxContainerWidth);
    width: 100%
}

/*.O-2 {
    background: url(https://imgix.bustle.com/uploads/image/2022/2/3/f39d58aa-1997-4013-ac83-5c2af52e5263-slice.png?w=800&h=800&fit=crop&crop=faces&auto=format%2Ccompress);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 414px;
    width: 414px;
    transform: rotate(-15deg)
}*/

.A6T {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-top: -3rem;
    padding-bottom: 5rem;
    position: relative
}

.QGg {
    color: var(--slot4);
    font-family: var(--fontFamilyHeading);
    font-size: 8rem;
    font-weight: var(--fontWeightBold);
    grid-column: 3;
    line-height: .8;
    padding: .5rem 0 0 var(--pageGutter);
    text-transform: uppercase;
    text-shadow: -14px 7px 1px var(--textShadowColor);
    word-spacing: 10000px;
    -webkit-text-stroke: .015em var(--slot3)
}

.QGg span {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 2rem;
    left: 0;
    position: absolute;
    text-shadow: calc(var(--italicStroke) * -1) calc(var(--italicStroke) * -1) 0 var(--slot3), var(--italicStroke) calc(var(--italicStroke) * -1) 0 var(--slot3), calc(var(--italicStroke) * -1) var(--italicStroke) 0 var(--slot3), var(--italicStroke) var(--italicStroke) 0 var(--slot3);
    top: .25rem;
    transform: rotate(-8deg);
    -webkit-text-stroke: 0
}

.egB {
    font-size: 1.4rem;
    margin: 1.25rem 0 1.75rem
}

.jtK {
    align-items: center;
    background: transparent;
    border: 2px solid;
    box-shadow: 10px 10px;
    color: var(--slot4);
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: 1rem;
    margin: 0 10px 10px 0;
    outline: none;
    padding: .75rem 1rem;
    text-transform: uppercase;
    z-index: var(--zIndexContent)
}

.jtK:after {
    background: var(--slot4);
    content: "";
    display: block;
    height: 19px;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 30px
}

@media (min-width: 768px) {
    .O-2 {
        height: calc(100vw - 380px);
        width: 100%
    }

    .A6T {
        flex: 0 0 380px;
        margin-top: 0;
        padding-bottom: 0
    }

    .QGg {
        font-size: 12.5rem
    }
}

@media (min-width: 1025px) {
    .C57 {
        flex-direction: row-reverse
    }

    .O-2 {
        height: 800px
    }

    .QGg {
        padding: 0
    }

    .QGg span {
        font-size: 2.75rem;
        left: -1rem
    }
}

.PQB {
    width: 1px;
    height: 1px;
    min-height: 1px
}

.XUu {
    min-width: 1px;
    min-height: 180px
}

.XUu>* {
    margin: 0 auto
}

.bwd {
    padding-top: 56.25%;
    position: relative;
    min-height: 210px
}

.TVx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._-W {
    min-height: 210px
}

.fb_iframe_widget iframe,
.fb_iframe_widget span {
    max-width: 100% !important
}

.tu9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wHQ {
    position: relative
}

.zDQ {
    min-width: 1px;
    min-height: 180px;
    margin: -10px 0
}

.zDQ>iframe {
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

.UyF {
    width: 1px;
    min-width: 100% !important
}

.BCT {
    min-height: 500px
}

.BCT:after {
    content: "";
    display: block;
    clear: both
}

.A7C {
    float: left;
    padding-bottom: 210px
}

@media (min-width: 768px) {
    .A7C {
        padding-bottom: 160px
    }
}

.jOH {
    width: 400px;
    height: 700px;
    max-width: 100%
}

.GFB {
    min-height: 300px
}

.GFB iframe {
    background: white
}

.P4c {
    min-height: 500px;
    min-width: 325px;
    max-width: 605px;
    margin: auto
}

.P4c>* {
    margin: 0 auto
}

.Muh {
    padding-top: 56.25%;
    position: relative
}

.KTw {
    padding-top: 100%;
    position: relative
}

.L3D {
    position: relative;
    padding-top: 175px
}

.uzt {
    position: relative;
    padding-top: 380px
}

.z4F {
    position: relative;
    padding-top: 228px
}

.O9g {
    position: relative;
    padding-top: 56.25%
}

.Ygb {
    padding-top: 100px;
    overflow: hidden
}

.Ygb .G6O {
    height: 300px
}

.nk0 {
    padding-top: calc(2 / 3 * 100%)
}

.r7X {
    padding-top: 210px
}

.fp8 {
    padding-top: 220px
}

.J2L {
    padding-top: 640px
}

.Usd {
    position: relative;
    overflow: hidden
}

.Mr6 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.g58 {
    position: absolute;
    inset: 0;
    overflow: hidden
}

.mkN {
    height: 30px;
    width: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -22px;
    border: 2px solid white;
    border-radius: 6px;
    box-shadow: 0 0 12px #3330;
    cursor: pointer;
    background: rgba(0, 0, 0, .3);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.mkN:before,
.mkN:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    box-shadow: 0 0 12px #33333380;
    width: 2px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.mkN:before {
    bottom: 50%;
    margin-bottom: 17px;
    box-shadow: 0 3px #fff, 0 0 12px #3330
}

.mkN:after {
    top: 50%;
    margin-top: 17px;
    box-shadow: 0 -3px #fff, 0 0 12px #3330
}

.KE2 {
    background-image: url(/fonts/arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 35px;
    height: 17px
}

._Qy {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: black;
    padding-top: 56.25%
}

._Qy>div:not(.mY6) {
    position: absolute;
    inset: 0
}

.N-H:empty {
    display: none
}

.mY6 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.h5Q {
    height: 1px;
    margin: 0 auto;
    max-width: var(--maxContainerWidth);
    width: calc(100% - var(--pageGutter) - var(--pageGutter))
}

:root {
    --slot1: #000;
    --slot2: #fff;
    --slot3: #dfe3f1;
    --slot4: #364487;
    --slot5: #dfe3d1;
    --slot6: #17256b;
    --imageBackgroundColor: rgba(225, 225, 225, .25);
    --primaryColor: var(--slot4);
    --textColor: var(--slot1);
    --metaColor: var(--slot4);
    --navColor: var(--slot4);
    --headerHeight: 80px;
    --bigLogoHeaderHeight: 115px;
    --pageGutter: 1.25rem;
    --bodyGutter: .75rem;
    --verticalCardSpacing: 3rem;
    --maxContainerWidth: 1440px;
    --maxBodyWidth: 768px;
    --maxFeatureBodyWidth: 768px;
    --maxFeatureContentWidth: 1252px;
    --viewportHeight: 100vh;
    --minAdSpacing: 2rem;
    --minAdHeightMobile: calc(var(--minAdSpacing) * 2 + 100px);
    --minAdHeightDesktop: calc(var(--minAdSpacing) * 2 + 150px);
    --mobiledocSpacing: 1.5rem;
    --controlSpacing: 1.25rem;
    --italicStroke: .05em;
    --dottedBorderTop: linear-gradient(to right, currentColor 10%, rgba(255, 255, 255, 0) 0%) top right/8px 1px repeat-x;
    --dottedBorderBottom: linear-gradient(to right, currentColor 10%, rgba(255, 255, 255, 0) 0%) bottom right/8px 1px repeat-x;
    --dottedBorderRight: linear-gradient(currentColor 10%, rgba(255, 255, 255, 0) 0%) top right/1px 8px repeat-y;
    --dottedBorderLeft: linear-gradient(currentColor 10%, rgba(255, 255, 255, 0) 0%) top left/1px 8px repeat-y;
    --dottedBorder: var(--dottedBorderTop), var(--dottedBorderBottom), var(--dottedBorderRight), var(--dottedBorderLeft);
    --fontFamilyHeading: "Right Grotesk", sans-serif;
    --fontFamilyHeadingStyled: "House Movement", sans-serif;
    --fontFamilyBodySerif: "Bookmania", serif;
    --fontFamilyBodySansSerif: "Right Grotesk Text", sans-serif;
    --fontSizeRoot: 16px;
    --lineHeightStandard: 1.3;
    --fontWeightLight: 300;
    --fontWeightRegular: 400;
    --fontWeightBold: 700;
    --transitionHover: .2s;
    --easeOutQuart: cubic-bezier(.25, .46, .45, .94);
    --zIndexNeg: -1;
    --zIndexBackground: 0;
    --zIndexContent: 100;
    --zIndexOverContent: 200;
    --zIndexFloatAd: 300;
    --zIndexPopUp: 400;
    --zIndexFloating: 500;
    --zIndexNav: 600;
    --zIndexOverlay: 700
}

@media (min-width: 768px) {
    :root {
        --headerHeight: 102px;
        --italicStroke: .03em
    }
}

@media (min-width: 1024px) {
    :root {
        --minAdSpacing: 3rem;
        --bodyGutter: 5rem;
        --pageGutter: 3.75rem;
        --verticalCardSpacing: 3.75rem;
        --headerHeight: 160px;
        --bigLogoHeaderHeight: 264px;
        --controlSpacing: 2.5rem
    }
}

.sWr {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.jWY {
    height: 100vh;
    background-color: var(--cardBackgroundColor)
}

.asF {
    height: 100%;
    max-height: none;
    background-color: var(--cardBackgroundColor)
}

.btA {
    background: var(--slot7)
}

.iGR {
    height: auto;
    min-height: 0
}

.L7S {
    opacity: 0
}

.TGq {
    opacity: 0;
    will-change: transform;
    animation: aBP .2s var(--easeOutQuart) .1s forwards
}

@keyframes aBP {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.Rfb {
    min-width: 1px;
    min-height: 1px;
    position: relative
}

.kOK {
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .4s;
    object-fit: cover
}

.sMW {
    position: relative;
    width: 100%
}

.U-k {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.NUO {
    background: rgba(225, 225, 225, .25)
}

.bBZ {
    opacity: 0
}

.CG- {
    position: relative
}

.M_P {
    cursor: pointer;
    width: 48px;
    height: 48px;
    pointer-events: all
}

.M_P:after,
.gv3:before {
    display: block;
    content: " ";
    margin: auto
}

.gv3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity .25s ease-in;
    z-index: 1
}

.Kpt {
    opacity: 0
}

.gv3:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.KAj {
    filter: brightness(.85)
}

.JHj {
    align-self: end;
    justify-self: end
}

.LJm {
    position: relative
}

.LJm:before,
.LJm:after {
    position: absolute;
    background: currentColor
}

.LJm:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-mask-image: url(https://cdn2.bustle.com/2022/scarymommy/circle-cc569210c4.svg);
    mask-image: url(https://cdn2.bustle.com/2022/scarymommy/circle-cc569210c4.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.LJm:after {
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask-image: url(https://cdn2.bustle.com/2022/scarymommy/audio-58f66c2fdf.svg);
    mask-image: url(https://cdn2.bustle.com/2022/scarymommy/audio-58f66c2fdf.svg)
}

.nKF:after {
    -webkit-mask-image: url(https://cdn2.bustle.com/2022/scarymommy/muted-931464476f.svg);
    mask-image: url(https://cdn2.bustle.com/2022/scarymommy/muted-931464476f.svg)
}

.pxF {
    position: relative;
    min-width: 1px;
    min-height: 1px
}

.N4z {
    display: block;
    transition: opacity .2s linear;
    width: 100%;
    height: 100%
}

.j-j {
    background: rgba(225, 225, 225, .25)
}

.j-j .N4z {
    opacity: 0
}

.N4z::-webkit-media-controls-enclosure {
    display: none
}

.mvL .N4z {
    position: absolute;
    top: 0;
    left: 0
}

.YOh:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, var(--gradientHalfOpacity), var(--gradientTransparent) 60%);
    z-index: 1;
    pointer-events: none
}

.JOT {
    min-height: 1rem;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .75rem;
    line-height: 1.2;
    letter-spacing: .02em;
    color: inherit
}

.KS5 {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-end
}

.Izs,
.cWT,
.c3b {
    margin: 0 .25rem 0 0;
    white-space: nowrap
}

.KS5 .PWd {
    margin: auto 0
}

@media (min-width: 768px) {
    .Fsv .KS5 {
        flex-direction: column;
        align-items: flex-end
    }

    .Fsv .Izs,
    .Fsv .cWT,
    .Fsv .c3b {
        margin: 0 0 .25rem
    }
}

.wVh {
    align-items: center;
    background: transparent;
    border: 2px solid;
    box-shadow: 10px 10px;
    color: var(--slot6);
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    font-family: var(--fontFamilyBodySansSerif);
    font-weight: var(--fontWeightBold);
    font-size: 1.25rem;
    margin: 0 calc(10px + var(--pageGutter)) 10px;
    max-width: 400px;
    outline: none;
    padding: .75rem 1rem;
    z-index: var(--zIndexContent)
}

.wVh:after {
    background: var(--slot4);
    content: "";
    display: block;
    height: 19px;
    flex: 0 0 30px;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 30px
}

.yKY {
    font-family: var(--fontFamilyBodySerif);
    font-size: .65rem;
    font-weight: var(--fontWeightRegular);
    position: absolute;
    top: 0
}

@media (min-width: 1440px) {
    .Ixw {
        align-items: flex-end;
        flex-direction: column;
        font-size: 1.5rem;
        position: absolute;
        top: 2rem;
        width: 225px
    }

    .Ixw:after {
        width: 45px
    }
}

.cCV {
    padding: 0
}

.FRZ {
    background: var(--slot3);
    color: var(--slot1);
    padding-bottom: 2rem;
    width: 100%
}

.rxg {
    background: var(--dottedBorderBottom);
    display: grid;
    grid-template-columns: .75fr 1fr;
    margin: 0 auto;
    max-width: var(--maxContainerWidth);
    padding: calc(var(--headerHeight) + 3rem) var(--pageGutter) 2rem
}

.hYc {
    color: var(--slot4);
    font-family: var(--fontFamilyHeading);
    font-size: 4rem;
    font-weight: var(--fontWeightBold);
    grid-column: 1 / -1;
    line-height: .8;
    margin: 0 0 1.25rem;
    position: relative;
    text-transform: uppercase;
    text-shadow: -5px 4px 1px var(--textShadowColor);
    -webkit-text-stroke: .015em var(--slot3)
}

.LIK {
    align-self: flex-start;
    grid-column: 2
}

.Zo5 {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: 1rem;
    grid-column: 1 / -1;
    line-height: 1.2;
    margin-bottom: 1.85rem
}

.Zo5 p {
    margin: .5rem 0 1rem
}

.uul {
    display: flex;
    grid-column: 1 / -1;
    margin-bottom: 1.5rem;
    position: relative
}

.AJQ {
    height: 2.5rem;
    width: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    outline: none;
    color: inherit;
    margin: 0 .75rem 0 0
}

.AJQ:last-child {
    margin-right: unset
}

.AJQ svg {
    display: inline-block;
    margin: 0;
    vertical-align: text-top;
    height: 23px;
    fill: currentColor
}

.um0 svg {
    margin-left: -2px;
    width: 15px
}

.c9H svg {
    width: 24px
}

.tR3 svg {
    height: 20px;
    width: 20px
}

.KNo svg {
    height: 20px;
    width: 20px
}

@media (min-width: 768px) {
    .hYc {
        font-size: 6.5rem
    }

    .Zo5 {
        font-size: 1.125rem
    }
}

@media (min-width: 1024px) {
    .rxg {
        column-gap: var(--pageGutter);
        grid-template-columns: 1fr 400px
    }

    .uul,
    .hYc,
    .Zo5 {
        grid-column: 1
    }

    .Zo5 {
        max-width: 70%
    }

    .LIK {
        grid-row: 1 / 4
    }

    .LIK:before {
        background: var(--dottedBorderLeft);
        bottom: -2rem;
        content: "";
        left: -2rem;
        position: absolute;
        top: 0;
        width: 1px
    }
}

.bwv {
    display: none
}

.QNb {
    position: relative
}

.kMc {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.C1C {
    display: grid;
    grid-template-rows: 1fr 2.5rem repeat(2, auto);
    grid-template-columns: repeat(2, 1fr);
    height: calc(100% - var(--headerHeight));
    width: 100%;
    max-width: var(--maxContainerWidth);
    margin: 0 auto;
    position: relative
}

.fzk,
.ZXG,
.LOc {
    grid-row: 1;
    grid-column: 1 / -1;
    position: relative
}

.fzk {
    overflow: hidden
}

.Kjj {
    object-fit: contain
}

.LOc {
    cursor: pointer
}

.ZXG {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--slot1);
    padding: 0 var(--pageGutter);
    position: relative;
    opacity: 0;
    z-index: 1
}

.ZXG:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--slot3);
    opacity: .9;
    z-index: -1
}

.TWY .ZXG {
    opacity: 1
}

.ZXG a {
    color: inherit;
    text-decoration: underline
}

.M4S {
    padding-top: 1.25rem;
    background: var(--dottedBorderTop)
}

.ZXG .M4S * {
    margin: 0 0 1rem
}

.M4S p,
.qEA {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: .01em
}

.M4S h2 {
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightRegular);
    font-size: 1.125rem;
    line-height: 1.1
}

.Xfx {
    grid-column: 1;
    grid-row: 4;
    justify-self: start;
    color: var(--slot6);
    margin-left: var(--pageGutter);
    padding: 0;
    opacity: 0;
    pointer-events: none
}

.Xfx.feo {
    opacity: 1;
    pointer-events: all
}

.ikQ {
    background: transparent;
    border: none;
    cursor: pointer
}

.ikQ:active,
.ikQ:focus {
    outline: none
}

.Od1 {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1.25rem;
    line-height: 1.3
}

.Od1:after {
    content: " +"
}

.TWY .Od1:after {
    content: " \2014"
}

.olh {
    grid-column: 2;
    grid-row: 3;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 2rem;
    line-height: .9;
    letter-spacing: .05em;
    text-shadow: 2px 2px 0 rgba(34, 34, 34, .1);
    justify-self: end;
    margin-right: var(--pageGutter)
}

.xCo {
    grid-column: 2;
    grid-row: 4;
    display: flex;
    justify-content: flex-end
}

._sC {
    height: 3.5rem;
    width: 2.5rem;
    background: var(--slot1);
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 90% 90%;
    mask-size: 90% 90%;
    border: none;
    cursor: pointer;
    z-index: var(--zIndexOverContent);
    margin-right: 1rem
}

._sC:focus {
    outline: none
}

.VkL {
    transform: rotate(180deg)
}

@media (min-width: 768px) {

    .M4S p,
    .qEA {
        font-size: 1rem;
        max-width: 50%
    }

    .M4S h2 {
        font-size: 1.25rem;
        max-width: 50%
    }

    .Od1 {
        font-size: 1.5rem
    }
}

@media (min-width: 1024px) {
    .C1C {
        height: 100%;
        margin-top: calc(var(--headerHeight) * -1);
        grid-template-rows: 1fr auto 1.5rem;
        grid-template-columns: 1fr 2fr 1fr
    }

    .fzk,
    .LOc {
        grid-row: 1 / -1;
        grid-column: 2
    }

    .ZXG {
        grid-row: 1 / -2;
        grid-column: 1;
        align-self: end;
        opacity: 1;
        color: var(--slot6);
        padding: 0 1.25rem
    }

    .M4S p,
    .qEA,
    .M4S h2 {
        max-width: unset
    }

    .Xfx {
        display: none
    }

    .xCo,
    .olh {
        grid-row: 2;
        grid-column: 3;
        margin: 0 1.25rem
    }

    ._sC {
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        margin: 0
    }

    .xCo {
        justify-content: space-between
    }

    .olh {
        align-self: center;
        justify-self: center;
        font-size: 2.5rem;
        text-shadow: 4px 4px 0 rgba(34, 34, 34, .1)
    }
}

@media (min-width: 1440px) {
    .C1C {
        grid-template-columns: 1fr 3fr 1fr
    }

    .ZXG {
        padding-left: var(--pageGutter)
    }

    .xCo,
    .olh {
        padding-right: var(--pageGutter)
    }
}

.GLK {
    position: fixed;
    inset: 0;
    background: var(--slot3);
    color: var(--slot6);
    z-index: var(--zIndexNav);
    display: none
}

.ION:checked~.GLK {
    display: block
}

.kpP {
    position: relative;
    width: 100%;
    max-width: var(--maxContainerWidth);
    height: var(--headerHeight);
    display: flex;
    justify-content: space-between;
    padding: .75rem var(--pageGutter);
    margin: 0 auto
}

.wiO {
    width: 100px
}

.MNV {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    pointer-events: auto;
    z-index: var(--zIndexContent)
}

.x0J {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    fill: var(--slot6);
    pointer-events: none
}

.St5 {
    position: relative;
    width: 68px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    z-index: var(--zIndexNav)
}

.St5:after {
    content: "CLOSE";
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1rem;
    line-height: .8;
    text-transform: uppercase;
    transform: rotate(-5deg);
    margin-top: .2em
}

@media (min-width: 768px) {
    .wiO {
        width: 140px
    }

    .St5 {
        width: 90px;
        height: 53px
    }

    .St5:after {
        font-size: 1.25rem
    }
}

@media (min-width: 1024px) {
    .wiO {
        width: 183px;
        margin: 2px
    }

    .kpP {
        padding-bottom: 0;
        padding-top: 2rem
    }

    .St5 {
        width: 112px;
        height: 66px;
        border: 4px solid
    }

    .St5:after {
        font-size: 1.625rem
    }
}

.FaY {
    align-items: flex-end;
    column-gap: .75rem;
    display: flex;
    flex-wrap: wrap;
    grid-column: main;
    margin: 0 auto 1.25rem;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter);
    position: relative;
    z-index: var(--zIndexContent);
    color: var(--slot8)
}

.DLx {
    align-items: flex-end;
    column-gap: .75rem;
    display: flex;
    width: 100%
}

.fvd .DLx {
    align-items: flex-start;
    flex-direction: column
}

.oCA {
    font-family: var(--fontFamilyHeading);
    font-size: 2.5rem;
    line-height: .8
}

.oCA p {
    display: inline;
    position: relative
}

.oCA h2 {
    font-weight: var(--fontWeightRegular);
    line-height: 1.2;
    margin: 0
}

.FaY .oCA p {
    margin: 0;
    position: relative
}

.v5j {
    flex: 0 0 50px;
    width: 50px
}

.zlM {
    flex: 0 0 100%
}

.hj0 {
    align-items: center;
    border: 2px solid;
    box-shadow: .4em .25em;
    color: var(--slot6);
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    flex: 0 0 105px;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: .875rem;
    margin: 0 .4em .25em auto;
    padding: .5rem .75rem
}

.hj0:after {
    background: currentColor;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: .2em;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem
}

.TCz {
    background: var(--slot2);
    color: var(--slot14);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    margin-left: calc(var(--pageGutter) * -1);
    margin-bottom: 2.25rem;
    padding: 1rem 0;
    width: calc(100vw + var(--pageGutter) + var(--pageGutter));
    z-index: var(--zIndexBackground)
}

.TCz.aaN {
    position: absolute;
    transform: rotate(-5deg) translate(-3rem);
    transform-origin: top right;
    top: 0;
    width: calc(100% + 6rem);
    z-index: var(--zIndexContent)
}

.fvd .oCA {
    font-family: var(--fontFamilyBodySerif);
    font-size: 2rem;
    line-height: 1;
    margin-top: 1.25rem
}

.fvd .v5j {
    flex: 0 0 90px;
    margin: 0 .25rem;
    padding: 0;
    width: 90px
}

.TCz .oCA {
    display: inline;
    white-space: nowrap
}

@media (min-width: 768px) {
    .TCz {
        margin-bottom: 4.5rem
    }
}

@media (min-width: 1024px) {
    .TCz {
        margin-bottom: 0;
        transform: translate(-2rem);
        width: calc(100% + (var(--pageGutter) * 6))
    }

    .TCz.aaN {
        transform: rotate(5deg) translate(-10rem, 2rem);
        transform-origin: center;
        width: calc(100% + 20rem)
    }

    .TCz .oCA {
        font-size: 3rem
    }

    .oCA {
        font-size: 4.25rem
    }

    .v5j {
        flex: 0 0 75px;
        width: 75px
    }

    .fvd .v5j {
        flex: 160px;
        width: 160px
    }

    .fvd .oCA {
        max-width: 521px;
        font-size: 2.5rem
    }

    .hj0 {
        flex: 0 0 125px;
        font-size: 1.25rem
    }
}

.j2F {
    align-items: center;
    display: flex
}

.tx4,
.Ipo {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .75rem;
    line-height: 1.2;
    letter-spacing: .02em;
    color: inherit
}

.Ipo {
    margin: 0 .5rem
}

.Ne1 {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50vh;
    left: 0
}

aside.rhF {
    display: none;
    grid-column: 1;
    grid-row: 3 / span 20
}

@media (min-width: 1025px) {
    aside.rhF {
        display: block
    }
}

.vgf {
    align-items: baseline;
    column-gap: .15rem;
    display: flex;
    font-family: var(--fontFamilyBodySansSerif);
    padding: .5rem 0 0
}

.t8s {
    font-size: .65rem
}

.lAq {
    font-weight: var(--fontWeightBold);
    font-size: .75rem;
    line-height: 1.2
}

.vSA {
    font-family: var(--fontFamilyBodySerif);
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: .02em
}

.vSA a {
    color: inherit;
    text-decoration: underline
}

.uES .vSA p {
    margin: 0 0 1rem
}

.ENZ {
    position: relative
}

._-g {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .02em;
    margin-top: .5rem
}

.uES ._-g * {
    margin: 0
}

.AA0 {
    display: block;
    font-size: .5rem
}

._-g a {
    color: inherit;
    text-decoration: underline
}

._-g h2 {
    font-family: var(--fontFamilyHeading);
    font-size: .75rem;
    font-weight: inherit;
    margin: 0
}

@media (min-width: 1024px) {

    .vSA,
    ._-g h2 {
        font-size: 1rem
    }

    ._-g {
        font-size: .875rem;
        margin-top: .75rem
    }

    .AA0 {
        font-size: .75rem
    }

    .XJ- {
        transition: opacity .2s ease
    }

    .XJ-:hover {
        cursor: pointer;
        opacity: .4
    }
}

.ddr {
    padding-bottom: 2rem
}

.zEC {
    color: inherit;
    padding: 0;
    margin: 0 0 .75rem
}

.Xoa {
    color: var(--slot6);
    font-size: 1.875rem
}

.bli {
    --gridSpacing: 1rem;
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-row-gap: var(--gridSpacing);
    position: relative;
    margin-top: 1.25rem
}

.bli:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60%;
    width: 1px;
    background: var(--dottedBorderRight)
}

.IWn {
    width: 100%;
    position: relative;
    padding-top: var(--gridSpacing);
    background: var(--dottedBorderTop)
}

.IWn:nth-child(1),
.IWn:nth-child(2) {
    padding-top: 0;
    background: none
}

.IWn:nth-child(2n) {
    padding-left: var(--gridSpacing)
}

.IWn:nth-child(2n + 1) {
    padding-right: var(--gridSpacing)
}

@media (min-width: 768px) {
    .Xoa {
        font-size: 2.25rem
    }

    .bli {
        --gridSpacing: 1.5rem
    }
}

@media (min-width: 1024px) {
    .Xoa {
        font-size: 2.5rem
    }
}

.fuD {
    padding-bottom: 2rem
}

.bBR {
    color: inherit;
    padding: 0;
    margin: 0 0 .75rem
}

.uFJ {
    color: var(--slot6);
    font-size: 1.875rem
}

.YTI {
    --gridSpacing: 1rem;
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-row-gap: var(--gridSpacing);
    position: relative;
    margin-top: 1.25rem
}

.YTI:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40%;
    width: 1px;
    background: var(--dottedBorderRight)
}

.I66 {
    width: 100%;
    position: relative;
    padding-top: var(--gridSpacing);
    background: var(--dottedBorderTop)
}

.I66:nth-child(1),
.I66:nth-child(2) {
    padding-top: 0;
    background: none
}

.I66:nth-child(3n + 1) {
    padding-right: var(--gridSpacing);
    grid-column: 1
}

.I66:nth-child(3n + 2),
.I66:nth-child(3n + 3) {
    padding-left: var(--gridSpacing);
    grid-column: 2
}

.I66:nth-child(1) {
    grid-row: 1 / 3
}

.I66:nth-child(2) {
    grid-row: 1
}

.I66:nth-child(3) {
    grid-row: 2
}

.I66:nth-child(4) {
    grid-row: 3 / 5
}

.I66:nth-child(5) {
    grid-row: 3
}

.I66:nth-child(6) {
    grid-row: 4
}

.I66:nth-child(3) .CZz,
.I66:nth-child(6) .CZz {
    width: 65%
}

@media (min-width: 768px) {
    .uFJ {
        font-size: 2.25rem
    }

    .YTI {
        --gridSpacing: 1.5rem
    }
}

@media (min-width: 1024px) {
    .uFJ {
        font-size: 2.5rem
    }
}

.TuB {
    padding-bottom: 2rem
}

.ABu {
    color: inherit;
    padding: 0;
    margin: 0 0 .75rem
}

.ndb {
    color: var(--slot6);
    font-size: 1.875rem
}

.xvC {
    --gridSpacing: 1rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: var(--gridSpacing);
    position: relative;
    margin-top: 1.25rem
}

.xvC:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: var(--dottedBorderRight)
}

.Zy3 {
    width: 100%;
    position: relative;
    padding-top: var(--gridSpacing);
    background: var(--dottedBorderTop)
}

.Zy3:nth-child(1),
.Zy3:nth-child(2) {
    padding-top: 0;
    background: none
}

.Zy3:nth-child(2n) {
    padding-left: var(--gridSpacing)
}

.Zy3:nth-child(2n + 1) {
    padding-right: var(--gridSpacing)
}

@media (min-width: 768px) {
    .ndb {
        font-size: 2.25rem
    }

    .xvC {
        --gridSpacing: 1.5rem
    }
}

@media (min-width: 1024px) {
    .ndb {
        font-size: 2.5rem
    }
}

.saA {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: .05em;
    margin: 0;
    font-style: normal
}

.saA strong {
    font-family: var(--fontFamilyHeading);
    text-transform: uppercase
}

.saA a {
    color: inherit
}

@media (min-width: 1025px) {
    .saA {
        font-size: .875rem
    }
}

.gsz {
    height: 80vh;
    margin: 0 auto;
    position: relative
}

.I0j {
    height: var(--viewportHeight)
}

.gsz h1 {
    margin: 0
}

.oL7 {
    height: 100%;
    width: 100%
}

.r87 {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .875rem;
    line-height: 1.5
}

.r87 * {
    margin: 0
}

.r87 *+* {
    margin-top: 1rem
}

.Vms {
    display: block;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .02em
}

.Vms a,
.r87 a {
    color: inherit;
    text-decoration: underline
}

.QwJ {
    display: flex;
    align-items: baseline;
    margin-bottom: .75rem
}

.K_c {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: .05em;
    text-transform: uppercase
}

.rAY {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: .05em
}

.mFJ {
    display: none;
    pointer-events: none
}

@media (min-width: 1024px) {

    .r87,
    .K_c {
        font-size: 1rem
    }

    .rAY {
        font-size: .875rem
    }

    .Vms {
        font-size: .75rem
    }
}

.cUF {
    width: 100%;
    height: 100%;
    background: linear-gradient(315deg,#00d301,#36c275 50.5%,#00a562);
    color: white;
}

.fQd {
    display: grid;
    grid-template-rows: 1fr repeat(4, auto);
    grid-template-columns: 1fr;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: var(--headerHeight) var(--pageGutter) var(--pageGutter);
    text-align: right
}

.Zn3.fQd {
    padding-bottom: var(--controlSpacing)
}

.hJa {
    grid-row: 1;
    overflow: hidden
}

.y5h {
    object-fit: contain;
    object-position: bottom left
}

.Vo4 {
    grid-row: 2;
    text-align: left;
    margin-top: .5rem
}

.niu {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    grid-row: 3;
    margin: 1.25rem 0;
    padding: 1.25rem 0;
    position: relative
}

.n3V {
    justify-content: flex-end
}

.Bal {
    margin-bottom: 1rem
}
@font-face {
  font-family: aktiv-grotesk;
  src: url(/fonts/AktivGrotesk-Bold.otf);
}

.gai {
    font-family: aktiv-grotesk,sans-serif;
    font-size: inherit;
    font-weight: 800;
    line-height: 1.1
}

.Svz {
    grid-row: 4
}

.byr {
    grid-row: 5;
    margin-top: .75rem
}

.byr * {
    display: inline
}

.byr div+div:before {
    content: " / "
}

.Doa {
    font-size: 1.25rem
}

.vWV {
    font-size: 1.375rem
}

.RzU {
    font-size: 1.5rem
}

.XJV {
    font-size: 1.75rem
}

.npW {
    font-size: 2rem
}

@media (min-width: 768px) {
    .Doa {
        font-size: 1.75rem
    }

    .vWV {
        font-size: 2rem
    }

    .RzU {
        font-size: 2.25rem
    }

    .XJV {
        font-size: 2.5rem
    }

    .npW {
        font-size: 2.75rem
    }
}

@media (min-width: 1024px) {
    .fQd {
        grid-template-rows: 1fr repeat(3, auto) 1.25rem;
        grid-template-columns: 3fr 5rem 2fr;
        padding-top: calc(var(--headerHeight) - 2rem)
    }

    .fQd,
    .Zn3.fQd {
        padding-bottom: unset
    }

    .Zn3.fQd {
        grid-template-rows: 1fr repeat(3, auto) var(--controlSpacing)
    }

    .hJa {
        grid-column: 1;
        grid-row: 1 / 4
    }

    .y5h {
        object-position: bottom right
    }

    .Vo4 {
        grid-column: 1;
        grid-row: 4;
        text-align: right
    }

    .niu {
        background: none;
        grid-column: 3;
        grid-row: 1;
        margin-top: 0;
        padding-top: 0
    }

    .Svz {
        grid-column: 3;
        grid-row: 2
    }

    .byr {
        grid-column: 3;
        grid-row: 3 / 5
    }

    .NOw {
        background: var(--dottedBorderRight);
        display: block;
        grid-row: 1 / -1;
        grid-column: 2;
        width: 1px;
        height: 100%;
        justify-self: center
    }

    .OYW {
        font-size: 1.75rem
    }

    .qgN {
        font-size: 2rem
    }

    .ZQG {
        font-size: 2.25rem
    }

    .UWA {
        font-size: 2.5rem
    }

    .hfi {
        font-size: 3rem
    }
}

@media (min-width: 1440px) {
    .OYW {
        font-size: 2.25rem
    }

    .qgN {
        font-size: 2.5rem
    }

    .ZQG {
        font-size: 2.75rem
    }

    .UWA {
        font-size: 3rem
    }

    .hfi {
        font-size: 3.5rem
    }
}

.JD9 {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.Ak6 {
    display: grid;
    grid-template-rows: auto 1fr repeat(3, auto);
    grid-template-columns: var(--pageGutter) 1fr var(--pageGutter);
    height: var(--viewportHeight);
    width: 100%;
    padding-top: calc(var(--headerHeight) + .5rem);
    padding-bottom: var(--pageGutter)
}

.rf3.Ak6 {
    padding-bottom: var(--controlSpacing)
}

.Fqb {
    grid-row: 1;
    grid-column: 2
}

.R1N,
.uRt {
    margin-bottom: 1rem
}

.cS4 {
    font-family: var(--fontFamilyBodySerif);
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1
}

.daF {
    grid-row: 2;
    grid-column: 1 / -1;
    overflow: hidden
}

.geM {
    object-fit: cover
}

.j29 {
    grid-row: 3;
    grid-column: 2;
    text-align: right;
    margin-top: .5rem
}

.aTF {
    grid-row: 4;
    grid-column: 2;
    margin-top: 1.25rem
}

._9O {
    grid-row: 5;
    grid-column: 2;
    margin-top: .75rem
}

._9O * {
    display: inline
}

._9O div+div:before {
    content: " / "
}

._9y {
    font-size: 1.25rem
}

.ROm {
    font-size: 1.375rem
}

.rRO {
    font-size: 1.5rem
}

.LjQ {
    font-size: 1.75rem
}

.ZaC {
    font-size: 2rem
}

@media (min-width: 768px) {
    .Ak6 {
        padding-top: 150px
    }

    ._9y {
        font-size: 1.75rem
    }

    .ROm {
        font-size: 2rem
    }

    .rRO {
        font-size: 2.25rem
    }

    .LjQ {
        font-size: 2.5rem
    }

    .ZaC {
        font-size: 2.75rem
    }
}

@media (min-width: 1024px) {
    .Ak6 {
        --sideMarginWidth: calc((100% - var(--maxContainerWidth)) / 2);
        grid-template-rows: var(--headerHeight) 1fr auto 1fr repeat(3, auto) var(--pageGutter);
        grid-template-columns: var(--sideMarginWidth) 2fr 3fr var(--sideMarginWidth);
        grid-column-gap: var(--pageGutter)
    }

    .Ak6,
    .rf3.Ak6 {
        padding: 0
    }

    .rf3.Ak6 {
        grid-template-rows: var(--headerHeight) 1fr auto 1fr repeat(2, auto) var(--controlSpacing)
    }

    .daF {
        grid-column: 3 / -1;
        grid-row: 1 / -1
    }

    .j29 {
        grid-column: 3 / -1;
        grid-row: 5 / 7;
        color: var(--slot3);
        z-index: var(--zIndexContent);
        margin-right: var(--pageGutter);
        align-self: end
    }

    .Fqb {
        grid-column: 2;
        grid-row: 3
    }

    .aTF {
        grid-column: 2;
        grid-row: 5
    }

    ._9O {
        grid-column: 2;
        grid-row: 6;
        margin-top: 1.75rem
    }

    .tN4 {
        font-size: 2rem
    }

    .wfd {
        font-size: 2.25rem
    }

    .it9 {
        font-size: 2.5rem
    }

    .PIy {
        font-size: 2.75rem
    }

    .Pzd {
        font-size: 3.25rem
    }
}

@media (min-width: 1440px) {
    .tN4 {
        font-size: 2.5rem
    }

    .wfd {
        font-size: 2.75rem
    }

    .it9 {
        font-size: 3rem
    }

    .PIy {
        font-size: 3.25rem
    }

    .Pzd {
        font-size: 3.75rem
    }
}

.koR {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot11)
}

.W-m {
    display: grid;
    grid-template-rows: var(--headerHeight) auto 25vw 1fr repeat(2, auto);
    grid-template-columns: var(--pageGutter) 2fr 3fr var(--pageGutter);
    height: 90vh;
    width: 100%;
    padding-bottom: var(--pageGutter)
}

.CTz.W-m {
    height: var(--viewportHeight)
}

.ST1.W-m {
    padding-bottom: var(--controlSpacing)
}

.i_K {
    grid-row: 2;
    grid-column: 2 / -2;
    z-index: var(--zIndexContent);
    margin-top: .5rem
}

.H0g {
    margin-bottom: 1rem
}

.QXO {
    font-family: var(--fontFamilyBodySerif);
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1
}

.J7J {
    display: block;
    grid-row: 1 / 3;
    grid-column: 1 / -1;
    background: var(--slot9);
    position: relative
}

.J7J:before {
    content: "";
    background: var(--slot9);
    width: 100%;
    padding-top: 100%;
    position: absolute;
    top: 100%;
    transform: translateY(-50%) scaleY(.25) rotate(45deg);
    margin-top: -.75rem
}

.KGS {
    grid-row: 4;
    grid-column: 3;
    overflow: hidden
}

.JGB {
    object-fit: cover
}

.k4d {
    grid-row: 4;
    grid-column: 2;
    text-align: right;
    align-self: end;
    margin-right: 1.25rem;
    color: var(--slot8)
}

.arM {
    grid-row: 5;
    grid-column: 2 / -2;
    margin-top: 1.5rem;
    color: var(--slot8)
}

.ile {
    grid-row: 6;
    grid-column: 2 / -2;
    margin-top: .75rem
}

.ile * {
    display: inline
}

.ile div+div:before {
    content: " / "
}

.FcX {
    font-size: 1.125rem
}

.vFl {
    font-size: 1.25rem
}

.Qkt {
    font-size: 1.375rem
}

.ESs {
    font-size: 1.5rem
}

.tFk {
    font-size: 1.75rem
}

@media (min-width: 768px) {
    .W-m {
        height: 80vh;
        grid-template-rows: 150px auto 20vw 1fr repeat(2, auto);
        grid-template-columns: var(--pageGutter) repeat(3, 1fr) var(--pageGutter)
    }

    .KGS {
        grid-column: 4
    }

    .k4d {
        grid-column: 3
    }

    .dxG {
        margin-bottom: .5rem;
        padding-right: 10%
    }

    .J7J:before {
        transform: translateY(-50%) scaleY(.22) rotate(45deg)
    }

    .FcX {
        font-size: 1.75rem
    }

    .vFl {
        font-size: 2rem
    }

    .Qkt {
        font-size: 2.25rem
    }

    .ESs {
        font-size: 2.5rem
    }

    .tFk {
        font-size: 2.75rem
    }
}

@media (min-width: 1024px) {
    .W-m {
        --sideMarginWidth: calc((100% - var(--maxContainerWidth)) / 2);
        grid-template-rows: var(--headerHeight) 1fr auto 1fr repeat(2, auto) 2rem;
        grid-template-columns: var(--sideMarginWidth) var(--pageGutter) repeat(2, 1fr) 20vh 2fr var(--pageGutter) var(--sideMarginWidth)
    }

    .W-m,
    .ST1.W-m {
        padding: 0
    }

    .ST1.W-m {
        grid-template-rows: var(--headerHeight) 1fr auto 1fr repeat(2, auto) var(--controlSpacing)
    }

    .J7J {
        grid-row: 1 / -1;
        grid-column: 1 / 5
    }

    .J7J:before {
        top: 0;
        left: 100%;
        width: 80vh;
        height: 80vh;
        transform: translate(-50%) scaleX(.25) rotate(45deg);
        margin: 0;
        padding: 0
    }

    .CTz .J7J:before {
        width: var(--viewportHeight);
        height: var(--viewportHeight)
    }

    .KGS {
        grid-column: 6;
        grid-row: 2 / 6
    }

    .JGB {
        object-fit: contain;
        object-position: right bottom
    }

    .k4d {
        grid-column: 6;
        grid-row: 6;
        margin: .5rem 0 0
    }

    .i_K {
        grid-column: 3 / 5;
        grid-row: 3
    }

    .H0g {
        margin-bottom: 1.5rem
    }

    .arM,
    .ile {
        grid-row: 5 / 7;
        align-self: end;
        color: var(--slot11);
        z-index: var(--zIndexContent)
    }

    .arM {
        grid-column: 3
    }

    .ile {
        grid-column: 4
    }

    .ile>* {
        display: block
    }

    .ile div+div:before {
        display: none
    }

    .RLL {
        font-size: 1.75rem
    }

    .tkf {
        font-size: 2rem
    }

    .cyd {
        font-size: 2.25rem
    }

    .cQI {
        font-size: 2.5rem
    }

    ._sJ {
        font-size: 3rem
    }
}

@media (min-width: 1440px) {
    .RLL {
        font-size: 2rem
    }

    .tkf {
        font-size: 2.25rem
    }

    .cyd {
        font-size: 2.5rem
    }

    .cQI {
        font-size: 2.75rem
    }

    ._sJ {
        font-size: 3.25rem
    }
}

.inB {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.jhB {
    display: grid;
    grid-template-rows: 1fr repeat(4, auto);
    grid-template-columns: 1fr;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter) 1.25rem
}

.jhB,
.qmM.jhB {
    height: auto
}

.xXU {
    grid-row: 1;
    margin: 0 calc(var(--pageGutter) * -1)
}

.DmE {
    grid-row: 2;
    text-align: right;
    margin-top: .5rem
}

.t_0 {
    grid-row: 3;
    margin: 1.75rem 0
}

.hO3,
.KY- {
    margin-bottom: 1rem
}

.tgP {
    font-family: var(--fontFamilyBodySerif);
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1
}

.Rqo {
    grid-row: 4
}

.BVE {
    grid-row: 5;
    margin-top: 1.75rem
}

.C_Z {
    font-size: 1.5rem
}

.dG4 {
    font-size: 1.75rem
}

.wSd {
    font-size: 2rem
}

.Yk6 {
    font-size: 2.25rem
}

.XaI {
    font-size: 2.5rem
}

@media (min-width: 768px) {
    .jhB {
        grid-template-rows: 1fr repeat(3, auto);
        grid-template-columns: repeat(2, 1fr)
    }

    .xXU,
    .DmE,
    .t_0 {
        grid-column: 1 / -1
    }

    .KY- {
        padding-right: 20%
    }

    .Rqo,
    .BVE {
        grid-row: 4;
        align-self: end
    }

    .Rqo {
        grid-column: 1
    }

    .BVE {
        grid-column: 2;
        text-align: right;
        margin-top: unset
    }

    .C_Z {
        font-size: 2rem
    }

    .dG4 {
        font-size: 2.25rem
    }

    .wSd {
        font-size: 2.5rem
    }

    .Yk6 {
        font-size: 2.75rem
    }

    .XaI {
        font-size: 3rem
    }
}

@media (min-width: 1024px) {
    .jhB {
        grid-template-rows: repeat(3, auto) 1fr;
        grid-template-columns: repeat(5, 1fr)
    }

    .t_0 {
        grid-row: 3 / -1;
        grid-column: 1 / 4
    }

    .KY- {
        margin-bottom: unset
    }

    .Rqo,
    .BVE {
        grid-column: 5;
        margin-top: 4rem;
        align-self: unset
    }

    .Rqo {
        grid-row: 3
    }

    .BVE {
        grid-row: 4;
        text-align: left
    }

    .D22 {
        font-size: 2.5rem
    }

    .lnW {
        font-size: 2.75rem
    }

    .wrU {
        font-size: 3rem
    }

    .Ue5 {
        font-size: 3.25rem
    }

    .nlx {
        font-size: 3.75rem
    }
}

@media (min-width: 1440px) {
    .D22 {
        font-size: 2.75rem
    }

    .lnW {
        font-size: 3rem
    }

    .wrU {
        font-size: 3.25rem
    }

    .Ue5 {
        font-size: 3.5rem
    }

    .nlx {
        font-size: 4rem
    }
}

.E2s {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.zJ7 {
    display: grid;
    grid-template-rows: 1fr repeat(4, auto);
    grid-template-columns: 1fr;
    width: 100%;
    padding: var(--headerHeight) var(--pageGutter) 1.25rem;
    text-align: center
}

.zJ7,
.OKg.zJ7 {
    height: auto
}

.HXK {
    grid-row: 1
}

.O1D {
    grid-row: 2;
    text-align: right;
    margin-top: .5rem
}

.QPo {
    grid-row: 3;
    margin: 1.75rem 0
}

.vHj {
    justify-content: center
}

.vHj,
.zRr {
    margin-bottom: 1.5rem
}

.w-U {
    font-family: var(--fontFamilyHeading);
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1
}

.img {
    grid-row: 4
}

.o3T {
    grid-row: 5;
    margin-top: 2.75rem;
    text-align: left
}

.o3T * {
    display: inline
}

.o3T div+div:before {
    content: " / "
}

.hek {
    font-size: 1.5rem
}

.z1V {
    font-size: 1.75rem
}

.FfM {
    font-size: 2rem
}

.A7R {
    font-size: 2.25rem
}

.N7v {
    font-size: 2.5rem
}

@media (min-width: 768px) {
    .zJ7 {
        max-width: 1100px;
        padding: 150px 60px 1.25rem
    }

    .XEd {
        width: 75%;
        margin: 0 auto
    }

    .o3T {
        text-align: center
    }

    .hek {
        font-size: 2rem
    }

    .z1V {
        font-size: 2.25rem
    }

    .FfM {
        font-size: 2.5rem
    }

    .A7R {
        font-size: 2.75rem
    }

    .N7v {
        font-size: 3rem
    }
}

@media (min-width: 1024px) {
    .zJ7 {
        padding-top: var(--headerHeight)
    }

    .Xvg {
        font-size: 2.5rem
    }

    .MNl {
        font-size: 2.75rem
    }

    .ybG {
        font-size: 3rem
    }

    .zsX {
        font-size: 3.25rem
    }

    .jLe {
        font-size: 3.75rem
    }
}

@media (min-width: 1440px) {
    .Xvg {
        font-size: 2.75rem
    }

    .MNl {
        font-size: 3rem
    }

    .ybG {
        font-size: 3.25rem
    }

    .zsX {
        font-size: 3.5rem
    }

    .jLe {
        font-size: 4rem
    }
}

.SIZ {
    height: 80vh;
    margin: 0 auto;
    position: relative
}

.lk7.SIZ {
    height: var(--viewportHeight)
}

.DwG,
.eqj {
    height: 100%;
    width: 100%
}

.LD0 p {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .875rem;
    line-height: 1.5
}

.LD0 p,
.LD0 h2 {
    margin: 0 0 1rem
}

.LD0 :last-child {
    margin: 0
}

.Sk_ {
    display: block;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .02em
}

.Sk_ a,
.LD0 a {
    color: inherit;
    text-decoration: underline
}

.Stm {
    display: flex;
    align-items: baseline;
    margin-bottom: .75rem
}

.MPm {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: .05em;
    text-transform: uppercase
}

.U6C {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: .05em
}

.YV5 {
    display: none;
    pointer-events: none
}

@media (min-width: 1024px) {

    .MPm,
    .LD0 p {
        font-size: 1rem
    }

    .U6C {
        font-size: .875rem
    }

    .Sk_ {
        font-size: .75rem
    }
}

.kCG {
    --iconSize: 100px;
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.kpW {
    display: grid;
    grid-template-rows: 1fr repeat(4, auto);
    grid-template-columns: 1fr;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: var(--headerHeight) var(--pageGutter) var(--pageGutter);
    text-align: right
}

.pir {
    padding-bottom: var(--controlSpacing)
}

.rKC {
    grid-row: 1;
    grid-column: 1;
    overflow: hidden
}

.Uoz {
    object-fit: contain;
    object-position: bottom left
}

.ZrM {
    grid-row: 2;
    grid-column: 1;
    text-align: left;
    margin-top: .5rem;
    margin-right: calc(var(--iconSize) + .5rem)
}

.ED6 {
    width: var(--iconSize);
    grid-row: 1 / 3;
    grid-column: 1;
    justify-self: end;
    margin-bottom: -1.25rem;
    margin-right: -1.25rem
}

.ZmB {
    object-fit: contain;
    object-position: center bottom
}

.Oj1 {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    grid-row: 3;
    grid-column: 1;
    margin: 1.25rem 0;
    padding: 1.25rem 0;
    position: relative
}

.rMj {
    justify-content: flex-end
}

.AGV h2 {
    font-family: var(--fontFamilyHeading);
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1
}

.NiJ {
    grid-row: 4
}

.vwu {
    grid-row: 5;
    margin-top: .75rem
}

.vwu * {
    display: inline
}

.vwu div+div:before {
    content: " / "
}

.Mkq {
    font-size: 1.25rem
}

.vrl {
    font-size: 1.375rem
}

.ocd {
    font-size: 1.5rem
}

.gqe {
    font-size: 1.75rem
}

._x7 {
    font-size: 2rem
}

@media (min-width: 768px) {
    .kpW {
        --iconSize: 210px
    }

    .Mkq {
        font-size: 1.75rem
    }

    .vrl {
        font-size: 2rem
    }

    .ocd {
        font-size: 2.25rem
    }

    .gqe {
        font-size: 2.5rem
    }

    ._x7 {
        font-size: 2.75rem
    }
}

@media (min-width: 1024px) {
    .kpW {
        grid-template-rows: 1fr repeat(3, auto) 1.25rem;
        grid-template-columns: 3fr 5rem 2fr;
        padding-bottom: unset
    }

    .pir.kpW {
        grid-template-rows: 1fr repeat(3, auto) var(--controlSpacing)
    }

    .rKC {
        grid-column: 1;
        grid-row: 1 / 4
    }

    .Uoz {
        object-position: bottom right
    }

    .ZrM {
        grid-column: 1;
        grid-row: 4;
        text-align: right;
        margin-right: unset
    }

    .ED6 {
        grid-column: 2;
        grid-row: 1 / -2;
        justify-self: center;
        margin-bottom: unset
    }

    .Oj1 {
        background: none;
        grid-column: 3;
        grid-row: 1;
        margin-top: 0;
        padding-top: 0
    }

    .Oj1:after {
        content: none
    }

    .NiJ {
        grid-column: 3;
        grid-row: 2
    }

    .vwu {
        grid-column: 3;
        grid-row: 3 / 5
    }

    .zSH {
        background: var(--dottedBorderRight);
        display: block;
        grid-row: 1 / -1;
        grid-column: 2;
        width: 1px;
        height: 100%;
        justify-self: center
    }

    .AkR {
        font-size: 1.75rem
    }

    .MfB {
        font-size: 2rem
    }

    .O7W {
        font-size: 2.25rem
    }

    .EdL {
        font-size: 2.5rem
    }

    .nem {
        font-size: 3rem
    }
}

@media (min-width: 1440px) {
    .AkR {
        font-size: 2.25rem
    }

    .MfB {
        font-size: 2.5rem
    }

    .O7W {
        font-size: 2.75rem
    }

    .EdL {
        font-size: 3rem
    }

    .nem {
        font-size: 3.5rem
    }
}

.bpo {
    --iconSize: 112px;
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.IsO {
    display: grid;
    grid-template-rows: 3fr auto 2fr repeat(2, auto);
    grid-template-columns: var(--pageGutter) 1fr var(--pageGutter);
    width: 100%;
    padding-bottom: var(--pageGutter)
}

.wPt {
    padding-bottom: var(--controlSpacing)
}

.o7z {
    grid-row: 1;
    grid-column: 1 / -1;
    overflow: hidden
}

.h_j {
    object-fit: cover
}

.wTV {
    grid-row: 2;
    grid-column: 2;
    margin-top: .5rem;
    margin-right: calc(var(--iconSize) + .5rem)
}

.kb4 {
    width: var(--iconSize);
    grid-row: 1;
    grid-column: 2;
    justify-self: end;
    margin-bottom: -2.5rem
}

.wOF {
    object-fit: contain;
    object-position: center bottom
}

.pYl {
    grid-row: 3;
    grid-column: 2;
    padding: 1.5rem 0 1rem
}

.fmp h2 {
    font-family: var(--fontFamilyHeading);
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1;
    padding-bottom: 1.25rem;
    background: var(--dottedBorderBottom)
}

.S6X {
    grid-row: 4;
    grid-column: 2
}

.LHt {
    grid-row: 5;
    grid-column: 2;
    margin-top: .75rem
}

.LHt * {
    display: inline
}

.LHt div+div:before {
    content: " / "
}

.cWm {
    font-size: 1.25rem
}

.wiZ {
    font-size: 1.375rem
}

.aMo {
    font-size: 1.5rem
}

.nK- {
    font-size: 1.75rem
}

.Z9H {
    font-size: 2rem
}

@media (min-width: 768px) {
    .IsO {
        --iconSize: 180px
    }

    .pYl {
        padding: 2.5rem 0 1.5rem
    }

    .kb4 {
        margin-bottom: -3.75rem
    }

    .cWm {
        font-size: 1.75rem
    }

    .wiZ {
        font-size: 2rem
    }

    .aMo {
        font-size: 2.25rem
    }

    .nK- {
        font-size: 2.5rem
    }

    .Z9H {
        font-size: 2.75rem
    }
}

@media (min-width: 1024px) {
    .IsO {
        --sideMarginWidth: calc((100% - var(--maxContainerWidth)) / 2);
        grid-template-rows: var(--headerHeight) 1fr auto 1fr auto 1.25rem;
        grid-template-columns: var(--sideMarginWidth) var(--pageGutter) 2fr 3fr var(--pageGutter) 50%;
        padding-bottom: unset
    }

    .wPt.IsO {
        grid-template-rows: var(--headerHeight) 1fr auto 1fr auto var(--controlSpacing)
    }

    .o7z {
        grid-column: 6;
        grid-row: 1 / -1
    }

    .wTV {
        grid-column: 6;
        grid-row: 1 / -2;
        text-align: right;
        margin-right: var(--pageGutter);
        align-self: end
    }

    .kb4 {
        grid-column: 6;
        grid-row: 2 / 4;
        justify-self: unset;
        margin-bottom: unset;
        transform: translate(-50%, -4rem)
    }

    .wOF {
        object-position: center top
    }

    .pYl {
        grid-column: 3 / 5;
        grid-row: 3;
        padding-top: unset
    }

    .S6X {
        grid-column: 3;
        grid-row: 5
    }

    .LHt {
        grid-column: 4;
        grid-row: 5;
        margin-top: unset;
        margin-left: 1.25rem
    }

    .fmp h2 {
        margin-right: calc(var(--pageGutter) * -1);
        padding-right: var(--pageGutter);
        margin-bottom: 1.25rem;
        padding-bottom: 2.5rem
    }

    .xi3 {
        font-size: 1.75rem
    }

    .Hdj {
        font-size: 2rem
    }

    .HTb {
        font-size: 2.25rem
    }

    .iHj {
        font-size: 2.5rem
    }

    .XCS {
        font-size: 3rem
    }
}

@media (min-width: 1440px) {
    .xi3 {
        font-size: 2.25rem
    }

    .Hdj {
        font-size: 2.5rem
    }

    .HTb {
        font-size: 2.75rem
    }

    .iHj {
        font-size: 3rem
    }

    .XCS {
        font-size: 3.5rem
    }
}

.UQK a {
    color: inherit
}

.fz0 {
    column-gap: .875rem;
    color: var(--slot1);
    display: grid;
    grid-template-columns: 55% 1fr;
    height: 100%
}

.yMG {
    align-self: flex-end;
    grid-column: 1;
    grid-row: 1 / 3;
    order: 1;
    position: relative
}

.Dsq {
    width: 100%
}

.BDo {
    border: 1px solid var(--slot5);
    height: 1rem;
    position: absolute;
    right: .75rem;
    top: .5rem;
    width: 1rem;
    z-index: var(--zIndexContent)
}

.BDo:after {
    border: 1px var(--slot5);
    border-style: none solid solid none;
    content: "";
    height: 1rem;
    position: absolute;
    right: -.25rem;
    top: .15rem;
    width: 1rem
}

.DlO {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    grid-column: 2;
    grid-row: 1;
    line-height: 1.1;
    row-gap: .25rem;
    text-align: right
}

.KPT {
    display: inline;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    grid-column: 1 / -1;
    letter-spacing: .05em;
    margin: 0;
    text-transform: uppercase
}

.WmD {
    display: inline;
    font-size: .65rem;
    font-family: var(--fontFamilySansSerif);
    font-style: italic;
    line-height: 1
}

.wUE {
    align-self: flex-end;
    font-family: var(--fontFamilyHeading);
    font-size: 1.125rem;
    grid-column: 2;
    grid-row: 2;
    line-height: 1.1;
    margin: 0;
    text-align: right
}

.wUE b,
.wUE strong {
    font-weight: inherit
}

.rbb {
    font-family: var(--fontFamilySansSerif);
    font-size: .75rem;
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 1.25rem 0 0 var(--pageGutter);
    overflow: hidden;
    text-align: right;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.Z7g {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: .5rem var(--pageGutter) 0;
    margin: 0 auto
}

@media (min-width: 768px) {
    .wUE {
        align-self: flex-start;
        justify-self: flex-end;
        font-size: 2rem
    }

    .rbb {
        justify-self: flex-end
    }
}

@media (min-width: 1024px) {
    .fz0 {
        color: var(--slot2);
        grid-template-columns: 352px auto;
        grid-template-rows: 213px auto auto 1fr;
        row-gap: 1rem
    }

    .yMG {
        grid-column: 1;
        grid-row: 1
    }

    .DlO {
        grid-column: 1 / -1;
        grid-row: 2
    }

    .wUE {
        line-height: 1;
        grid-column: 1 / -1;
        grid-row: 3
    }

    .rbb {
        font-size: 1rem;
        grid-column: 1 / -1;
        grid-row: 4;
        margin-top: 0
    }
}

@media (min-width: 1440px) {
    .wUE {
        max-width: 75%
    }

    .rbb {
        max-width: 80%
    }
}

.uVw {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.bET {
    display: grid;
    grid-template-rows: auto 1fr repeat(3, auto);
    grid-template-columns: 1fr 184px;
    width: 100%;
    padding: var(--headerHeight) var(--pageGutter) var(--pageGutter)
}

.luv {
    padding-bottom: var(--controlSpacing)
}

.QLU {
    grid-row: 1;
    grid-column: 2
}

.cxy {
    grid-row: 2;
    grid-column: 2;
    margin-top: .5rem
}

.MyB {
    grid-row: 1 / 3;
    grid-column: 1
}

.Q9u {
    object-fit: contain;
    object-position: center bottom
}

.DmG {
    grid-row: 3;
    grid-column: 1 / -1;
    padding: .5rem 0 1.5rem;
    position: relative
}

.DmG:before {
    content: "";
    position: absolute;
    top: -3rem;
    left: 0;
    right: calc(var(--pageGutter) * -1);
    height: 1px;
    background: var(--dottedBorderTop)
}

.K-a h2 {
    font-family: var(--fontFamilyHeading);
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1;
    margin-bottom: 1.25rem
}

.dq7 {
    grid-row: 4;
    grid-column: 1 / -1
}

.mBt {
    grid-row: 5;
    grid-column: 1 / -1;
    margin-top: .75rem
}

.mBt * {
    display: inline
}

.mBt div+div:before {
    content: " / "
}

.iTy {
    font-size: 1.25rem
}

.XIt {
    font-size: 1.375rem
}

.zLI {
    font-size: 1.5rem
}

.NS- {
    font-size: 1.75rem
}

.aAR {
    font-size: 2rem
}

@media (min-width: 768px) {
    .bET {
        grid-template-columns: 190px 1fr 216px
    }

    .QLU,
    .cxy {
        grid-column: 3
    }

    .DmG {
        padding-top: 2.5rem
    }

    .iTy {
        font-size: 1.75rem
    }

    .XIt {
        font-size: 2rem
    }

    .zLI {
        font-size: 2.25rem
    }

    .NS- {
        font-size: 2.5rem
    }

    .aAR {
        font-size: 2.75rem
    }
}

@media (min-width: 1024px) {
    .bET {
        grid-template-rows: auto 1fr repeat(2, auto);
        grid-template-columns: 3rem 190px 1fr 216px
    }

    .QLU {
        grid-column: 4;
        grid-row: 1
    }

    .cxy {
        grid-column: 4;
        grid-row: 2
    }

    .MyB {
        grid-column: 2;
        grid-row: 1 / -1
    }

    .Q9u {
        object-position: center
    }

    .DmG {
        grid-column: 1 / -1;
        grid-row: 1 / -1;
        padding: 0 1rem;
        align-self: end
    }

    .DmG:before {
        top: -2.5rem;
        right: 0
    }

    .DmG>* {
        margin-left: 240px;
        margin-right: 220px;
        padding-right: 10%
    }

    .dq7 {
        grid-column: 4;
        grid-row: 3
    }

    .mBt {
        grid-column: 4;
        grid-row: 4
    }

    .Rb4 {
        font-size: 1.75rem
    }

    .fCy {
        font-size: 2rem
    }

    .RYG {
        font-size: 2.25rem
    }

    .nx3 {
        font-size: 2.5rem
    }

    .zZc {
        font-size: 3rem
    }
}

@media (min-width: 1440px) {
    .DmG>* {
        padding-right: 20%
    }

    .Rb4 {
        font-size: 2.25rem
    }

    .fCy {
        font-size: 2.5rem
    }

    .RYG {
        font-size: 2.75rem
    }

    .nx3 {
        font-size: 3rem
    }

    .zZc {
        font-size: 3.5rem
    }
}

:root {
    --accBG: #222;
    --acc0: #9fccad;
    --acc1: #f1b341;
    --acc2: #dad7c0;
    --acc3: #83bfd3;
    --acc4: #eb9eb9;
    --acc5: #427b45;
    --accTabWidth: 70px;
    --transitionTime: .4s
}

.E_L {
    background: var(--accBG);
    padding-top: var(--verticalCardSpacing)
}

.xPe {
    margin: auto;
    max-width: var(--maxContainerWidth);
    padding-top: var(--verticalCardSpacing);
    position: relative
}

.xPe:before {
    background: var(--dottedBorderTop);
    color: var(--slot2);
    content: "";
    height: 1px;
    left: var(--pageGutter);
    position: absolute;
    right: var(--pageGutter);
    top: 0
}

.Han {
    padding: 0 var(--pageGutter) 1.8rem calc(var(--pageGutter) + 1.5rem)
}

.Han:before {
    background: url(https://cdn2.bustle.com/2022/scarymommy/logo-a6864dce01.svg);
    background-size: 100% 100%;
    content: "";
    height: 45px;
    margin: -1.5rem;
    position: absolute;
    width: 80px
}

.Han>* {
    color: #fefaec;
    font-family: var(--fontFamilyHeading);
    font-size: 4rem;
    font-weight: var(--fontWeightBold);
    line-height: .9;
    margin: 0;
    text-transform: uppercase
}

.pcp {
    height: 80px;
    position: absolute;
    right: calc(var(--pageGutter) * 2);
    top: -40px;
    width: 80px
}

.g4I {
    column-gap: .625rem;
    display: flex
}

.yGe {
    align-items: flex-end;
    color: var(--accBG);
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 17.5rem;
    justify-content: space-between;
    padding: .625rem .35rem
}

.pr2 {
    align-self: center;
    width: 20px
}

.m9O {
    font-family: var(--fontFamilyHeading);
    font-size: 1.25rem;
    font-weight: var(--fontWeightBold);
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase;
    transform: rotate(180deg);
    transition: opacity var(--transitionHover);
    writing-mode: vertical-rl
}

.pGE {
    background: var(--acc0)
}

.Mhs {
    background: var(--acc1)
}

.uCJ {
    background: var(--acc2)
}

.alY {
    background: var(--acc3)
}

.K_x {
    background: var(--acc4)
}

.ksL {
    background: var(--acc5)
}

.yGe:nth-child(even) {
    align-self: flex-end;
    height: 15rem
}

.IJW {
    display: none
}

.OP2 {
    display: flex;
    height: calc(100% - 10.75rem);
    overflow: hidden
}

.KrW {
    display: flex;
    flex: 0 0 0;
    overflow: hidden;
    width: 0
}

.NWk {
    display: none
}

.iF_ {
    background: var(--acc0)
}

.t26 {
    background: var(--acc1)
}

.Px4 {
    background: var(--acc2)
}

.wuX {
    background: var(--acc3)
}

.bR2 {
    background: var(--acc4)
}

.qr7 {
    background: var(--acc5)
}

.yrZ:checked~.OP2 .iF_,
.Ay3:checked~.OP2 .t26,
.a-K:checked~.OP2 .Px4,
.isj:checked~.OP2 .wuX,
.dwg:checked~.OP2 .bR2,
.siY:checked~.OP2 .qr7 {
    flex: 0 0 100%
}

.uPI {
    color: #fff;
    overflow: hidden
}

.GWx {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 1.875rem var(--pageGutter) 1.5rem 0;
    width: 100vw;
    transform: translateZ(0)
}

@media (min-width: 768px) {
    .Han>* {
        font-size: 5rem
    }
}

@media (min-width: 1024px) {
    .E_L {
        padding: var(--verticalCardSpacing) 0
    }

    .pcp {
        height: 180px;
        top: calc(var(--verticalCardSpacing) * -.75);
        width: 180px
    }

    .Han {
        padding: 0 var(--pageGutter) 1.8rem 2rem;
        width: 80%
    }

    .Han:before {
        height: 76px;
        margin: -2rem -3.5rem;
        width: 135px
    }

    .Han>* {
        font-size: 8rem
    }

    .g4I {
        display: none
    }

    .OP2 {
        column-gap: .75rem;
        overflow: visible
    }

    .KrW {
        background: transparent;
        flex: 0 0 var(--accTabWidth);
        height: 500px;
        transition: flex var(--transitionTime);
        width: var(--accTabWidth)
    }

    .m9O {
        font-size: 2.25rem
    }

    .NWk {
        align-items: flex-end;
        color: var(--accBG);
        cursor: pointer;
        display: flex;
        flex: 0 0 var(--accTabWidth);
        flex-direction: column;
        justify-content: space-between;
        padding: 1.875rem .55rem;
        width: var(--accTabWidth)
    }

    .yrZ:checked~.OP2 .iF_,
    .Ay3:checked~.OP2 .t26,
    .a-K:checked~.OP2 .Px4,
    .isj:checked~.OP2 .wuX,
    .dwg:checked~.OP2 .bR2,
    .siY:checked~.OP2 .qr7 {
        flex: 0 0 calc(100% - ((var(--accTabWidth) + .75rem) * 5))
    }

    .yrZ:checked~.OP2 .iF_ .uPI,
    .Ay3:checked~.OP2 .t26 .uPI,
    .a-K:checked~.OP2 .Px4 .uPI,
    .isj:checked~.OP2 .wuX .uPI,
    .dwg:checked~.OP2 .bR2 .uPI,
    .siY:checked~.OP2 .qr7 .uPI {
        width: 100%
    }

    .uPI {
        background: var(--dottedBorderTop), var(--dottedBorderBottom), var(--dottedBorderRight);
        overflow: hidden;
        position: relative
    }

    .GWx {
        padding: 2rem;
        width: calc(100vw - (var(--pageGutter) * 2) - ((var(--accTabWidth) + .75rem) * 6))
    }

    .iF_,
    .Px4 {
        margin-top: 50px
    }

    .t26 {
        margin-top: 150px
    }

    .wuX,
    .qr7 {
        margin-top: 100px
    }

    .iF_ .uPI {
        color: var(--acc0)
    }

    .t26 .uPI {
        color: var(--acc1)
    }

    .Px4 .uPI {
        color: var(--acc2)
    }

    .wuX .uPI {
        color: var(--acc3)
    }

    .bR2 .uPI {
        color: var(--acc4)
    }

    .qr7 .uPI {
        color: var(--acc5)
    }
}

@media (min-width: 1024px) {
    .xPe {
        padding: 6rem var(--pageGutter) 0
    }

    .GWx {
        padding: 3rem 2rem 0
    }
}

@media (min-width: 1440px) {
    :root {
        --accTabWidth: 90px
    }

    .GWx {
        width: calc(var(--maxContainerWidth) - (var(--pageGutter) * 2) - ((var(--accTabWidth) + .75rem) * 6))
    }
}

.qHC {
    width: 100%;
    height: 100%;
    background: var(--slot9);
    color: var(--slot8)
}

.woJ {
    display: grid;
    grid-template-rows: 1fr auto 2.5rem repeat(3, auto) var(--pageGutter);
    grid-template-columns: var(--pageGutter) repeat(5, 1fr) var(--pageGutter);
    width: 100%;
    height: 90vh;
    padding-top: var(--headerHeight)
}

.caP {
    grid-template-rows: 1fr auto 2.5rem repeat(3, auto) var(--controlSpacing)
}

.kER,
.ksy,
.Nl9,
.pZ2,
.Ikf {
    grid-column: 2 / -2;
    z-index: var(--zIndexContent)
}

.kER {
    grid-row: 1;
    overflow: hidden
}

.BlI .kER {
    margin-bottom: 1.25rem
}

.N8P {
    object-fit: cover
}

.ksy {
    grid-row: 2;
    margin-top: .5rem;
    color: var(--slot7)
}

.VQb {
    grid-row: 3;
    grid-column: 5 / -1;
    height: 5rem;
    margin-top: -.75rem;
    z-index: var(--zIndexContent)
}

.JA0 {
    object-fit: contain;
    object-position: right center
}

.Nl9 {
    grid-row: 4;
    margin-bottom: 1.25rem;
    width: 90%
}

.pa_ {
    color: var(--slot8)
}

.g1C h2 {
    font-family: var(--fontFamilyHeading);
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1
}

.pZ2 {
    grid-row: 5
}

.Ikf {
    grid-row: 6;
    margin-top: .75rem
}

.Ikf * {
    display: inline
}

.Ikf div+div:before {
    content: " / "
}

.oPU {
    display: block;
    grid-row: 3 / -1;
    grid-column: 1 / -1;
    background: var(--slot7);
    clip-path: polygon(0 2%, 87% 12%, 98% 101%, 0 101%)
}

.Q4k {
    font-size: 1.125rem
}

.rIX {
    font-size: 1.25rem
}

.mtL {
    font-size: 1.375rem
}

.jxO {
    font-size: 1.5rem
}

.MxM {
    font-size: 1.625rem
}

@media (min-width: 768px) {
    .woJ {
        grid-template-rows: 1fr auto 2.5rem 5rem repeat(3, auto) var(--pageGutter)
    }

    .caP {
        grid-template-rows: 1fr auto 2.5rem 5rem repeat(3, auto) var(--controlSpacing)
    }

    .oPU {
        grid-row: 4 / -1
    }

    .VQb {
        grid-row: 4;
        grid-column: 5 / -2;
        height: 10rem;
        margin-top: -2.5rem
    }

    .Nl9 {
        grid-row: 5;
        grid-column: 2 / -3;
        width: unset
    }

    .pZ2 {
        grid-row: 6
    }

    .Ikf {
        grid-row: 7
    }

    .Q4k {
        font-size: 1.75rem
    }

    .rIX {
        font-size: 2rem
    }

    .mtL {
        font-size: 2.25rem
    }

    .jxO {
        font-size: 2.5rem
    }

    .MxM {
        font-size: 2.75rem
    }
}

@media (min-width: 1024px) {
    .woJ {
        --sideMarginWidth: calc((100% - var(--maxContainerWidth)) / 2);
        grid-template-rows: var(--headerHeight) 1fr repeat(4, auto) 1.25rem;
        grid-template-columns: var(--sideMarginWidth) 3fr 2fr 0 var(--sideMarginWidth);
        grid-column-gap: var(--pageGutter);
        height: 80vh;
        padding-top: unset
    }

    .caP {
        grid-template-rows: var(--headerHeight) 1fr repeat(4, auto) var(--controlSpacing)
    }

    .BlI {
        padding-top: 3.5rem
    }

    .kER {
        grid-column: 2;
        grid-row: 2 / 6
    }

    .BlI .kER {
        margin-bottom: unset
    }

    .ksy {
        color: var(--slot8);
        grid-column: 2;
        grid-row: 6
    }

    .VQb {
        grid-row: 1;
        grid-column: 2;
        height: var(--headerHeight);
        margin-top: 3rem;
        margin-right: -5rem
    }

    .BlI .VQb {
        grid-row: 1 / -1;
        grid-column: 1 / -1;
        margin-top: 4rem;
        margin-right: calc(12vw - 4rem)
    }

    .Nl9 {
        grid-column: 3;
        grid-row: 3
    }

    .pZ2 {
        grid-column: 3;
        grid-row: 4
    }

    .Ikf {
        grid-column: 3;
        grid-row: 5
    }

    .oPU {
        grid-row: 1 / -1;
        grid-column: 1 / -1;
        clip-path: polygon(0 4rem, 88% 8rem, 97% 101%, 0 101%)
    }

    .Dtv {
        font-size: 1.75rem
    }

    .a59 {
        font-size: 2rem
    }

    .BNX {
        font-size: 2.25rem
    }

    .Yvx {
        font-size: 2.5rem
    }

    .CWg {
        font-size: 3rem
    }
}

.jZi {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .01em;
    z-index: var(--zIndexContent)
}

.jZi a {
    color: inherit;
    text-decoration: underline
}

.XFa .jZi * {
    margin: .5rem 0 0
}

.XFa .jZi h2 {
    font-size: inherit
}

.oIg {
    width: 100%
}

.Zsv {
    background: var(--slot7);
    color: var(--slot8)
}

.Zsv .XFa {
    display: grid;
    grid-template-rows: 1fr repeat(3, auto);
    grid-template-columns: 1fr;
    height: auto;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: var(--headerHeight) var(--pageGutter) var(--pageGutter);
    text-align: right
}

.jak .XFa {
    padding: var(--verticalCardSpacing) var(--pageGutter)
}

.Zsv .wmr {
    grid-row: 1
}

.e87 {
    background: var(--dottedBorderBottom);
    grid-row: 2;
    margin: 1.25rem 0;
    padding-bottom: 1.25rem;
    position: relative
}

.v6G {
    font-family: var(--fontFamilyHeading);
    font-size: 1.5rem;
    font-weight: var(--fontWeightRegular);
    line-height: 1.1;
    margin: 0 0 1rem
}

.O3m {
    font-family: var(--fontFamilyBodySerif);
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: .01em
}

.O3m * {
    margin: 0
}

.O3m *+* {
    margin-top: 1rem
}

.Bkv {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    margin-bottom: .75rem
}

.hfT {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: .05em;
    text-transform: uppercase
}

.B15 {
    grid-row: 3
}

.SUQ {
    grid-row: 4;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: .05em;
    margin-top: .75rem
}

@media (min-width: 768px) {
    .v6G {
        font-size: 2rem
    }
}

@media (min-width: 1024px) {
    .jZi {
        font-size: .75rem;
        padding-top: .25rem
    }

    .Zsv .XFa {
        grid-template-rows: 1fr repeat(2, auto);
        grid-template-columns: 1fr 4.5rem 300px;
        min-height: 80vh;
        padding-bottom: 2.5rem
    }

    .jak .wGO {
        padding-bottom: var(--verticalCardSpacing)
    }

    .Zsv .wmr {
        grid-column: 1;
        grid-row: 1 / -1;
        align-self: end
    }

    .e87 {
        grid-column: 3;
        grid-row: 1;
        align-self: start;
        margin-top: 0;
        padding-bottom: 4rem
    }

    .B15 {
        grid-column: 3;
        grid-row: 2
    }

    .SUQ {
        grid-column: 3;
        grid-row: 3;
        font-size: .875rem
    }

    .O3m,
    .hfT {
        font-size: 1rem
    }
}

.Qf5 {
    position: relative;
    margin: auto
}

.BQA {
    margin: 0
}

.rv9,
.Afu {
    font-family: var(--fontFamilyBodySansSerif);
    line-height: 1.2;
    letter-spacing: .01em;
    z-index: var(--zIndexContent)
}

.rv9 {
    font-size: .625rem
}

.rv9 a {
    color: inherit;
    text-decoration: underline
}

.Qf5 .rv9 * {
    margin: 0
}

.Afu {
    display: block;
    font-size: .5rem
}

.H0B {
    display: none
}

@media (min-width: 1024px) {
    .rv9 {
        font-size: .75rem
    }

    .Afu {
        font-size: .625rem
    }
}

.tD6 {
    background: var(--slot3);
    padding-top: var(--verticalCardSpacing)
}

.nrL {
    display: grid;
    grid-template-columns: var(--pageGutter) 1fr 1fr var(--pageGutter);
    margin: auto;
    max-width: var(--maxContainerWidth);
    position: relative
}

.erE {
    color: var(--slot6);
    font-family: var(--fontFamilyHeading);
    font-size: 4.5rem;
    font-weight: var(--fontWeightBold);
    grid-column: 2 / 4;
    line-height: .8;
    margin-bottom: 2.75rem;
    position: relative;
    text-transform: uppercase;
    text-shadow: -5px 4px 1px var(--textShadowColor);
    -webkit-text-stroke: .015em var(--slot3)
}

.erE>* {
    margin: 0
}

.erE em {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1.5rem;
    letter-spacing: .03em;
    margin-left: -.75em;
    position: absolute;
    text-shadow: calc(var(--italicStroke) * -1) calc(var(--italicStroke) * -1) 0 var(--slot3), var(--italicStroke) calc(var(--italicStroke) * -1) 0 var(--slot3), calc(var(--italicStroke) * -1) var(--italicStroke) 0 var(--slot3), var(--italicStroke) var(--italicStroke) 0 var(--slot3);
    text-transform: capitalize;
    transform: rotate(-10deg);
    -webkit-text-stroke: 0
}

.pn9 {
    border-radius: 50%;
    box-shadow: 8px 6px #0003;
    color: var(--slot6);
    grid-column: 1 / -1;
    height: 98vw;
    margin: auto;
    position: relative;
    width: 98vw
}

.fTG {
    background: url(https://cdn2.bustle.com/2022/scarymommy/lights-d050476908.svg) var(--slot6) no-repeat;
    background-size: 97% 97%;
    background-position: center;
    position: absolute;
    border-radius: 100%;
    inset: 0
}

.J43 {
    background: var(--slot6);
    border-radius: 100%;
    inset: 4.25vw;
    overflow: hidden;
    position: absolute
}

.joX {
    align-items: center;
    background: var(--slot2);
    clip-path: polygon(100% 0, 50% 99%, 0 0);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: var(--fontWeightBold);
    height: 50%;
    justify-content: flex-start;
    left: 0;
    margin: auto;
    padding-top: 5%;
    position: absolute;
    right: 0;
    row-gap: 4%;
    text-align: center;
    transform-origin: bottom;
    width: 57%
}

.wMI {
    align-self: center;
    width: 30%
}

.xND {
    font-family: var(--fontFamilyHeading);
    font-size: 4.5vw;
    font-weight: var(--fontWeightBold);
    letter-spacing: .05em;
    line-height: 1;
    max-width: 55%;
    text-transform: uppercase
}

.w2u {
    transform: rotate(60deg)
}

.D8x {
    transform: rotate(120deg)
}

.AEe {
    transform: rotate(180deg)
}

.BWy {
    transform: rotate(240deg)
}

.em0 {
    transform: rotate(300deg)
}

.AqC {
    display: none
}

.zUu {
    background: var(--slot2);
    border: 3px solid;
    border-radius: 100%;
    box-shadow: 2px 2px #00000040;
    height: 30%;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 30%
}

.itu {
    background: url(https://cdn2.bustle.com/2022/scarymommy/chrome-ed2867e1a6.svg);
    background-color: var(--slot6);
    background-size: 100% 100%;
    border: 2px solid;
    border-radius: 100%;
    content: "";
    height: calc(100% - 10px);
    inset: 0;
    margin: auto;
    position: absolute;
    width: calc(100% - 10px)
}

.AIy {
    background: none;
    cursor: pointer;
    height: calc(100% - 30px);
    inset: 0;
    margin: auto;
    position: absolute;
    transition: height .2s, width .2s;
    width: calc(100% - 30px);
    z-index: var(--zIndexContent)
}

.CU8 {
    background: #eb9eb9;
    height: 11%;
    left: 0;
    margin: auto;
    -webkit-mask-image: url(https://cdn2.bustle.com/2022/scarymommy/picker-7d06b548f1.svg);
    mask-image: url(https://cdn2.bustle.com/2022/scarymommy/picker-7d06b548f1.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    right: 0;
    transform-origin: center 1rem;
    top: -2.25rem;
    width: 8%
}

.Qsy {
    display: flex;
    grid-column: 1 / -1
}

.TnS {
    display: flex;
    flex: 0 0 0;
    overflow: hidden;
    width: 0
}

.aiQ {
    display: none
}

.Ic2:checked~.Qsy .QAY,
.Xs6:checked~.Qsy .v0G,
.cRG:checked~.Qsy .cWk,
.bbG:checked~.Qsy .Ozb,
.O4N:checked~.Qsy .Qp3,
.CYe:checked~.Qsy .KI_ {
    flex: 0 0 100%
}

.Ic2:checked~.pn9 .fTG,
.Ic2:checked~.pn9 .J43 {
    transition: 1s transform;
    transform: rotate(1deg)
}

.Xs6:checked~.pn9 .fTG,
.Xs6:checked~.pn9 .J43 {
    transition: 1s transform;
    transform: rotate(302deg)
}

.cRG:checked~.pn9 .fTG,
.cRG:checked~.pn9 .J43 {
    transition: 1s transform;
    transform: rotate(243deg)
}

.bbG:checked~.pn9 .fTG,
.bbG:checked~.pn9 .J43 {
    transition: 1s transform;
    transform: rotate(185deg)
}

.O4N:checked~.pn9 .fTG,
.O4N:checked~.pn9 .J43 {
    transition: 1s transform;
    transform: rotate(123deg)
}

.CYe:checked~.pn9 .fTG,
.CYe:checked~.pn9 .J43 {
    transition: 1s transform;
    transform: rotate(55deg)
}

.CUq {
    overflow: hidden
}

.CUq:after {
    background: var(--dottedBorderBottom);
    bottom: calc(var(--verticalCardSpacing) / 2);
    content: "";
    height: 1px;
    left: var(--pageGutter);
    position: absolute;
    right: var(--pageGutter)
}

.orp {
    display: flex;
    overflow-x: scroll;
    padding: 1.25rem 0 var(--verticalCardSpacing) var(--pageGutter);
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scroll-behavior: smooth
}

.orp::-webkit-scrollbar {
    width: 0;
    display: none
}

.a4X,
.jPv {
    color: var(--slot6);
    padding: 0 var(--pageGutter)
}

.a4X {
    background: var(--dottedBorderRight);
    column-gap: .875rem;
    display: grid;
    flex: 0 0 300px;
    grid-template-columns: 40% 1fr;
    height: 100%;
    padding-left: 0
}

.bly {
    column-gap: .875rem;
    color: var(--slot1);
    display: grid;
    grid-template-columns: 55% 1fr;
    height: 100%
}

.jPv {
    background: var(--dottedBorderRight);
    display: flex;
    flex: 0 0 175px;
    flex-direction: column;
    justify-content: flex-end
}

.jPv:last-child {
    background: none
}

.RLn {
    align-self: flex-end;
    grid-column: 1;
    grid-row: 1 / 3;
    order: 1;
    position: relative
}

.ZrJ {
    width: 100%
}

.HHB {
    border: 1px solid var(--slot5);
    height: 1rem;
    position: absolute;
    right: .75rem;
    top: .5rem;
    width: 1rem;
    z-index: var(--zIndexContent)
}

.HHB:after {
    border: 1px var(--slot5);
    border-style: none solid solid none;
    content: "";
    height: 1rem;
    position: absolute;
    right: -.25rem;
    top: .15rem;
    width: 1rem
}

._5z {
    margin-bottom: .25rem
}

.hA- {
    display: inline;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    grid-column: 1 / -1;
    letter-spacing: .05em;
    margin: 0;
    text-transform: uppercase
}

.UEa {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.oGY {
    align-self: flex-end;
    font-family: var(--fontFamilyHeading);
    font-size: 1.125rem;
    grid-column: 2;
    grid-row: 2;
    line-height: 1.1;
    margin: 0
}

.bWQ {
    font-size: .875rem;
    margin: 0
}

.oGY b,
.oGY strong {
    font-weight: inherit
}

.OkU {
    font-family: var(--fontFamilySansSerif);
    font-size: .75rem;
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 1.25rem 0 0 var(--pageGutter);
    overflow: hidden;
    text-align: right;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.Op7 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: .5rem var(--pageGutter) 0;
    margin: 0 auto
}

@media (min-width: 768px) {
    .tD6 {
        padding: calc(var(--verticalCardSpacing) / 2) 0 var(--verticalCardSpacing)
    }

    .nrL {
        column-gap: var(--pageGutter);
        grid-template-columns: 1px 40% 1fr 1px;
        grid-template-rows: 50px auto auto
    }

    .erE {
        font-size: 6rem;
        grid-column: 2;
        grid-row: 2;
        margin-bottom: 0
    }

    .erE em {
        font-size: 1.75rem
    }

    .pn9 {
        height: 0;
        grid-column: 3 / 4;
        grid-row: 2 / 4;
        padding-top: 100%;
        width: 100%
    }

    .J43 {
        inset: 4%
    }

    .xND {
        font-size: 1.1rem
    }

    .Qsy {
        grid-column: 2;
        grid-row: 3
    }

    .CUq:after {
        content: none
    }

    .orp {
        padding: 1.25rem 0 0
    }

    .Ic2:checked~.Qsy .QAY .orp,
    .Xs6:checked~.Qsy .v0G .orp,
    .cRG:checked~.Qsy .cWk .orp,
    .bbG:checked~.Qsy .Ozb .orp,
    .O4N:checked~.Qsy .Qp3 .orp,
    .CYe:checked~.Qsy .KI_ .orp {
        flex-wrap: wrap
    }

    .a4X {
        background: var(--dottedBorderBottom);
        column-gap: 2rem;
        flex: 0 0 100%;
        grid-template-rows: 1fr auto;
        padding: 0 0 2rem
    }

    .a4X ._5z {
        align-self: flex-end
    }

    .jPv {
        flex: 0 0 50%;
        justify-content: flex-start;
        min-height: 150px;
        padding: 2rem 2rem 2rem 0
    }

    .jPv:last-child {
        padding: 2rem 0 2rem 2rem
    }
}

@media (min-width: 1025px) {
    .AIy:hover {
        height: calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .nrL {
        grid-template-columns: 1px 45% 1fr 1px
    }

    .xND {
        font-size: 1.25rem
    }

    .erE {
        text-shadow: -10px 8px 1px var(--textShadowColor)
    }

    .erE em {
        font-size: 2.5rem
    }

    .CU8 {
        height: 10%;
        top: -7%;
        width: 7%
    }

    ._5z {
        margin-bottom: .5rem
    }

    .bWQ {
        font-size: 1rem
    }

    .hA- {
        font-size: 1.125rem
    }

    .oGY {
        font-size: 1.5rem
    }
}

@media (min-width: 1440px) {
    .erE {
        font-size: 8rem
    }
}

.lFD {
    display: inline-block;
    letter-spacing: .02em;
    font-family: var(--fontFamilyBodySansSerif)
}

.NUu {
    color: inherit;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    text-transform: uppercase
}

.yFl {
    font-style: italic;
    margin-right: .3rem
}

@media (min-width: 768px) {
    .lFD {
        padding-left: 0;
        margin-right: 0
    }
}

.bw8 {
    position: relative;
    z-index: var(--zIndexContent)
}

.bw8 a {
    color: inherit
}

.CRj {
    position: absolute;
    object-fit: cover;
    top: 0
}

.bw8.Gh2 {
    padding-top: calc(var(--bigLogoHeaderHeight) + 1.75rem)
}

.GqZ {
    margin: auto;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter) 1rem
}

@media (min-width: 1025px) {
    .bw8.Gh2 {
        padding-top: calc(var(--bigLogoHeaderHeight) + -1.5rem)
    }

    .Vq8.Gh2 {
        padding-top: calc(var(--bigLogoHeaderHeight) + 1rem)
    }
}

.lwi {
    padding: var(--verticalCardSpacing) 0
}

.nTa {
    color: var(--slot8);
    column-gap: var(--pageGutter);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: auto;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter);
    row-gap: var(--pageGutter)
}

.F4M {
    grid-column: 1 / -1
}

.ZJs:nth-child(2) {
    background: none;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    padding: 0;
    position: relative;
    row-gap: 1.25rem
}

.ZJs:nth-child(2) .udg {
    text-align: right
}

.ZJs:nth-child(2) .hYb {
    font-family: var(--fontFamilyHeading);
    font-size: 1.5rem;
    text-align: right
}

.ZJs:nth-child(2) .ENJ {
    text-align: right
}

.ZJs:nth-child(2) .GQ0 {
    grid-column: 1 / -1;
    text-align: right
}

.ZJs:nth-child(3) .ENJ,
.ZJs:nth-child(3) .GQ0 {
    display: none
}

.ZJs {
    background: var(--dottedBorderTop);
    column-gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr;
    grid-column: 1 / -1;
    padding: 1.25rem 0;
    position: relative;
    row-gap: 1rem
}

.ZJs .udg,
.ZJs .hYb {
    text-align: right
}

.Y2n,
.uJi {
    height: 100%
}

.Y2n img {
    object-fit: contain;
    object-position: bottom right;
    position: relative
}

.udg {
    display: flex;
    flex-direction: column;
    grid-column: 1 / -1;
    grid-row: 1;
    justify-content: flex-end
}

.ERU {
    color: var(--slot8);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .95rem;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase
}

.hYb {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1rem;
    grid-column: 1 / -1;
    grid-row: 2;
    line-height: 1.1;
    margin: 0
}

.ENJ {
    font-size: .75rem;
    grid-column: 1 / -1;
    grid-row: 3;
    line-height: 1.2;
    margin: 0
}

.YTP {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    grid-column: 3 / -1;
    grid-row: 1;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.GQ0 {
    font-size: .75rem;
    grid-column: 3 / -1
}

@media (min-width: 768px) {

    .ZJs:nth-child(1) .udg,
    .ZJs:nth-child(1) .hYb,
    .ZJs:nth-child(1) .ENJ {
        justify-self: end;
        width: 75%
    }

    .hYb {
        font-size: 1.25rem
    }

    .rYZ .hYb {
        font-size: 1.875rem
    }
}

@media (min-width: 1024px) {
    .lwi.Iag {
        padding-top: calc(var(--bigLogoHeaderHeight) - 2.5rem)
    }

    .lwi.Iag.D7u {
        padding-top: 2rem
    }

    .nTa {
        grid-template-rows: auto;
        row-gap: 1.25rem
    }

    .Iag.D7u .nTa {
        grid-template-rows: var(--bigLogoHeaderHeight) 1fr
    }

    .F4M {
        grid-column: 1 / 5;
        grid-row: 1 / 4;
        margin-right: var(--pageGutter)
    }

    .D7u {
        grid-template-rows: 263px 1fr auto
    }

    .D7u .F4M {
        grid-column: 2 / 5;
        margin: 0 var(--pageGutter)
    }

    .D7u .uIX {
        transform: translateY(-1.25rem)
    }

    .ZJs:nth-child(2) {
        column-gap: var(--pageGutter);
        grid-column: 5;
        grid-row: 2;
        grid-template-rows: 1fr
    }

    .ZJs:nth-child(2) .hYb {
        font-size: 1.875rem
    }

    .ZJs {
        grid-column: 5;
        grid-row: 3;
        margin-left: calc(var(--pageGutter) * -1);
        padding-bottom: 0
    }

    .hYb {
        font-size: 1.25rem
    }

    .ERU {
        font-size: 1.12rem
    }

    .ENJ,
    .GQ0 {
        font-size: 1rem
    }
}

.Nyt {
    width: 100%;
    height: 1px;
    min-height: 1px;
    min-width: 1px
}

.Nyt.pZW {
    width: 1px;
    height: 100%;
    flex: 0 0 1px
}

.CMk {
    width: 100%;
    color: var(--slot1);
    margin-bottom: var(--mobiledocSpacing)
}

.CgC {
    position: relative
}

.tm3 {
    padding-top: .5rem
}

.CMk .tm3 h2 {
    font-size: inherit
}

@media (min-width: 1024px) {
    .tm3 {
        padding-top: .75rem
    }
}

.Tbd {
    padding: var(--verticalCardSpacing) 0
}

.kAl {
    display: flex;
    overflow-x: scroll;
    color: var(--slot8);
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scroll-behavior: smooth
}

.kAl::-webkit-scrollbar {
    width: 0;
    display: none
}

.Xx- {
    background: var(--dottedBorderRight);
    column-gap: 1.25rem;
    display: grid;
    flex: 0 0 193px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr;
    grid-column: 1 / -1;
    padding: 1.25rem var(--pageGutter);
    position: relative;
    row-gap: 1rem
}

.Xx-:before,
.w2K:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--dottedBorderTop), var(--dottedBorderBottom)
}

.Xx-:last-of-type:before,
.Xx-:last-of-type:after {
    right: var(--pageGutter)
}

.Xx-:last-of-type {
    background: none
}

.w2K {
    background: var(--dottedBorderRight);
    column-gap: 1.25rem;
    display: grid;
    flex: 0 0 204px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr;
    grid-column: 1 / -1;
    margin-left: var(--pageGutter);
    padding: 1.25rem var(--pageGutter) 1.25rem 0;
    position: relative;
    row-gap: 1rem;
    text-align: right
}

.w2K:before,
.w2K:after {
    left: 0
}

.w2K .yOT,
.w2K .mnH,
.w2K .Xah {
    display: none
}

.w2K .tAc {
    grid-row: 3
}

.w2K .Dio {
    padding-top: 83%
}

.w2K .Cqk {
    grid-row: 1
}

.w2K .K-8 {
    font-family: var(--fontFamilyHeading);
    font-size: 1.25rem;
    grid-row: 2
}

.tAc {
    grid-column: 1 / -1;
    grid-row: 3
}

.Dio {
    padding-top: 100%
}

.Cqk {
    grid-column: 1 / -1;
    grid-row: 1
}

.IFq {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .95rem;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase
}

.K-8 {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1rem;
    grid-column: 1 / -1;
    grid-row: 2;
    line-height: 1.1;
    margin: 0
}

.gKU {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    grid-column: 3 / -1;
    grid-row: 1;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.Xah {
    font-size: .75rem;
    grid-column: 3 / -1;
    grid-row: 3;
    line-height: 1.2;
    margin: 0
}

.t7K {
    align-items: center;
    background: var(--slot8);
    border: none;
    bottom: calc(var(--verticalCardSpacing) - 1rem);
    cursor: pointer;
    display: flex;
    height: 3.5rem;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 90% 90%;
    mask-size: 90% 90%;
    width: 2.5rem;
    z-index: var(--zIndexOverContent)
}

.t7K:disabled {
    pointer-events: none;
    opacity: 0
}

.t7K:focus {
    outline: none
}

.zAf {
    left: var(--pageGutter);
    transform: rotate(180deg)
}

.tmG {
    right: var(--pageGutter)
}

.HTK {
    display: block;
    height: 100px;
    flex: 0 0 1px;
    margin-right: -1px
}

.oei {
    display: flex;
    justify-content: space-between;
    margin: 0 var(--pageGutter);
    position: relative
}

@media (min-width: 768px) {
    .kAl .Xx- .K-8 {
        font-size: 1.15rem
    }
}

@media (min-width: 1024px) {
    .Xx- {
        flex: 0 0 276px;
        padding: 1.25rem 1.875rem
    }

    .w2K {
        flex: 0 0 521px;
        padding-right: 1.875rem
    }

    .w2K .tAc {
        grid-column: 1 / 4
    }

    .w2K .Dio {
        padding-top: 75%
    }

    .w2K .K-8 {
        font-size: 2rem
    }

    .w2K .Xah {
        align-self: flex-end;
        display: block;
        grid-column: 4 / -1
    }

    .kAl .Xx- .K-8 {
        font-size: 1.25rem
    }

    .Xx-:last-of-type:before,
    .Xx-:last-of-type:after {
        right: 1.875rem
    }

    .Xah {
        font-size: 1rem
    }
}

.MVF {
    display: grid;
    grid-template-rows: 1fr repeat(3, auto);
    grid-template-columns: 3fr 2fr;
    width: 100%;
    height: 85vh;
    padding: var(--headerHeight) var(--pageGutter) var(--pageGutter);
    background: var(--slot7);
    color: var(--slot8)
}

.bX7.MVF {
    height: var(--viewportHeight)
}

.xuJ {
    padding-bottom: var(--controlSpacing)
}

.YyI {
    grid-row: 1;
    grid-column: 1 / -1;
    overflow: hidden;
    position: relative
}

.poO {
    object-fit: contain
}

.bxT {
    grid-row: 3 / -1;
    grid-column: 1;
    font-size: .875rem
}

.UUp {
    font-size: .75rem
}

.MVF .bxT *+* {
    margin-top: .25rem
}

.bdM {
    grid-row: 4;
    grid-column: 2;
    align-self: end
}

.JHP {
    background: var(--dottedBorderTop);
    display: block;
    grid-row: 2;
    grid-column: 1 / -1;
    width: 100%;
    height: 1px;
    margin: 1.75rem 0
}

@media (min-width: 768px) {
    .MVF {
        height: 80vh
    }
}

@media (min-width: 1024px) {
    .MVF {
        grid-template-rows: 1fr auto 1.75rem;
        grid-template-columns: 2fr 2.5rem 3fr;
        padding-top: calc(var(--headerHeight) - 2rem);
        padding-bottom: unset
    }

    .xuJ {
        grid-template-rows: 1fr auto var(--controlSpacing)
    }

    .bxT {
        grid-row: 1 / 3;
        align-self: end;
        font-size: 1rem
    }

    .UUp {
        font-size: .875rem
    }

    .YyI {
        grid-column: 3
    }

    .bdM {
        grid-column: 3;
        grid-row: 2;
        margin-top: 1rem
    }

    .JHP {
        background: var(--dottedBorderRight);
        grid-row: 1 / -1;
        grid-column: 2;
        width: 1px;
        height: 100%;
        justify-self: center;
        margin: 0
    }
}

@media (min-width: 1440px) {
    .MVF {
        --sideMarginWidth: calc((100vw - var(--maxContainerWidth)) / 2 + var(--pageGutter));
        padding-left: var(--sideMarginWidth);
        padding-right: var(--sideMarginWidth)
    }
}

.Dw4 {
    padding: var(--verticalCardSpacing) 0
}

.xmG {
    color: var(--slot8);
    column-gap: var(--pageGutter);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: auto;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter)
}

.zSB {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    padding: 0 0 1.25rem;
    position: relative;
    row-gap: 1.25rem
}

.zSB .i8- {
    display: none
}

.zSB .mpK {
    grid-row: 1
}

.zSB .TXD {
    padding-top: 69%
}

.zSB .JX3 {
    grid-row: 2;
    text-align: right
}

.zSB .URM {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1.87rem;
    grid-row: 3;
    text-align: right
}

.zSB .ugv {
    grid-row: 4;
    text-align: right
}

.zSB .LBC {
    grid-column: 1 / -1;
    text-align: right
}

.r03 {
    column-gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr;
    grid-column: 1 / -1;
    padding: 1.25rem 0;
    position: relative;
    row-gap: 1rem
}

.r03:before {
    background: var(--dottedBorderTop);
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.r03:nth-child(2) .TXD {
    padding-top: 75%
}

.r03:nth-child(2) .mpK {
    grid-column: 3 / -1;
    grid-row: 1
}

.r03:nth-child(2) .JX3 {
    grid-row: 2
}

.r03:nth-child(2) .URM {
    font-size: 1.125rem;
    grid-row: 3
}

.r03:nth-child(2) .ugv {
    grid-row: 4
}

.r03:nth-child(3) .mpK,
.r03:nth-child(4) .mpK,
.r03:nth-child(5) .mpK {
    grid-column: 1 / 3
}

.r03:nth-child(3) .TXD,
.r03:nth-child(4) .TXD,
.r03:nth-child(5) .TXD {
    padding-top: 100%
}

.r03:nth-child(3) .JX3,
.r03:nth-child(4) .JX3,
.r03:nth-child(5) .JX3 {
    grid-column: 3 / -1
}

.r03:nth-child(3) .URM,
.r03:nth-child(4) .URM,
.r03:nth-child(5) .URM {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1rem;
    grid-column: 3 / -1;
    line-height: 1.2
}

.r03:nth-child(3) .ugv,
.r03:nth-child(4) .ugv,
.r03:nth-child(5) .ugv {
    display: none
}

.mpK {
    grid-column: 1 / 3;
    grid-row: span 3
}

.JX3 {
    grid-column: 1 / -1;
    grid-row: 1
}

.qDO {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .95rem;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase
}

.URM {
    font-family: var(--fontFamilyHeading);
    font-size: 1rem;
    grid-column: 1 / -1;
    grid-row: 2;
    line-height: 1.1;
    margin: 0
}

.ugv {
    font-size: .75rem;
    grid-column: 1 / -1;
    grid-row: 3;
    line-height: 1.2;
    margin: 0
}

.Xds {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    grid-column: 3 / -1;
    grid-row: 1;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.LBC {
    font-size: .75rem;
    grid-column: 3 / -1
}

.r03:last-child {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .xmG .r03 .URM {
        font-size: 1.15rem
    }

    .r03:nth-child(2) .URM {
        font-size: 1.5rem
    }

    .zSB .URM {
        font-size: 2.5rem
    }
}

@media (min-width: 1024px) {
    .zSB {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
        grid-template-rows: auto auto 1fr;
        padding-bottom: 0
    }

    .zSB .URM {
        font-size: 2.5rem
    }

    .xmG .r03 .URM {
        font-size: 1.25rem
    }

    .r03:nth-child(2) {
        grid-column: 3 / -1;
        grid-row: 1;
        padding-top: 0
    }

    .r03:nth-child(2) .mpK {
        grid-column: 4 / -1;
        grid-row: 1 / 4
    }

    .r03:nth-child(2) .JX3 {
        grid-column: 1 / 4;
        grid-row: 1
    }

    .r03:nth-child(2) .URM {
        font-size: 1.75rem;
        grid-column: 1 / 4;
        grid-row: 2
    }

    .r03:nth-child(2) .ugv {
        grid-column: 1 / 4;
        grid-row: 3
    }

    .r03:nth-child(3),
    .r03:nth-child(4),
    .r03:nth-child(5) {
        padding-bottom: 0
    }

    .r03:nth-child(3) {
        grid-column: 3;
        grid-row: 2;
        grid-template-rows: auto 1fr
    }

    .r03:nth-child(3) .mpK {
        grid-column: 1 / -1;
        grid-row: 3
    }

    .r03:nth-child(3) .JX3 {
        grid-column: 1 / -1;
        grid-row: 1
    }

    .r03:nth-child(3) .URM {
        grid-column: 1 / -1;
        grid-row: 2
    }

    .r03:nth-child(4) {
        grid-column: 4;
        grid-row: 2;
        grid-template-rows: auto auto 1fr
    }

    .r03:nth-child(4) .mpK {
        grid-column: 1 / -1;
        grid-row: 1
    }

    .r03:nth-child(4) .JX3 {
        grid-column: 1 / -1;
        grid-row: 2
    }

    .r03:nth-child(4) .URM {
        grid-column: 1 / -1;
        grid-row: 3
    }

    .r03:nth-child(5) {
        grid-column: 5;
        grid-row: 2;
        grid-template-rows: auto 1fr
    }

    .r03:nth-child(5) .mpK {
        grid-column: 1 / -1;
        grid-row: 3
    }

    .r03:nth-child(5) .JX3 {
        grid-column: 1 / -1;
        grid-row: 1
    }

    .r03:nth-child(5) .URM {
        grid-column: 1 / -1;
        grid-row: 2
    }

    .r03:nth-child(2):before {
        content: none
    }

    .r03:nth-child(3):before,
    .r03:nth-child(4):before {
        right: calc(var(--pageGutter) * -.5)
    }

    .r03:nth-child(3):before,
    .r03:nth-child(4):before,
    .r03:nth-child(4):after,
    .r03:nth-child(5):before {
        left: calc(var(--pageGutter) * -.5)
    }

    .r03:nth-child(3):after,
    .r03:nth-child(4):after,
    .zSB:after {
        background: var(--dottedBorderRight);
        bottom: 0;
        content: "";
        height: 100%;
        left: auto;
        position: absolute;
        right: calc(var(--pageGutter) * -.5);
        top: 0;
        width: 1px
    }

    .zSB:before {
        left: calc(var(--pageGutter) * -1);
        right: calc(var(--pageGutter) * -.5)
    }

    .qDO {
        font-size: 1.12rem
    }

    .ugv,
    .LBC {
        font-size: 1rem
    }
}

.xn_ {
    display: grid;
    grid-template-rows: 1fr repeat(2, auto);
    grid-template-columns: 3fr 1fr;
    width: 100%;
    height: 85vh;
    padding: var(--headerHeight) var(--pageGutter) var(--pageGutter);
    background: var(--slot1);
    color: var(--slot13)
}

.hja.xn_ {
    height: var(--viewportHeight)
}

.iK4.xn_ {
    padding-bottom: var(--controlSpacing)
}

.xuQ {
    position: absolute;
    inset: 0
}

.zsy {
    object-fit: cover
}

.ZIL {
    grid-row: 2 / -1;
    grid-column: 1;
    font-size: .875rem
}

.JIQ {
    font-size: .75rem
}

.xn_ .ZIL *+* {
    margin-top: .25rem
}

.neo {
    grid-row: 3;
    grid-column: 2;
    align-self: end;
    z-index: var(--zIndexContent)
}

@media (min-width: 768px) {
    .xn_ {
        grid-template-columns: repeat(2, 1fr);
        height: 80vh
    }
}

@media (min-width: 1024px) {
    .xn_ {
        grid-template-columns: 1fr 280px;
        padding-bottom: 1.75rem
    }

    .ZIL {
        grid-row: 2;
        grid-column: 2;
        font-size: 1rem
    }

    .JIQ {
        font-size: .875rem
    }

    .neo {
        margin-top: .5rem
    }
}

@media (min-width: 1440px) {
    .xn_ {
        --sideMarginWidth: calc((100vw - var(--maxContainerWidth)) / 2 + var(--pageGutter));
        padding-left: var(--sideMarginWidth);
        padding-right: var(--sideMarginWidth)
    }
}

.Ex8 {
    align-items: center;
    background: transparent;
    border: 2px solid;
    box-shadow: .4em .25em;
    color: inherit;
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: .875rem;
    justify-self: center;
    margin: 0 .4em .25em;
    outline: none;
    order: 6;
    padding: .5rem .75rem;
    text-transform: uppercase;
    z-index: var(--zIndexContent)
}

.Ex8:after {
    background: currentColor;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: .2em;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem
}

.j1J {
    width: 100%;
    background: var(--slot3);
    color: var(--slot6);
    z-index: 1;
    position: relative
}

.VrW {
    margin-bottom: var(--mobiledocSpacing);
    background: var(--dottedBorder)
}

.lV1 {
    display: grid;
    width: 100%;
    max-width: var(--maxContainerWidth);
    margin: 0 auto;
    padding-top: var(--pageGutter);
    position: relative;
    z-index: var(--zIndexContent)
}

.YT0 .lV1 {
    height: var(--viewportHeight);
    padding-top: var(--headerHeight);
    padding-bottom: var(--controlSpacing)
}

.sK1.Hvg .lV1 {
    height: calc(var(--viewportHeight) - var(--headerHeight))
}

.N6p {
    height: 100%;
    width: 100%
}

.JOs {
    object-fit: cover
}

.h6t {
    position: absolute;
    inset: 0;
    z-index: -1
}

.H7O {
    height: 100px;
    width: 100px;
    overflow: hidden;
    margin-left: auto
}

.H7O .JOs {
    object-fit: contain
}

.bHV {
    grid-row: 1;
    grid-column: 1;
    padding: 0 var(--pageGutter) var(--pageGutter);
    background: var(--dottedBorderBottom);
    align-self: end
}

.Xnu,
.IRW {
    grid-row: 2;
    grid-column: 1;
    transition: opacity var(--easeOutQuart);
    padding: var(--pageGutter)
}

.IRW,
.FNx .Xnu {
    opacity: 0;
    pointer-events: none
}

.FNx .IRW {
    opacity: 1;
    pointer-events: all
}

.wqK {
    color: var(--slot6);
    font-family: var(--fontFamilyHeading);
    font-size: clamp(3.75rem, 17vw, 4.5rem);
    font-weight: var(--fontWeightBold);
    line-height: .8;
    margin: .5rem 0 1.5rem;
    position: relative;
    text-transform: uppercase;
    text-shadow: -5px 4px 1px var(--textShadowColor);
    -webkit-text-stroke: .015em var(--slot3)
}

.VrW .wqK {
    font-size: clamp(3.38rem, 15vw, 4rem)
}

.wqK span,
.VrW .wqK span {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 2rem;
    letter-spacing: .03em;
    margin-left: -.5rem;
    margin-top: -.75rem;
    position: absolute;
    text-shadow: calc(var(--italicStroke) * -1) calc(var(--italicStroke) * -1) 0 var(--slot3), var(--italicStroke) calc(var(--italicStroke) * -1) 0 var(--slot3), calc(var(--italicStroke) * -1) var(--italicStroke) 0 var(--slot3), var(--italicStroke) var(--italicStroke) 0 var(--slot3);
    transform: rotate(-10deg);
    -webkit-text-stroke: 0
}

.EFv,
.VrW .EFv {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1.25rem;
    line-height: 1.2
}

.EFv * {
    margin: 0
}

.EFv *+* {
    margin-top: 1rem
}

.VrW .EFv * {
    font-family: inherit;
    margin-bottom: 0
}

.EFv a {
    color: inherit;
    text-decoration: underline
}

.IRW,
.VrW .IRW {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: 1.5rem;
    line-height: 1.1
}

.r-Z {
    width: 100%;
    display: grid
}

.mI6 {
    grid-row: 2;
    position: relative;
    z-index: 1;
    margin: .5rem 0 1.75rem
}

.Rzi {
    position: absolute;
    inset: 0;
    z-index: -1
}

.oAn {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: 1.125rem;
    line-height: 1;
    width: 100%;
    height: 100%;
    padding: .5rem 0;
    color: var(--slot1);
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid;
    position: relative
}

.oAn::placeholder {
    color: inherit
}

.OpB .oAn {
    padding: .5rem;
    border: none
}

.KyL {
    grid-row: 3;
    color: inherit;
    margin-left: 0;
    margin-right: auto
}

.Guh {
    grid-row: 1;
    display: flex;
    flex-wrap: wrap
}

.ZRr {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: .05em;
    position: relative;
    padding: 0 2rem 1rem 1.625rem
}

.ZRr input {
    display: none
}

.Z8b,
.TiR {
    display: inline;
    margin: 0
}

.Z8b+.TiR:before {
    content: ": "
}

.Z8b:before,
.Z8b:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-position: center;
    background-repeat: no-repeat
}

.Z8b:before {
    border: 1px solid;
    box-shadow: -2px 2px
}

.Z8b:after {
    background: currentColor;
    -webkit-mask-image: url(https://cdn2.bustle.com/2022/scarymommy/checked-351549f481.svg);
    mask-image: url(https://cdn2.bustle.com/2022/scarymommy/checked-351549f481.svg);
    -webkit-mask-size: 12px 10px;
    mask-size: 12px 10px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    opacity: 0
}

.ZRr input[type=checkbox]:checked+.Z8b:after {
    opacity: 1
}

.KyL,
.Z8b:before {
    background: var(--slot3)
}

.NG_ .KyL,
.NG_ .Z8b:before {
    background: var(--slot2)
}

@media (min-width: 768px) {
    .bHV {
        display: grid;
        grid-template-columns: 1fr auto
    }

    .Qk7 {
        grid-row: 1;
        grid-column: 1
    }

    .H7O {
        grid-row: 1;
        grid-column: 2;
        height: 140px;
        width: 140px
    }

    .wqK,
    .VrW .wqK {
        font-size: 5.5rem;
        margin-top: 4rem
    }
}

@media (min-width: 1024px) {
    .lV1 {
        grid-template-columns: 3fr 2fr;
        grid-template-rows: 1fr;
        padding-top: unset
    }

    .bHV {
        grid-column: 1;
        background: var(--dottedBorderRight);
        padding: var(--pageGutter);
        align-self: unset
    }

    .IRW,
    .Xnu {
        grid-row: 1;
        grid-column: 2;
        align-self: center
    }

    .H7O {
        margin-top: -2.5rem;
        margin-right: -2.5rem
    }

    .wqK {
        font-size: 6.5rem;
        margin: 2rem 0
    }

    .wqK span {
        font-size: 2.25rem
    }

    .EFv {
        font-size: 1.65rem
    }

    .IRW {
        font-size: 2.25rem
    }

    .ZRr {
        font-size: 1rem
    }

    .KyL {
        font-size: 1.25rem
    }

    .VrW .lV1 {
        grid-template-columns: 1fr
    }

    .VrW .bHV {
        grid-row: 1;
        grid-column: 1;
        padding: 1.25rem;
        background: var(--dottedBorderBottom)
    }

    .VrW .Xnu,
    .VrW .IRW {
        grid-row: 2;
        grid-column: 1;
        padding: 1.25rem
    }

    .VrW .H7O {
        margin: 0
    }
}

@media (min-width: 1440px) {
    .bHV {
        padding: calc(var(--pageGutter) + 1rem) var(--pageGutter)
    }

    .wqK {
        font-size: 8rem
    }

    .wqK span {
        font-size: 2.75rem
    }
}

.oYg {
    padding: var(--verticalCardSpacing) 0
}

.KJg {
    color: var(--slot8);
    column-gap: var(--pageGutter);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: auto;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter)
}

.D8i {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    padding: 0 0 1.25rem;
    position: relative;
    row-gap: 1.25rem
}

.D8i .CJ8 {
    display: none
}

.D8i .esX {
    grid-row: 1
}

.D8i .cKq {
    padding-top: 133%
}

.D8i .oH7 {
    grid-row: 2;
    text-align: right
}

.D8i .aba {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1.87rem;
    grid-row: 3;
    text-align: right
}

.D8i .P6C {
    grid-row: 4;
    text-align: right
}

.D8i .OrJ {
    grid-column: 1 / -1;
    text-align: right
}

.Ih_ {
    column-gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr;
    grid-column: 1 / -1;
    padding: 1.25rem 0;
    position: relative;
    row-gap: 1rem
}

.Ih_:before {
    background: var(--dottedBorderTop);
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.Ih_:nth-child(2) .cKq,
.Ih_:nth-child(6) .cKq {
    padding-top: 75%
}

.Ih_:nth-child(2) .aba,
.Ih_:nth-child(6) .aba {
    font-size: 1.125rem
}

.Ih_:nth-child(2) .esX {
    grid-column: 3 / -1;
    grid-row: 1
}

.Ih_:nth-child(2) .oH7 {
    grid-row: 2
}

.Ih_:nth-child(2) .aba {
    grid-row: 3
}

.Ih_:nth-child(2) .P6C {
    grid-row: 4
}

.Ih_:nth-child(6) .esX {
    grid-column: 1 / 4;
    grid-row: 1
}

.Ih_:nth-child(6) .oH7 {
    grid-row: 2;
    text-align: right
}

.Ih_:nth-child(6) .aba {
    grid-row: 3;
    text-align: right
}

.Ih_:nth-child(6) .P6C {
    grid-row: 4;
    text-align: right
}

.Ih_:nth-child(3) .esX,
.Ih_:nth-child(4) .esX,
.Ih_:nth-child(5) .esX {
    grid-column: 1 / 3
}

.Ih_:nth-child(3) .cKq,
.Ih_:nth-child(4) .cKq,
.Ih_:nth-child(5) .cKq {
    padding-top: 100%
}

.Ih_:nth-child(3) .oH7,
.Ih_:nth-child(4) .oH7,
.Ih_:nth-child(5) .oH7 {
    grid-column: 3 / -1
}

.Ih_:nth-child(3) .aba,
.Ih_:nth-child(4) .aba,
.Ih_:nth-child(5) .aba {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1rem;
    grid-column: 3 / -1;
    line-height: 1.2
}

.Ih_:nth-child(3) .P6C,
.Ih_:nth-child(4) .P6C,
.Ih_:nth-child(5) .P6C {
    display: none
}

.esX {
    grid-column: 1 / 3;
    grid-row: span 3
}

.oH7 {
    grid-column: 1 / -1;
    grid-row: 1
}

.iiT {
    color: var(--slot8);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .95rem;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase
}

.aba {
    font-family: var(--fontFamilyHeading);
    font-size: 1rem;
    grid-column: 1 / -1;
    grid-row: 2;
    line-height: 1.1;
    margin: 0
}

.P6C {
    font-size: .75rem;
    grid-column: 1 / -1;
    grid-row: 3;
    line-height: 1.2;
    margin: 0
}

.BTk {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    grid-column: 3 / -1;
    grid-row: 1;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.OrJ {
    font-size: .75rem;
    grid-column: 3 / -1
}

.Ih_:last-child {
    padding-bottom: 0
}

@media (min-width: 768px) {
    .KJg .Ih_ .aba {
        font-size: 1.15rem
    }

    .Ih_:nth-child(2) .aba,
    .Ih_:nth-child(6) .aba {
        font-size: 1.5rem
    }

    .D8i .aba {
        font-size: 2.5rem
    }
}

@media (min-width: 1024px) {
    .D8i {
        grid-column: 1 / 3;
        grid-row: 1 / 4;
        grid-template-rows: auto auto 1fr;
        padding-bottom: 0
    }

    .D8i .aba {
        font-size: 2.5rem
    }

    .KJg .Ih_ .aba {
        font-size: 1.25rem
    }

    .Ih_:nth-child(2) {
        grid-column: 3 / -1;
        grid-row: 1;
        padding-top: 0
    }

    .Ih_:nth-child(2) .esX {
        grid-column: 4 / -1;
        grid-row: 1 / 4
    }

    .Ih_:nth-child(2) .oH7 {
        grid-column: 1 / 4;
        grid-row: 1
    }

    .Ih_:nth-child(2) .aba {
        font-size: 1.75rem;
        grid-column: 1 / 4;
        grid-row: 2
    }

    .Ih_:nth-child(2) .P6C {
        grid-column: 1 / 4;
        grid-row: 3
    }

    .Ih_:nth-child(3) {
        grid-column: 3;
        grid-row: 2;
        grid-template-rows: auto auto 1fr
    }

    .Ih_:nth-child(3) .esX {
        grid-column: 1 / -1;
        grid-row: 1
    }

    .Ih_:nth-child(3) .oH7 {
        grid-column: 1 / -1;
        grid-row: 2
    }

    .Ih_:nth-child(3) .aba {
        grid-column: 1 / -1;
        grid-row: 3
    }

    .Ih_:nth-child(4) {
        grid-column: 4;
        grid-row: 2;
        grid-template-rows: auto 1fr auto
    }

    .Ih_:nth-child(4) .esX {
        grid-column: 1 / -1;
        grid-row: 3
    }

    .Ih_:nth-child(4) .oH7 {
        grid-column: 1 / -1;
        grid-row: 1
    }

    .Ih_:nth-child(4) .aba {
        grid-column: 1 / -1;
        grid-row: 2
    }

    .Ih_:nth-child(5) {
        grid-column: 5;
        grid-row: 2;
        grid-template-rows: auto auto 1fr
    }

    .Ih_:nth-child(5) .esX {
        grid-column: 1 / -1;
        grid-row: 1
    }

    .Ih_:nth-child(5) .oH7 {
        grid-column: 1 / -1;
        grid-row: 2
    }

    .Ih_:nth-child(5) .aba {
        grid-column: 1 / -1;
        grid-row: 3
    }

    .Ih_:nth-child(6) {
        grid-column: 3 / -1;
        grid-row: 3
    }

    .Ih_:nth-child(6) .esX {
        grid-column: 1 / 3;
        grid-row: 1 / 4
    }

    .Ih_:nth-child(6) .oH7 {
        grid-column: 3 / -1;
        grid-row: 1
    }

    .Ih_:nth-child(6) .aba {
        font-size: 1.75rem;
        grid-column: 3 / -1;
        grid-row: 2
    }

    .Ih_:nth-child(6) .P6C {
        grid-column: 3 / -1;
        grid-row: 3
    }

    .Ih_:nth-child(2):before {
        content: none
    }

    .Ih_:nth-child(3):before,
    .Ih_:nth-child(4):before {
        right: calc(var(--pageGutter) * -.5)
    }

    .Ih_:nth-child(3):before,
    .Ih_:nth-child(4):before,
    .Ih_:nth-child(4):after,
    .Ih_:nth-child(5):before,
    .Ih_:nth-child(6):before {
        left: calc(var(--pageGutter) * -.5)
    }

    .Ih_:nth-child(3):after,
    .Ih_:nth-child(4):after,
    .D8i:after {
        background: var(--dottedBorderRight);
        bottom: 0;
        content: "";
        height: 100%;
        left: auto;
        position: absolute;
        right: calc(var(--pageGutter) * -.5);
        top: 0;
        width: 1px
    }

    .D8i:before {
        left: calc(var(--pageGutter) * -1);
        right: calc(var(--pageGutter) * -.5)
    }

    .iiT {
        font-size: 1.12rem
    }

    .P6C,
    .OrJ {
        font-size: 1rem
    }
}

.VE7 {
    width: 100%;
    margin: 0 auto var(--mobiledocSpacing);
    color: var(--slot1)
}

.d6I {
    background: var(--slot3);
    max-width: var(--maxContainerWidth);
    margin: 0 auto;
    padding: var(--verticalCardSpacing) var(--pageGutter)
}

.ZDQ {
    max-width: 490px
}

.VE7 .OIO {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .01em
}

.VE7 .OIO * {
    margin: .5rem 0 0
}

.VE7 .OIO h2 {
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightRegular);
    font-size: 120%;
    letter-spacing: .02em
}

.OIO a {
    color: inherit
}

.d6I .OIO {
    font-size: .875rem;
    padding-top: .75rem
}

.d6I .OIO h2 {
    font-size: 130%
}

@media (min-width: 1024px) {
    .VE7 .OIO {
        font-size: .75rem;
        padding-top: .25rem
    }

    .d6I .OIO {
        font-size: 1rem;
        padding-top: 1rem
    }
}

.mTX {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    width: 100%;
    height: 80vh;
    padding: var(--headerHeight) var(--pageGutter) var(--pageGutter);
    background: var(--slot7);
    color: var(--slot8);
    position: relative;
    margin: auto
}

.sWx {
    height: var(--viewportHeight)
}

.Jgb.mTX {
    padding-bottom: var(--controlSpacing)
}

.Zi5 {
    width: 100%;
    grid-row: 1;
    grid-column: 1 / -1;
    position: relative;
    align-self: center;
    z-index: var(--zIndexContent)
}

.jhF .Zi5,
.ogk .Zi5 {
    overflow: hidden;
    align-self: unset;
    justify-self: center;
    max-width: 400px
}

.jhF .Zi5 blockquote {
    margin: 0
}

.suM {
    grid-row: 2;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin-top: 1.25rem
}

.suM a {
    color: inherit;
    text-decoration: underline
}

.suM h2 {
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightRegular);
    font-size: 120%;
    letter-spacing: .02em
}

.suM * {
    margin: 0
}

.suM *+* {
    margin-top: .625rem
}

.SJG {
    display: none
}

@media (min-width: 768px) {
    .mTX {
        grid-template-columns: repeat(2, 1fr)
    }

    .suM {
        grid-column: 2
    }
}

@media (min-width: 1024px) {
    .mTX {
        --sideMarginWidth: calc((100vw - var(--maxContainerWidth)) / 2);
        grid-template-columns: var(--sideMarginWidth) repeat(5, 1fr) var(--sideMarginWidth);
        grid-template-rows: 1fr;
        padding: 2rem 0
    }

    .Zi5 {
        grid-column: 3 / 6;
        grid-row: 1
    }

    .suM {
        grid-column: 6;
        grid-row: 1;
        align-self: end;
        font-size: 1rem;
        padding-left: 1.25rem;
        padding-right: var(--pageGutter)
    }

    .jhF .suM,
    .ogk .suM {
        margin-left: -20%
    }
}

.V8F {
    height: 90vh;
    margin: 0 auto;
    position: relative
}

.Iu7.V8F {
    height: var(--viewportHeight)
}

.V8F a {
    color: inherit;
    text-decoration: underline
}

.Z4- p,
.Z4- h2 {
    font-family: inherit;
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    margin: 0 0 1rem
}

.Szh {
    margin: 0;
    font-size: 85%
}

.fUy {
    display: block;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .02em
}

.MAI {
    display: none
}

@media (min-width: 768px) {
    .V8F {
        height: 80vh
    }
}

@media (min-width: 1024px) {
    .fUy {
        font-size: .75rem
    }
}

.tTD {
    padding: var(--verticalCardSpacing) 0
}

.EA_ {
    padding-top: 2rem
}

.fjo {
    color: var(--slot8);
    display: grid;
    grid-template-columns: minmax(var(--pageGutter), 1fr) minmax(auto, var(--maxContainerWidth)) minmax(var(--pageGutter), 1fr)
}

.fjo>div {
    grid-column: 1 / -1
}

.iH0 {
    background: var(--dottedBorderTop);
    column-gap: var(--pageGutter);
    display: grid;
    grid-column: 2;
    grid-template-columns: repeat(5, 1fr);
    padding: 1.25rem 0;
    position: relative;
    row-gap: 1rem
}

.gGe {
    grid-column: 1 / 3;
    grid-row: span 4
}

.oIZ {
    padding-top: 100%
}

.ag5,
.XOF,
.bGk,
.atc {
    justify-self: right;
    text-align: right
}

.ag5 {
    grid-column: 3 / -1;
    grid-row: 1
}

.wPh {
    color: var(--slot8);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .95rem;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase
}

.XOF {
    font-family: var(--fontFamilyHeading);
    font-size: 1.25rem;
    grid-column: 3 / -1;
    grid-row: 2;
    line-height: 1.1;
    margin: 0
}

.bGk {
    font-size: .75rem;
    grid-column: 3 / -1;
    grid-row: 3;
    line-height: 1.2;
    margin: 0
}

.zPK {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    grid-column: 3 / -1;
    grid-row: 1;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.atc {
    font-size: .75rem;
    grid-column: 3 / -1
}

@media (min-width: 768px) {
    .XOF {
        font-size: 1.75rem
    }

    .bGk {
        font-size: .9rem
    }
}

@media (min-width: 1024px) {
    .iH0 {
        padding: 2.5rem 0
    }

    .iH0:after {
        background: var(--dottedBorderRight);
        bottom: 0;
        content: "";
        left: calc(20% + (var(--pageGutter) / 1.25));
        position: absolute;
        top: 0;
        width: 1px
    }

    .iH0:last-child {
        padding-bottom: 0
    }

    .gGe {
        grid-column: 1;
        width: calc(100% + var(--pageGutter))
    }

    .zPK {
        font-size: .75rem
    }

    .XOF {
        font-size: 2.5rem
    }

    .wPh {
        font-size: 1.125rem
    }

    .bGk,
    .atc {
        font-size: 1rem
    }
}

._Y6 {
    padding: var(--verticalCardSpacing) 0
}

.c_c {
    color: var(--slot8);
    column-gap: var(--pageGutter);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: auto;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter)
}

.Daq {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 3;
    grid-template-columns: 1fr;
    padding: 1.25rem 0;
    position: relative;
    row-gap: 1.25rem
}

.Daq:before {
    background: var(--dottedBorderTop);
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.Daq .i6c,
.Daq .K31 {
    display: none
}

.Daq .Xzv {
    grid-row: 1
}

.Daq .e_b {
    padding-top: 69%
}

.Daq .v8a {
    grid-row: 2;
    text-align: right
}

.Daq .K2o {
    font-size: 1.5rem;
    grid-row: 3;
    text-align: right
}

.Daq .tqt {
    grid-row: 4;
    text-align: right
}

.zur {
    column-gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr;
    grid-column: 1 / -1;
    padding: 1.25rem 0;
    position: relative;
    row-gap: 1rem
}

.zur:before {
    background: var(--dottedBorderTop);
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.zur:nth-child(2) .Xzv,
.zur:nth-child(5) .Xzv,
.zur:nth-child(6) .Xzv {
    display: none
}

.zur:nth-child(2) .K2o,
.zur:nth-child(3) .K2o,
.zur:nth-child(5) .K2o,
.zur:nth-child(6) .K2o {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1rem;
    line-height: 1.2
}

.zur:nth-child(2) .tqt,
.zur:nth-child(3) .tqt,
.zur:nth-child(5) .tqt,
.zur:nth-child(6) .tqt {
    display: none
}

.zur:nth-child(3) .Xzv {
    grid-column: 4 / -1;
    grid-row: span 3;
    margin-left: calc(var(--pageGutter) * -1)
}

.zur:nth-child(3) .v8a,
.zur:nth-child(3) .K2o {
    grid-column: 1 / 3;
    margin-right: calc(var(--pageGutter) * -1)
}

.zur:nth-child(4):after {
    background: var(--dottedBorderBottom);
    bottom: 0;
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    right: 0
}

.zur:nth-child(4) .Xzv {
    margin-right: -1.25rem
}

.zur:nth-child(4) .v8a,
.zur:nth-child(4) .K2o,
.zur:nth-child(4) .tqt {
    grid-column: 3 / -1;
    margin-left: 1.25rem;
    text-align: right
}

.zur:nth-child(4) .K2o {
    font-size: 1.25rem
}

.zur:nth-child(5) {
    grid-column: 1 / 3;
    margin-right: calc(var(--pageGutter) * -1)
}

.zur:nth-child(5):before {
    background: var(--dottedBorderRight);
    bottom: 0;
    content: "";
    height: 100%;
    left: auto;
    position: absolute;
    right: calc((100% - var(--pageGutter) - var(--pageGutter)) * -.25);
    top: 0;
    width: 1px
}

.zur:nth-child(6) {
    grid-column: 4 / 6;
    margin-left: calc(var(--pageGutter) * -1)
}

.zur:nth-child(6):before {
    content: none
}

.Xzv {
    grid-column: 1 / 3;
    grid-row: span 3
}

.e_b {
    padding-top: 133%
}

.v8a {
    grid-column: 1 / -1;
    grid-row: 1
}

.Jlh {
    color: var(--slot8);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .95rem;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase
}

.K2o {
    font-family: var(--fontFamilyHeading);
    font-size: 1rem;
    grid-column: 1 / -1;
    grid-row: 2;
    line-height: 1.1;
    margin: 0
}

.tqt {
    font-size: .75rem;
    grid-column: 1 / -1;
    grid-row: 3;
    line-height: 1.2;
    margin: 0
}

.pNy {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    grid-column: 3 / -1;
    grid-row: 1;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.K31 {
    font-size: .75rem;
    grid-column: 3 / -1
}

@media (min-width: 768px) {
    .c_c .zur .K2o {
        font-size: 1.15rem
    }

    .zur:nth-child(4) .K2o {
        font-size: 1.5rem
    }

    .Daq .v8a,
    .Daq .K2o,
    .Daq .tqt {
        justify-self: end;
        width: 75%
    }

    .Daq .K2o {
        font-size: 1.75rem
    }
}

@media (min-width: 1024px) {
    .Daq {
        grid-column: 2 / 4;
        grid-row: 1 / 4;
        grid-template-rows: auto auto auto 1fr;
        padding-bottom: 0
    }

    .Daq .v8a,
    .Daq .K2o,
    .Daq .tqt {
        width: 100%
    }

    .Daq .K2o {
        font-size: 2.5rem
    }

    .c_c .zur .K2o {
        font-size: 1.25rem
    }

    .zur:nth-child(2) {
        grid-column: 1;
        grid-row: 1
    }

    .zur:nth-child(3) {
        grid-column: 1;
        grid-row: 2 / 4;
        padding-bottom: 0
    }

    .zur:nth-child(3) .Xzv {
        grid-column: 1 / -1;
        margin-left: 0
    }

    .zur:nth-child(3) .v8a,
    .zur:nth-child(3) .K2o {
        grid-column: 1 / -1;
        margin: 0
    }

    .zur:nth-child(4) {
        grid-column: 4 / -1;
        grid-row: 1 / 3
    }

    .zur:nth-child(4) .Xzv {
        grid-column: 1 / 4;
        margin-right: 1.25rem
    }

    .zur:nth-child(4) .K2o {
        font-size: 1.75rem
    }

    .zur:nth-child(4) .v8a,
    .zur:nth-child(4) .K2o,
    .zur:nth-child(4) .tqt {
        grid-column: 4 / -1;
        margin-left: -1.25rem
    }

    .zur:nth-child(5) {
        grid-column: 4;
        grid-row: 3;
        margin-right: 0
    }

    .zur:nth-child(5):before {
        right: calc(var(--pageGutter) * -.5)
    }

    .zur:nth-child(6) {
        grid-column: 5;
        grid-row: 3;
        margin-left: 0
    }

    .zur:nth-child(2):before,
    .zur:nth-child(3):before {
        right: calc(var(--pageGutter) * -.5)
    }

    .zur:nth-child(4):before,
    .zur:nth-child(4):after {
        left: calc(var(--pageGutter) * -.5)
    }

    .zur:nth-child(2):after,
    .zur:nth-child(3):after,
    .Daq:after {
        background: var(--dottedBorderRight);
        bottom: 0;
        content: "";
        height: 100%;
        left: auto;
        position: absolute;
        right: calc(var(--pageGutter) * -.5);
        top: 0;
        width: 1px
    }

    .Daq:before {
        left: calc(var(--pageGutter) * -1);
        right: calc(var(--pageGutter) * -.5)
    }

    .Jlh {
        font-size: 1.12rem
    }

    .tqt {
        font-size: .875rem
    }

    .K31,
    .Daq .tqt {
        font-size: 1rem
    }
}

.dc1 {
    padding: var(--verticalCardSpacing) 0
}

.rZz {
    color: var(--slot8);
    column-gap: var(--pageGutter);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: auto;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter)
}

.jR6 {
    display: grid;
    grid-column: 1 / -1;
    grid-row: 5;
    grid-template-columns: 1fr;
    padding: 1.25rem 0;
    position: relative;
    row-gap: 1.25rem
}

.jR6:before {
    background: var(--dottedBorderTop);
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.jR6 .lcf,
.jR6 .ypm {
    display: none
}

.jR6 .CC0 {
    grid-row: 1
}

.jR6 ._ZD {
    padding-top: 69%
}

.jR6 .p1p {
    grid-row: 2;
    text-align: right
}

.jR6 .OU_ {
    font-size: 1.5rem;
    grid-row: 3;
    text-align: right
}

.jR6 .LhD {
    grid-row: 4;
    text-align: right
}

.GVO {
    column-gap: 1.25rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr;
    grid-column: 1 / -1;
    padding: 1.25rem 0;
    position: relative;
    row-gap: 1rem
}

.GVO:before {
    background: var(--dottedBorderTop);
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.GVO:nth-child(5) .CC0,
.GVO:nth-child(3) .CC0,
.GVO:nth-child(4) .CC0 {
    display: none
}

.GVO:nth-child(5) .OU_,
.GVO:nth-child(6) .OU_,
.GVO:nth-child(3) .OU_,
.GVO:nth-child(4) .OU_ {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1rem;
    line-height: 1.2
}

.GVO:nth-child(5) .LhD,
.GVO:nth-child(6) .LhD,
.GVO:nth-child(3) .LhD,
.GVO:nth-child(4) .LhD {
    display: none
}

.GVO:nth-child(6) .CC0 {
    grid-column: 4 / -1;
    grid-row: span 3;
    margin-left: -1.25rem
}

.GVO:nth-child(6) ._ZD {
    padding-top: 133%
}

.GVO:nth-child(6) .p1p,
.GVO:nth-child(6) .OU_ {
    grid-column: 1 / 3;
    margin-right: -1.25rem
}

.GVO:nth-child(2):after {
    background: var(--dottedBorderBottom);
    bottom: 0;
    content: "";
    left: 0;
    height: 1px;
    position: absolute;
    right: 0
}

.GVO:nth-child(2) .CC0 {
    margin-right: -1.25rem
}

.GVO:nth-child(2) ._ZD {
    padding-top: 133%
}

.GVO:nth-child(2) .p1p,
.GVO:nth-child(2) .OU_,
.GVO:nth-child(2) .LhD {
    grid-column: 3 / -1;
    margin-left: 1.25rem;
    text-align: right
}

.GVO:nth-child(2) .OU_ {
    font-size: 1.25rem
}

.GVO:nth-child(3) {
    grid-column: 1 / 3;
    margin-right: -1.25rem
}

.GVO:nth-child(3):before {
    background: var(--dottedBorderRight);
    bottom: 0;
    content: "";
    height: 100%;
    left: auto;
    position: absolute;
    right: calc((100% - var(--pageGutter) - var(--pageGutter)) * -.25);
    top: 0;
    width: 1px
}

.GVO:nth-child(4) {
    grid-column: 4 / 6;
    margin-left: -1.25rem
}

.GVO:nth-child(4):before {
    content: none
}

.CC0 {
    grid-column: 1 / 3;
    grid-row: span 3
}

.p1p {
    grid-column: 1 / -1;
    grid-row: 1
}

.NAQ {
    color: var(--slot8);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .95rem;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase
}

.OU_ {
    font-family: var(--fontFamilyHeading);
    font-size: 1rem;
    grid-column: 1 / -1;
    grid-row: 2;
    line-height: 1.1;
    margin: 0
}

.LhD {
    font-size: .75rem;
    grid-column: 1 / -1;
    grid-row: 3;
    line-height: 1.2;
    margin: 0
}

.eCx {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    grid-column: 3 / -1;
    grid-row: 1;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.ypm {
    font-size: .75rem;
    grid-column: 3 / -1
}

@media (min-width: 768px) {
    .rZz .GVO .OU_ {
        font-size: 1.15rem
    }

    .GVO:nth-child(2) .OU_ {
        font-size: 1.5rem
    }

    .jR6 .p1p,
    .jR6 .OU_,
    .jR6 .LhD {
        justify-self: end;
        width: 75%
    }

    .jR6 .OU_ {
        font-size: 1.75rem
    }
}

@media (min-width: 1024px) {
    .jR6 {
        grid-column: 4 / -1;
        grid-row: 1 / 4;
        grid-template-rows: auto auto auto 1fr;
        padding-bottom: 0
    }

    .jR6 .p1p,
    .jR6 .OU_,
    .jR6 .LhD {
        width: 100%
    }

    .jR6 .OU_ {
        font-size: 2.5rem
    }

    .rZz .GVO .OU_ {
        font-size: 1.25rem
    }

    .GVO:nth-child(2) {
        grid-column: 1 / 3;
        grid-row: 1 / 3
    }

    .GVO:nth-child(2) .CC0 {
        grid-column: 1 / 4;
        margin-right: 1.25rem
    }

    .GVO:nth-child(2) .OU_ {
        font-size: 1.75rem
    }

    .GVO:nth-child(2) .p1p,
    .GVO:nth-child(2) .OU_,
    .GVO:nth-child(2) .LhD {
        grid-column: 4 / -1;
        margin-left: -1.25rem
    }

    .GVO:nth-child(5) {
        grid-column: 3;
        grid-row: 1
    }

    .GVO:nth-child(5) .CC0 {
        grid-column: 1 / -1;
        margin-left: 0
    }

    .GVO:nth-child(6) {
        grid-column: 3;
        grid-row: 2 / 4;
        padding-bottom: 0
    }

    .GVO:nth-child(6) .OU_ {
        font-family: var(--fontFamilyBodySerif);
        font-size: 1.25rem
    }

    .GVO:nth-child(6) .CC0 {
        grid-column: 1 / -1;
        margin-left: 0
    }

    .GVO:nth-child(6) .p1p,
    .GVO:nth-child(6) .OU_ {
        grid-column: 1 / -1;
        margin: 0
    }

    .GVO:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
        margin-right: 0
    }

    .GVO:nth-child(3):before {
        right: calc(var(--pageGutter) * -.5)
    }

    .GVO:nth-child(4) {
        grid-column: 2;
        grid-row: 3;
        margin-left: 0
    }

    .GVO:nth-child(2):before,
    .GVO:nth-child(2):after {
        right: calc(var(--pageGutter) * -.5)
    }

    .jR6:before {
        left: calc(var(--pageGutter) * -.5)
    }

    .GVO:nth-child(5):after,
    .GVO:nth-child(6):after,
    .jR6:after {
        background: var(--dottedBorderLeft);
        bottom: 0;
        content: "";
        height: 100%;
        left: calc(var(--pageGutter) * -.5);
        position: absolute;
        right: auto;
        top: 0;
        width: 1px
    }

    .GVO:nth-child(5):before,
    .GVO:nth-child(6):before {
        left: calc(var(--pageGutter) * -.5);
        right: calc(var(--pageGutter) * -.5)
    }

    .NAQ {
        font-size: 1.12rem
    }

    .LhD {
        font-size: .875rem
    }

    .ypm,
    .jR6 .LhD {
        font-size: 1rem
    }
}

.ZWe {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.hQv {
    display: grid;
    grid-template-rows: 1fr repeat(3, auto);
    grid-template-columns: 1fr;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: var(--headerHeight) var(--pageGutter) 0
}

.Su- {
    grid-row: 1;
    grid-column: 1;
    overflow: hidden
}

.mF9 {
    width: 100%;
    height: 100%
}

.Y9E {
    object-fit: contain;
    object-position: bottom left
}

.bCj {
    grid-row: 2;
    grid-column: 1;
    margin: .5rem 0 0
}

.HjW {
    background: var(--dottedBorderTop);
    display: block;
    grid-row: 3;
    grid-column: 1;
    width: 100%;
    height: 1px;
    margin: 1.25rem 0
}

.Kmx {
    grid-row: 4;
    grid-column: 1;
    line-height: 1.2;
    margin-bottom: var(--pageGutter)
}

._JF .Kmx {
    margin-bottom: var(--controlSpacing)
}

.CPW p,
.z5v {
    font-family: var(--fontFamilyHeading);
    letter-spacing: -.02em
}

.CPW h2 {
    font-family: var(--fontFamilyBodySerif)
}

.nWl {
    font-size: .95rem
}

.BNR {
    font-size: 1rem
}

.l0d {
    font-size: 1.125rem
}

.Zgj {
    font-size: 1.25rem
}

.E_C {
    font-size: 1.375rem
}

@media (min-width: 768px) {
    .Kmx {
        margin-bottom: 1.25rem
    }

    .nWl {
        font-size: 1.5rem
    }

    .BNR {
        font-size: 1.75rem
    }

    .l0d {
        font-size: 2rem
    }

    .Zgj {
        font-size: 2.25rem
    }

    .E_C {
        font-size: 2.5rem
    }
}

@media (min-width: 1024px) {
    .hQv {
        grid-template-rows: var(--headerHeight) 1fr auto 1.25rem;
        grid-template-columns: 2fr auto 3fr;
        padding-top: unset
    }

    ._JF {
        grid-template-rows: var(--headerHeight) 1fr auto var(--controlSpacing)
    }

    .Su- {
        grid-row: 2;
        grid-column: 1
    }

    .bCj {
        grid-row: 3;
        grid-column: 1
    }

    .Kmx {
        grid-row: 2;
        grid-column: 3;
        align-self: end
    }

    .Kmx,
    ._JF .Kmx {
        margin-bottom: unset
    }

    .HjW {
        background: var(--dottedBorderRight);
        grid-row: 1 / -1;
        grid-column: 2;
        width: 1px;
        height: 100%;
        margin: 0 var(--pageGutter);
        justify-self: start
    }

    .f2M {
        font-size: 1.25rem
    }

    .JQX {
        font-size: 1.5rem
    }

    .RMQ {
        font-size: 1.75rem
    }

    ._Bd {
        font-size: 2rem
    }

    .B19 {
        font-size: 2.5rem
    }
}

@media (min-width: 1440px) {
    .f2M {
        font-size: 1.5rem
    }

    .JQX {
        font-size: 1.75rem
    }

    .RMQ {
        font-size: 2rem
    }

    ._Bd {
        font-size: 2.25rem
    }

    .B19 {
        font-size: 2.75rem
    }
}

.TPM {
    padding: var(--verticalCardSpacing) 0
}

.Uz3 {
    display: flex;
    overflow-x: scroll;
    color: var(--slot8);
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scroll-behavior: smooth
}

.Uz3::-webkit-scrollbar {
    width: 0;
    display: none
}

.L_P {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    column-gap: 1.25rem;
    display: grid;
    flex: 0 0 224px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto 1fr;
    grid-column: 1 / -1;
    padding: 1.25rem var(--pageGutter);
    position: relative;
    row-gap: 1rem
}

.L_P:after {
    content: "";
    background: var(--dottedBorderRight);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px
}

.L_P:nth-child(2),
.L_P:last-of-type {
    flex: 0 0 204px
}

.L_P:nth-child(2) {
    margin-left: var(--pageGutter);
    padding-left: 0
}

.L_P:last-of-type {
    margin-right: var(--pageGutter);
    padding-right: 0
}

.L_P:last-of-type:after {
    display: none
}

.L9Q {
    grid-column: 1 / -1
}

.YQw {
    padding-top: 133%
}

.Uu0 {
    grid-column: 1 / -1
}

.b8r {
    color: var(--slot4);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .95rem;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase
}

.G97 {
    font-family: var(--fontFamilyHeading);
    font-size: 1rem;
    grid-column: 1 / -1;
    line-height: 1.1;
    margin: 0
}

.wAA {
    align-self: flex-start;
    font-family: var(--fontFamilyHeading);
    font-size: .625rem;
    grid-column: 3 / -1;
    grid-row: 1;
    letter-spacing: -.05em;
    text-transform: uppercase;
    width: 100%
}

.odm {
    align-items: center;
    background: var(--slot8);
    border: none;
    bottom: calc(var(--verticalCardSpacing) - 1rem);
    cursor: pointer;
    display: flex;
    height: 3.5rem;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 90% 90%;
    mask-size: 90% 90%;
    width: 2.5rem;
    z-index: var(--zIndexOverContent)
}

.odm:disabled {
    pointer-events: none;
    opacity: 0
}

.odm:focus {
    outline: none
}

.m8M {
    left: var(--pageGutter);
    transform: rotate(180deg)
}

.xR8 {
    right: var(--pageGutter)
}

.bVG {
    display: block;
    height: 100px;
    flex: 0 0 1px;
    margin-right: -1px
}

.WWP {
    display: flex;
    justify-content: space-between;
    margin: 0 var(--pageGutter);
    position: relative
}

@media (min-width: 768px) {
    .Uz3 .L_P .G97 {
        font-size: 1.15rem
    }
}

@media (min-width: 1024px) {
    .L_P {
        flex: 0 0 276px;
        padding: 1.25rem 1.875rem
    }

    .L_P:nth-child(2),
    .L_P:last-of-type {
        flex: 0 0 246px
    }

    .Uz3 .L_P .G97 {
        font-size: 1.25rem
    }

    .L_P:last-of-type:before,
    .L_P:last-of-type:after {
        right: 1.875rem
    }
}

.vW6 {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.EfU {
    display: grid;
    grid-template-rows: auto 3rem 1fr auto 3rem;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    padding-top: var(--headerHeight)
}

.frm {
    grid-template-rows: auto 3rem 1fr auto 2rem var(--controlSpacing)
}

.EfU:before {
    grid-row: 2 / -1;
    grid-column: 1 / -1;
    display: block;
    content: "";
    background: var(--slot9)
}

.cbR {
    grid-row: 3;
    grid-column: 2 / 4;
    overflow: hidden
}

.cnZ {
    width: 100%;
    height: 100%
}

.ouw {
    object-fit: cover
}

.W4U {
    grid-row: 4;
    grid-column: 2 / 4;
    margin: .5rem 0 0;
    color: var(--slot1)
}

.sdp {
    display: block;
    grid-row: 3 / 5;
    grid-column: 2 / 4;
    color: var(--slot1);
    background: var(--dottedBorder);
    margin: -.75rem
}

.y9E {
    grid-row: 1;
    grid-column: 1 / -1;
    line-height: 1.1;
    padding: .75rem var(--pageGutter) var(--pageGutter);
    font-family: var(--fontFamilyBodySerif)
}

.zkI h2 {
    font-weight: var(--fontWeightBold)
}

.atK {
    font-size: .95rem
}

.Xt6 {
    font-size: 1rem
}

.Law {
    font-size: 1.125rem
}

.QkI {
    font-size: 1.25rem
}

.vWp {
    font-size: 1.375rem
}

@media (min-width: 768px) {
    .EfU {
        grid-template-columns: repeat(3, 1fr);
        padding-top: 150px
    }

    .cbR,
    .W4U,
    .sdp {
        grid-column: 2
    }

    .y9E {
        padding: var(--pageGutter)
    }

    .atK {
        font-size: 1.5rem
    }

    .Xt6 {
        font-size: 1.75rem
    }

    .Law {
        font-size: 2rem
    }

    .QkI {
        font-size: 2.25rem
    }

    .vWp {
        font-size: 2.5rem
    }
}

@media (min-width: 1024px) {
    .EfU {
        --sideMarginWidth: calc((100vw - var(--maxContainerWidth)) / 2);
        grid-template-rows: var(--headerHeight) repeat(2, auto) minmax(var(--pageGutter), 1fr);
        grid-template-columns: var(--sideMarginWidth) 60% 1fr 240px 1fr var(--sideMarginWidth);
        padding-top: unset
    }

    .frm {
        grid-template-rows: var(--headerHeight) repeat(2, auto) minmax(var(--controlSpacing), 1fr)
    }

    .cbR {
        grid-row: 2;
        grid-column: 4;
        padding-top: 100%;
        position: relative
    }

    .cnZ {
        position: absolute;
        top: 0
    }

    .W4U {
        grid-row: 3;
        grid-column: 4
    }

    .sdp {
        grid-row: 2 / 4;
        grid-column: 4;
        margin: -1.25rem
    }

    .EfU:before {
        grid-row: 1 / -1;
        grid-column: 3 / -1
    }

    .y9E {
        grid-row: 2 / -1;
        grid-column: 2;
        align-self: end;
        padding: 0 var(--pageGutter) 2rem
    }

    .frm .y9E {
        padding-bottom: var(--controlSpacing)
    }

    .yMr {
        font-size: 1.25rem
    }

    .r_v {
        font-size: 1.5rem
    }

    .jJN {
        font-size: 1.75rem
    }

    .Huf {
        font-size: 2rem
    }

    .VzA {
        font-size: 2.5rem
    }
}

@media (min-width: 1440px) {
    .EfU {
        --paragraphWidth: calc(var(--maxContainerWidth) * .6);
        grid-template-columns: var(--sideMarginWidth) var(--paragraphWidth) 1fr 340px 1fr var(--sideMarginWidth)
    }

    .yMr {
        font-size: 1.5rem
    }

    .r_v {
        font-size: 1.75rem
    }

    .jJN {
        font-size: 2rem
    }

    .Huf {
        font-size: 2.25rem
    }

    .VzA {
        font-size: 2.75rem
    }
}

.Hof {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.R7n {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.vPw {
    display: grid;
    grid-template-rows: 1fr repeat(2, auto);
    grid-template-columns: 1fr;
    width: 100%
}

.h8r {
    grid-row: 1;
    grid-column: 1;
    overflow: hidden
}

.XWJ {
    width: 100%;
    height: 100%
}

.DUM {
    object-fit: cover
}

.DtW {
    grid-row: 2;
    grid-column: 1;
    margin: .5rem var(--pageGutter) 0
}

.j_9 {
    grid-row: 3;
    grid-column: 1;
    line-height: 1.2;
    padding: 1.75rem var(--pageGutter) var(--pageGutter);
    margin-top: 1.75rem;
    background: var(--dottedBorderTop)
}

.h65 .j_9 {
    padding-bottom: var(--controlSpacing)
}

.gQX h2 {
    font-family: var(--fontFamilyHeading);
    font-size: 110%
}

.gQX p {
    font-family: var(--fontFamilyBodySerif);
    line-height: 1.4;
    letter-spacing: .02em
}

.hz3 {
    font-family: var(--fontFamilyBodySansSerif)
}

.Knf {
    font-size: .875rem
}

.LU_ {
    font-size: .95rem
}

.i6g {
    font-size: 1rem
}

.HUz {
    font-size: 1.125rem
}

.E4w {
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .j_9 {
        margin-bottom: 0;
        margin-top: 2.25rem;
        padding-top: 2.25rem
    }

    .Knf {
        font-size: 1rem
    }

    .LU_ {
        font-size: 1.125rem
    }

    .i6g {
        font-size: 1.25rem
    }

    .HUz {
        font-size: 1.5rem
    }

    .E4w {
        font-size: 1.75rem
    }
}

@media (min-width: 1024px) {
    .vPw {
        --sideMarginWidth: calc((100vw - var(--maxContainerWidth)) / 2);
        grid-template-rows: var(--headerHeight) 1fr repeat(2, auto);
        grid-template-columns: var(--sideMarginWidth) 1fr auto 1fr var(--sideMarginWidth)
    }

    .h8r {
        grid-row: 1 / 4;
        grid-column: 4 / -1
    }

    .DtW {
        grid-row: 4;
        grid-column: 4;
        margin: .5rem 0 1rem
    }

    .h65 .DtW {
        margin-bottom: var(--controlSpacing)
    }

    .j_9 {
        grid-row: 2 / -1;
        grid-column: 2;
        align-self: end;
        padding-top: 3rem;
        padding-bottom: 1.5rem
    }

    .Y09 {
        display: block;
        background: var(--dottedBorderRight);
        grid-row: 1 / -1;
        grid-column: 3;
        width: 1px;
        height: 100%;
        margin: 0 1.25rem 0 0;
        justify-self: start
    }

    .i2D {
        font-size: 1rem
    }

    .U-j {
        font-size: 1.25rem
    }

    .iaX {
        font-size: 1.375rem
    }

    .zZD {
        font-size: 1.5rem
    }

    .lEi {
        font-size: 1.75rem
    }
}

@media (min-width: 1440px) {
    .vPw {
        grid-template-columns: var(--sideMarginWidth) 3fr auto 4fr var(--sideMarginWidth)
    }

    .i2D {
        font-size: 1.25rem
    }

    .U-j {
        font-size: 1.375rem
    }

    .iaX {
        font-size: 1.5rem
    }

    .zZD {
        font-size: 1.75rem
    }

    .lEi {
        font-size: 2rem
    }
}

.MFj {
    background: var(--dottedBorder);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.sCa {
    color: var(--slot6);
    display: grid;
    padding: 1.25rem 1.25rem 1.875rem;
    width: 100%
}

.sCa:after,
.sCa:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute
}

.CBW {
    padding-bottom: 1.25rem
}

.ejC {
    order: 1;
    padding-top: 75%;
    position: relative
}

.ejC img {
    left: 0;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    top: 0
}

.T-2 {
    column-gap: .15rem;
    display: flex;
    justify-self: center;
    padding-bottom: 1rem
}

.AZA {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1.5rem;
    line-height: 1.2;
    order: 2;
    padding-bottom: 1rem;
    text-align: center
}

.czS {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    justify-self: center;
    letter-spacing: .05em;
    order: 3;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.sCa ._Ut {
    color: var(--slot1);
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .925rem;
    line-height: 1.2;
    margin-bottom: 0;
    order: 4;
    padding-bottom: 1.875rem;
    text-align: center
}

.MyA {
    color: var(--slot6);
    column-gap: 1rem;
    display: flex;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1.75rem;
    justify-self: center;
    letter-spacing: .05em;
    order: 5;
    padding-bottom: 1.25rem
}

.Toq {
    line-height: 1.1
}

.rOR {
    align-self: flex-start;
    color: var(--slot1);
    font-size: 1.25rem;
    position: relative;
    opacity: .5
}

.rOR:after {
    background: var(--slot1);
    content: "";
    height: 3px;
    inset: 0 -.2em .2em;
    margin: auto;
    position: absolute
}

.yU5 {
    display: flex;
    justify-self: center;
    text-align: center
}

.EPa {
    align-items: center;
    background: transparent;
    border: 2px solid;
    box-shadow: .4em .25em;
    color: var(--slot6);
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: .875rem;
    justify-self: center;
    margin: 0 .4em .25em;
    outline: none;
    order: 6;
    padding: .5rem .75rem;
    text-transform: uppercase;
    z-index: var(--zIndexContent)
}

.EPa:after {
    background: var(--slot4);
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: .2em;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem
}

.xAL {
    padding: var(--pageGutter)
}

.xAL ._Ut {
    margin-top: 0
}

@media (min-width: 1024px) {
    .sCa {
        column-gap: 1.5rem;
        grid-template-columns: 1fr 1fr;
        padding-bottom: 1.5rem
    }

    .CBW {
        grid-column: 1;
        grid-row: 1 / 6;
        margin: 0;
        padding-bottom: 0
    }

    .ejC {
        padding-top: 100%
    }

    .T-2 {
        padding-top: 0
    }

    .AZA {
        font-size: 2rem
    }

    .czS {
        font-size: 1.15rem
    }

    .sCa ._Ut {
        font-size: 1rem
    }

    .MyA {
        font-size: 2.3rem
    }

    .rOR {
        font-size: 1.5rem
    }

    .EPa {
        font-size: 1.25rem;
        grid-column: 2
    }

    .EPa:after {
        height: 1.2rem;
        width: 1.5rem
    }

    .T-2,
    .AZA,
    .czS,
    .MyA,
    ._Ut,
    .yU5 {
        grid-column: 2
    }

    .xAL {
        padding: 0
    }

    .xAL .sCa {
        grid-template-rows: 1fr auto;
        max-width: 1024px
    }
}

.w9K {
    --controlSpacing: 1.5rem;
    background: var(--slot7);
    color: var(--slot8);
    width: 100%
}

.Mnx {
    pointer-events: none
}

.Mnx a {
    pointer-events: all
}

.jTD,
.jTD a {
    color: inherit
}

.BmF {
    padding-top: var(--pageGutter)
}

.mRp {
    display: block;
    position: relative
}

.QM2 {
    height: var(--viewportHeight)
}

.rHN {
    height: 100%
}

.hha {
    position: absolute;
    bottom: 1.25rem;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 var(--pageGutter);
    display: flex;
    align-items: center
}

.p8x {
    width: 100%;
    border: 0;
    flex: 1;
    height: 1px;
    margin-top: 1px;
    background: var(--navColor);
    outline: none;
    padding: 0
}

.p8x+.p8x {
    margin-left: 1.25rem
}

.p8x:first-child {
    height: 3px;
    margin-top: 0
}

.zI9 {
    position: absolute;
    top: 0;
    left: 120px;
    padding: var(--pageGutter) .75rem;
    z-index: var(--zIndexContent);
    color: var(--metaColor)
}

.BmF .zI9 {
    left: unset;
    right: 0
}

@media (min-width: 768px) {
    .p8x+.p8x {
        margin-left: 1.75rem
    }

    .zI9 {
        left: 160px;
        padding: var(--pageGutter) 1rem
    }

    .zI9 .jzT div {
        align-items: flex-start
    }

    .BmF .jzT div {
        align-items: flex-end
    }
}

@media (min-width: 1025px) {
    .BmF {
        padding-top: 2rem
    }

    .zI9 {
        --sideMarginWidth: calc((100vw - var(--maxContainerWidth)) / 2);
        left: 260px;
        padding-top: 2.5rem;
        padding-left: var(--sideMarginWidth)
    }
}

.L0e {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.Kxe {
    background: var(--slot3);
    border: 4px solid;
    box-shadow: .5em .4em;
    color: var(--slot6);
    display: grid;
    margin: 0 .5em .4em 0;
    padding: 1.25rem 1.25rem 1.875rem;
    width: 100%
}

.AI5 {
    padding-bottom: 1.25rem
}

.wAw {
    order: 1;
    padding-top: 75%;
    position: relative
}

.wAw img {
    left: 0;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    top: 0
}

.fwg {
    column-gap: .15rem;
    display: flex;
    justify-self: center;
    padding-bottom: 1rem
}

.b4h {
    font-family: var(--fontFamilyHeading);
    font-size: 1.5rem;
    line-height: 1.2;
    order: 2;
    padding-bottom: 1rem;
    text-align: center
}

.RRD {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    justify-self: center;
    letter-spacing: .05em;
    order: 3;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.Kxe .xWd {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .925rem;
    line-height: 1.2;
    margin-bottom: 0;
    order: 4;
    padding-bottom: 1.875rem;
    text-align: center
}

.tNH {
    color: var(--slot6);
    column-gap: 1rem;
    display: flex;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1.75rem;
    justify-self: center;
    letter-spacing: .05em;
    order: 5;
    padding-bottom: 1.25rem
}

.LRb {
    line-height: 1.1
}

.lWN {
    align-self: flex-start;
    color: var(--slot1);
    font-size: 1.25rem;
    position: relative;
    opacity: .5
}

.lWN:after {
    background: var(--slot1);
    content: "";
    height: 3px;
    inset: 0 -.2em .2em;
    margin: auto;
    position: absolute
}

.w-u {
    display: flex;
    justify-self: center;
    text-align: center
}

.pfs {
    align-items: center;
    background: transparent;
    border: 2px solid;
    box-shadow: .4em .25em;
    color: var(--slot6);
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: .875rem;
    justify-self: center;
    margin: 0 .4em .25em 0;
    outline: none;
    order: 6;
    padding: .5rem .75rem;
    text-transform: uppercase;
    z-index: var(--zIndexContent)
}

.pfs:after {
    background: var(--slot4);
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: .2em;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem
}

.zO- {
    padding: var(--pageGutter)
}

.zO- .xWd {
    margin-top: 0
}

@media (min-width: 1024px) {
    .Kxe {
        box-shadow: .75em .6em;
        column-gap: 1.5rem;
        grid-template-columns: 1fr 1fr;
        margin: 0 .75em .6em 0;
        padding: 1.5rem
    }

    .AI5 {
        grid-column: 1;
        grid-row: 1 / 6;
        margin: 0;
        padding-bottom: 0
    }

    .wAw {
        padding-top: 100%
    }

    .fwg {
        padding-top: 0
    }

    .b4h {
        font-size: 2rem
    }

    .RRD {
        font-size: 1.15rem
    }

    .Kxe .xWd {
        font-size: 1rem
    }

    .tNH {
        font-size: 2.3rem
    }

    .lWN {
        font-size: 1.5rem
    }

    .pfs {
        font-size: 1.25rem;
        grid-column: 2
    }

    .pfs:after {
        height: 1.2rem;
        width: 1.5rem
    }

    .fwg,
    .b4h,
    .RRD,
    .tNH,
    .xWd,
    .w-u {
        grid-column: 2
    }

    .zO- {
        padding: 0
    }

    .zO- .Kxe {
        grid-template-rows: 1fr auto;
        max-width: 1024px
    }
}

.DJe {
    background: var(--dottedBorder);
    display: flex;
    flex: 0 0 252px;
    justify-content: center;
    align-items: center;
    width: 100%
}

.lzm {
    color: var(--slot6);
    display: grid;
    height: 100%;
    padding: 1.25rem 1.25rem 1.875rem;
    position: relative;
    width: 100%
}

.lzm:after,
.lzm:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute
}

.XnR {
    margin: 0 20%;
    padding-bottom: 1.25rem
}

.P8c {
    order: 1;
    padding-top: 100%;
    position: relative
}

.P8c img {
    left: 0;
    object-fit: contain;
    object-position: bottom;
    position: absolute;
    top: 0
}

.LhZ {
    column-gap: .15rem;
    display: flex;
    justify-self: center;
    padding-bottom: 1rem
}

.PsE {
    font-family: var(--fontFamilyBodySerif);
    font-size: 1.5rem;
    line-height: 1.2;
    order: 2;
    padding-bottom: 1rem;
    text-align: center
}

.xQ0 {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    justify-self: center;
    letter-spacing: .05em;
    order: 3;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.lzm .wcy {
    display: none
}

.Kh5 {
    color: var(--slot6);
    column-gap: 1rem;
    display: flex;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1.75rem;
    justify-self: center;
    letter-spacing: .05em;
    order: 5;
    padding-bottom: 1.25rem
}

.JEf {
    line-height: 1.1
}

.lgZ {
    align-self: flex-start;
    color: var(--slot1);
    font-size: 1.25rem;
    position: relative;
    opacity: .5
}

.lgZ:after {
    background: var(--slot1);
    content: "";
    height: 3px;
    inset: 0 -.2em .2em;
    margin: auto;
    position: absolute
}

.EpK {
    display: flex;
    justify-self: center;
    text-align: center
}

.zPY {
    display: flex;
    align-items: center;
    justify-self: center;
    align-self: end;
    background: transparent;
    border: 2px solid;
    box-shadow: .4em .25em;
    color: var(--slot6);
    column-gap: .5rem;
    cursor: pointer;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: .875rem;
    margin: 0 .4em .25em;
    outline: none;
    order: 6;
    padding: .5rem .75rem;
    text-transform: uppercase;
    z-index: var(--zIndexContent)
}

.zPY:after {
    background: var(--slot4);
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: .2em;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem
}

.Sdo {
    padding: var(--pageGutter)
}

.Sdo .wcy {
    margin-top: 0
}

@media (min-width: 1024px) {
    .DJe {
        flex: 0 0 312px
    }
}

.eje {
    position: relative;
    padding: var(--verticalCardSpacing) 0 calc(var(--verticalCardSpacing) * 2);
    overflow: hidden
}

.SYM {
    display: flex;
    flex-wrap: wrap
}

.SYM .Fz6 {
    height: auto;
    cursor: pointer
}

.Fz6>div {
    height: 100%
}

.GWS {
    align-items: flex-end;
    border-bottom: 1px solid;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: .7rem;
    z-index: var(--zIndexContent);
    margin-left: var(--pageGutter);
    width: calc(100% - calc(var(--pageGutter) * 2))
}

.oU4 {
    font-family: var(--fontFamilyHeading);
    font-size: 3.1rem;
    font-weight: var(--fontWeightRegular);
    line-height: 1;
    margin: 0
}

.M7v {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: 0 var(--pageGutter);
    margin: 0 auto
}

.phz.baf {
    padding: var(--verticalCardSpacing) var(--pageGutter);
    overflow-x: hidden;
    width: calc(100% + var(--pageGutter))
}

.wUL {
    padding: .1px
}

.crn .GWS {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% + var(--pageGutter))
}

.crn.phz {
    margin: 0 auto;
    padding: var(--verticalCardSpacing) var(--pageGutter);
    max-width: var(--maxContainerWidth)
}

.crn.phz .GWS {
    width: 100%
}

div.OK7 {
    margin: 0;
    padding: var(--verticalCardSpacing) 0
}

@media (min-width: 768px) {
    .wUL {
        display: none
    }

    .GWS {
        margin-left: 0;
        width: 100%
    }

    .phz.baf {
        padding: var(--verticalCardSpacing) 0 calc(var(--verticalCardSpacing) * 2);
        width: 100%
    }

    .phz.baf .GWS {
        margin-left: var(--pageGutter);
        margin-right: var(--pageGutter);
        width: auto
    }

    .OK7 {
        overflow: visible;
        padding-bottom: 5rem
    }
}

.KlI {
    margin-bottom: var(--mobiledocSpacing);
    position: relative
}

.d-Z {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    font-family: var(--fontFamilyBodySansSerif);
    font-weight: var(--fontWeightRegular);
    line-height: 1.2;
    margin: 1rem var(--pageGutter) calc(var(--mobiledocSpacing) * .75);
    padding: .65rem 0
}

.d-Z>div:first-child {
    font-size: inherit;
    line-height: inherit
}

.bL3 {
    margin: 1rem var(--pageGutter) var(--mobiledocSpacing)
}

.L5Y {
    font-size: .75rem;
    font-style: italic;
    grid-column: 1 / -1;
    margin-bottom: .5rem;
    margin-top: -1rem;
    text-transform: uppercase
}

div.d-Z p {
    font-size: 1.875rem
}

div.d-Z p,
div.bL3 p {
    margin: 0
}

.voQ {
    color: var(--slot6);
    grid-column: full;
    margin: 0 var(--pageGutter);
    position: relative
}

.R4o {
    display: grid;
    row-gap: var(--mobiledocSpacing)
}

@media (min-width: 768px) {

    .d-Z,
    .bL3 {
        margin-left: 0;
        margin-right: 0
    }

    div.d-Z p {
        font-size: 1.875rem
    }

    .R4o {
        grid-template-columns: 1fr 1fr;
        column-gap: 1.25rem
    }

    .voQ {
        margin: 0
    }
}

@media (min-width: 1024px) {
    div.d-Z p {
        font-size: 2.5rem
    }
}

.m3n {
    margin-bottom: var(--mobiledocSpacing);
    position: relative
}

.AKz {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    font-family: var(--fontFamilyBodySansSerif);
    font-weight: var(--fontWeightRegular);
    line-height: 1.2;
    margin: 1rem var(--pageGutter) calc(var(--mobiledocSpacing) * .75);
    padding: .65rem 0
}

.AKz>div:first-child {
    font-size: inherit;
    line-height: inherit
}

.VJ- {
    margin: 1rem var(--pageGutter) var(--mobiledocSpacing)
}

.xyQ {
    font-size: .75rem;
    font-style: italic;
    grid-column: 1 / -1;
    margin-bottom: .5rem;
    margin-top: -1rem;
    text-transform: uppercase
}

div.AKz p {
    font-size: 1.875rem
}

div.AKz p,
div.VJ- p {
    margin: 0
}

.t1b {
    color: var(--slot6);
    grid-column: full;
    margin: 0 var(--pageGutter);
    position: relative
}

._PY {
    display: grid;
    row-gap: var(--mobiledocSpacing)
}

@media (min-width: 768px) {

    .AKz,
    .VJ- {
        margin-left: 0;
        margin-right: 0
    }

    div.AKz p {
        font-size: 1.875rem
    }

    ._PY {
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 1.25rem
    }

    .t1b {
        margin: 0
    }
}

@media (min-width: 1024px) {
    div.AKz p {
        font-size: 2.5rem
    }
}

.H2A {
    margin-bottom: var(--mobiledocSpacing);
    position: relative
}

.n7d {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    font-family: var(--fontFamilyBodySansSerif);
    font-weight: var(--fontWeightRegular);
    line-height: 1.2;
    margin: 1rem auto calc(var(--mobiledocSpacing) * .75);
    max-width: var(--maxFeatureBodyWidth);
    padding: .65rem var(--pageGutter)
}

.n7d>div:first-child {
    font-size: inherit;
    line-height: inherit
}

.Iw_ {
    margin: 1rem auto var(--mobiledocSpacing);
    max-width: var(--maxFeatureBodyWidth);
    padding: 0 var(--pageGutter)
}

.fmW {
    font-size: .75rem;
    font-style: italic;
    grid-column: 1 / -1;
    margin-bottom: .5rem;
    margin-top: -1rem;
    text-transform: uppercase
}

div.n7d p {
    font-size: 1.875rem
}

div.n7d p,
div.Iw_ p {
    margin: 0
}

.OlJ {
    grid-column: full;
    color: var(--slot6);
    position: relative
}

.iQ7 {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

.mpQ,
.CZq {
    background: transparent;
    cursor: pointer;
    font-family: var(--fontFamilyHeading);
    font-size: 1.75rem;
    padding: 0;
    text-transform: uppercase
}

.mpQ:disabled:after,
.CZq:disabled:before {
    opacity: .25
}

.yc4 {
    column-gap: 1.25rem;
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth
}

.yc4::-webkit-scrollbar {
    display: none
}

.byu {
    display: none
}

@media (min-width: 768px) {
    .H2A {
        padding-bottom: 3rem
    }

    div.n7d p {
        font-size: 1.875rem
    }

    .bfS,
    .uR0 {
        scroll-snap-align: none
    }

    .byu {
        align-items: center;
        background: var(--slot8);
        border: none;
        bottom: 0;
        cursor: pointer;
        display: flex;
        height: 2.5rem;
        -webkit-mask-image: url(/fonts/arrow.svg);
        mask-image: url(/fonts/arrow.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: 90% 90%;
        mask-size: 90% 90%;
        position: absolute;
        right: 1rem;
        width: 2.5rem;
        z-index: var(--zIndexOverContent)
    }

    .byu:disabled {
        pointer-events: none;
        opacity: 0
    }

    .byu:focus {
        outline: none
    }

    .zPA {
        left: var(--pageGutter);
        transform: rotate(180deg)
    }

    .l3t {
        right: var(--pageGutter)
    }

    .qI0 {
        display: block;
        height: 100px;
        flex: 0 0 1px;
        margin-right: -1px
    }
}

@media (min-width: 1024px) {

    .n7d,
    .Iw_ {
        padding-left: 0;
        padding-right: 0
    }

    div.n7d p {
        font-size: 2.5rem
    }
}

.Dzn {
    font-family: var(--fontFamilyHeading);
    margin: 0;
    display: flex;
    justify-content: center
}

.Mj1 {
    display: inline-block;
    margin-right: 5px
}

.Mj1:before {
    display: block;
    content: ""
}

.Mj1:last-child {
    margin-right: 0
}

.Mj1:nth-child(n):before {
    height: 140px
}

.Mj1:nth-child(2n + 2):before {
    height: 150px
}

.Mj1:nth-child(3n + 3):before {
    height: 145px
}

.Mj1:nth-child(4n + 4):before {
    height: 155px
}

.Mj1:nth-child(7n) {
    --bannerColor: #9fccad
}

.Mj1:nth-child(7n + 1) {
    --bannerColor: #f1b341
}

.Mj1:nth-child(7n + 2) {
    --bannerColor: #dad7c0
}

.Mj1:nth-child(7n + 3) {
    --bannerColor: #64579a
}

.Mj1:nth-child(7n + 4) {
    --bannerColor: #eb9eb9
}

.Mj1:nth-child(7n + 5) {
    --bannerColor: #e8633b
}

.Mj1:nth-child(7n + 6) {
    --bannerColor: #427b45
}

.I1I,
.Mj1:before {
    background: var(--bannerColor)
}

.I1I {
    text-transform: uppercase;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    color: var(--slot5);
    width: 40px;
    height: 60px;
    font-size: 2.4rem
}

.Q0a {
    justify-content: space-between
}

.Q0a .Mj1 {
    filter: none;
    margin-right: 0
}

.Q0a .I1I {
    width: 13vw;
    height: 19.5vw;
    font-size: 11vw;
    margin-top: 1.5vw;
    color: var(--slot1)
}

.Q0a .Mj1:nth-child(1):before,
.Q0a .Mj1:nth-child(6):before {
    height: 134px
}

.Q0a .Mj1:nth-child(2):before,
.Q0a .Mj1:nth-child(5):before {
    height: 105px
}

.Q0a .Mj1:nth-child(3):before,
.Q0a .Mj1:nth-child(7):before {
    height: 118px
}

.Q0a .Mj1:nth-child(4):before {
    height: 97px
}

@media (min-width: 768px) {
    .I1I {
        width: 55px;
        height: 75px;
        font-size: 2.8rem
    }

    .Mj1:nth-child(n):before {
        height: 340px
    }

    .Mj1:nth-child(2n + 2):before {
        height: 350px
    }

    .Mj1:nth-child(3n + 3):before {
        height: 345px
    }

    .Mj1:nth-child(4n + 4):before {
        height: 355px
    }

    .Q0a {
        justify-content: center
    }

    .Q0a .Mj1 {
        margin-right: 5px
    }

    .Q0a .Mj1:last-child {
        margin-right: 0
    }

    .Q0a .I1I {
        width: 51px;
        height: 69px;
        font-size: 2.5rem;
        margin-top: 5px
    }

    .Q0a .Mj1:nth-child(1):before,
    .Q0a .Mj1:nth-child(6):before {
        height: 170px
    }

    .Q0a .Mj1:nth-child(2):before,
    .Q0a .Mj1:nth-child(5):before {
        height: 140px
    }

    .Q0a .Mj1:nth-child(3):before,
    .Q0a .Mj1:nth-child(7):before {
        height: 153px
    }

    .Q0a .Mj1:nth-child(4):before {
        height: 130px
    }
}

.vE8 {
    position: relative;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overflow-x: auto;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch
}

.vE8::-webkit-scrollbar {
    display: none
}

.gPQ {
    scroll-snap-align: center;
    scroll-snap-stop: always
}

:root {
    --indent: 2.5rem
}

.rs0 a,
.tDr a,
.Afg>h2 a,
.Afg>h3 a,
.Afg h4 a,
.Afg h5 a,
.Afg p a,
.Afg li a {
    border-bottom: 1px solid var(--slot4)
}

.Afg p {
    color: inherit;
    margin-bottom: var(--mobiledocSpacing);
    margin-top: 0
}

.Afg b,
.Afg strong {
    font-weight: var(--fontWeightBold)
}

.Afg>h2,
.Afg>h3,
.Afg>h4 {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    font-family: var(--fontFamilyBodySansSerif);
    font-weight: var(--fontWeightRegular);
    line-height: 1.2;
    margin: 1rem 0 calc(var(--mobiledocSpacing) * .75);
    padding: .65rem 0
}

.Afg>h2 {
    font-size: 2rem
}

.Afg>h3 {
    font-size: 1.875rem;
    padding: .75rem 0
}

.Afg>h4 {
    font-size: 1.5rem;
    padding: 1rem 0
}

.Afg ul,
.Afg ol {
    margin-bottom: var(--mobiledocSpacing);
    margin-top: 0;
    margin-left: calc(var(--indent) - 1rem);
    padding-left: 2.5rem
}

.Afg ul {
    list-style: none
}

.Afg ul li {
    list-style: none;
    padding-bottom: .5rem;
    position: relative
}

.Afg ul li:before {
    background: var(--slot4);
    content: "";
    height: .75rem;
    left: -2.5rem;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: .5rem;
    width: 1.1rem
}

.Afg ol li {
    counter-increment: list;
    list-style-type: none;
    padding-bottom: .5rem;
    position: relative
}

.Afg ol li:before {
    color: var(--slot6);
    content: counter(list) ". ";
    display: inline-block;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1rem;
    left: -2.25rem;
    line-height: 1.52;
    position: absolute;
    text-align: left;
    top: 2px;
    width: 2rem
}

.Afg iframe {
    border: 0
}

.rs0 {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    color: var(--slot6);
    font-size: 1.75rem;
    justify-self: flex-end;
    letter-spacing: -.01em;
    line-height: 1.2;
    margin: 0 0 var(--mobiledocSpacing);
    max-width: var(--maxBodyWidth);
    padding: 1rem 0;
    width: 100%
}

.rs0 a {
    border: none;
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 2px
}

.tDr {
    font-size: inherit;
    margin: 0 0 var(--mobiledocSpacing) var(--indent);
    padding-left: 1.75rem;
    background: var(--dottedBorderLeft)
}

@media (min-width: 1024px) {
    :root {
        --indent: 4rem
    }

    .Afg>h2 {
        font-size: 2.5rem
    }

    .Afg>h3 {
        font-size: 2rem
    }

    .Afg h4 {
        font-size: 1.5rem
    }

    .rs0 {
        font-size: 2rem
    }

    .Afg ul,
    .Afg ol {
        padding-left: 3rem
    }

    .Afg ul li:before,
    .Afg ol li:before {
        left: -3rem
    }

    .Afg ul li:before {
        top: .5rem
    }

    .Afg ol li:before {
        font-size: 1.25rem;
        top: .1rem
    }
}

.Z8F {
    text-align: center;
    margin: 2rem -1rem
}

.T46 {
    margin: 0 auto var(--mobiledocSpacing)
}

@media (min-width: 768px) {
    .T46 {
        margin: var(--mobiledocSpacing) auto calc(var(--mobiledocSpacing) * 2)
    }
}

.p42 {
    margin: 0 auto
}

.BGH {
    padding-top: calc(var(--headerHeight) + 1rem);
    overflow: hidden
}

.AOE {
    color: var(--slot6);
    font-family: var(--fontFamilyBodySerif);
    font-size: 2.5rem;
    font-weight: var(--fontWeightRegular);
    max-width: var(--maxBodyWidth);
    position: relative;
    text-transform: capitalize
}

.AOE:after,
.BGH h2:after {
    content: ")"
}

.AOE:before,
.BGH h2:before {
    content: "("
}

.wLq {
    max-width: calc(var(--maxBodyWidth) + 2rem);
    margin: auto;
    padding: 0 1rem
}

.BGH h2 {
    font-size: 1.5rem
}

.BGH ul {
    padding: 0 1rem 0 4rem
}

.BGH ul li {
    padding-bottom: 0;
    margin: 0 0 1rem
}

.QhO {
    width: 100%;
    background: var(--slot5);
    color: var(--slot4)
}

.LNS {
    max-width: var(--maxFeatureContentWidth);
    margin: auto;
    display: flex;
    flex-direction: column;
    padding-bottom: 35px
}

.Ztj {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: max-content
}

.My5 {
    display: none;
    justify-content: center;
    align-items: center
}

.MrR {
    grid-template-columns: repeat(13, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    padding-top: 35px;
    margin-right: 20px;
    display: flex;
    width: 100%
}

.CSk {
    padding: 20px;
    font-size: .95rem;
    flex-direction: column;
    justify-content: space-between;
    display: inline-flex;
    min-width: 90vw;
    background: var(--dottedBorderBottom), var(--dottedBorderRight)
}

.CSk:last-child {
    background: var(--dottedBorderBottom)
}

.CSk p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.LM_ {
    font-family: var(--fontFamilyHeading);
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 1px;
    font-size: .8rem
}

.CSk:nth-child(1) {
    font-family: var(--fontFamilyHeading)
}

.dnv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.rof {
    display: flex;
    justify-content: space-between;
    margin: 15px;
    width: 100%
}

.xp0 {
    align-items: center;
    background: transparent;
    color: var(--slot6);
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    justify-self: center;
    margin: 0 .4em .25em;
    outline: none;
    padding: .5rem .75rem;
    z-index: var(--zIndexContent)
}

.xp0:after {
    background: var(--slot4);
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: .2em;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.7rem
}

.A2M:after {
    transform: rotateY(180deg)
}

.aAm {
    margin: auto;
    max-width: var(--maxFeatureContentWidth);
    padding: 0 1.25rem .5rem;
    color: var(--slot4)
}

@media (min-width: 768px) {
    .LNS {
        flex-direction: row;
        min-height: 555px
    }

    .Ztj {
        width: 40%;
        padding-right: 20px
    }

    .My5 {
        display: flex
    }

    .MrR {
        width: 60%;
        display: grid;
        overflow: auto;
        background: var(--dottedBorderBottom)
    }

    .CSk {
        display: flex;
        min-width: auto
    }

    .CSk:nth-child(1) {
        grid-area: 1 / 1 / 2 / 10;
        font-size: 1.5rem;
        padding-left: 0;
        padding-top: 0;
        background: var(--dottedBorderBottom), var(--dottedBorderRight)
    }

    .CSk:nth-child(2) {
        grid-area: 1 / 10 / 2 / 14;
        padding-right: 0;
        padding-top: 0;
        background: var(--dottedBorderBottom)
    }

    .CSk:nth-child(3) {
        grid-area: 2 / 10 / 3 / 14;
        padding-right: 0;
        background: none
    }

    .CSk:nth-child(4) {
        grid-area: 2 / 5 / 3 / 10;
        background: var(--dottedBorderRight)
    }

    .CSk:nth-child(5) {
        grid-area: 2 / 1 / 3 / 5;
        padding-left: 0;
        background: var(--dottedBorderRight)
    }

    .dnv {
        display: none
    }
}

.w-l {
    color: var(--slot8)
}

.Cau {
    width: 100%;
    max-width: var(--maxContainerWidth);
    margin: 0 auto;
    padding: var(--verticalCardSpacing) 0
}

.zkm {
    display: flex;
    justify-content: flex-end;
    padding-right: var(--pageGutter)
}

.E-S {
    margin: 0 var(--pageGutter) var(--mobiledocSpacing)
}

.lev+.E-S {
    background: var(--dottedBorderTop);
    margin-top: var(--pageGutter);
    padding-top: var(--pageGutter)
}

.m_7 {
    padding: 0 var(--pageGutter)
}

.cWt {
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth
}

.cWt::-webkit-scrollbar {
    display: none
}

.pPu {
    display: flex;
    width: 250px;
    height: 333px;
    flex: none;
    margin-right: var(--pageGutter)
}

.kva {
    width: 500px
}

.Nem,
.C0P {
    width: 100%;
    height: 100%
}

.pVB {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Qv1 {
    display: flex;
    justify-content: space-between;
    margin: 0 var(--pageGutter);
    position: relative
}

.N0R {
    height: 3.5rem;
    width: 2.5rem;
    background: var(--slot8);
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 90% 90%;
    mask-size: 90% 90%;
    border: none;
    cursor: pointer;
    z-index: var(--zIndexOverContent)
}

.N0R:disabled {
    pointer-events: none;
    opacity: 0
}

.N0R:focus {
    outline: none
}

.tF- {
    transform: rotate(180deg)
}

.Omc {
    display: block;
    height: 100px;
    flex: 0 0 1px;
    margin-right: -1px
}

@media (min-width: 768px) {
    .Cau {
        --imageWidth: calc((100% / 3) - 1rem);
        --imageWidthLandscape: calc((100% * 2 / 3) - .5rem)
    }

    .cWt {
        overflow-x: unset;
        flex-wrap: wrap;
        gap: 1.5rem
    }

    .pPu {
        width: var(--imageWidth);
        height: unset;
        margin: 0;
        position: relative
    }

    .C0P {
        padding-top: 133%
    }

    .pVB {
        position: absolute;
        top: 0;
        left: 0
    }

    .kva {
        width: var(--imageWidthLandscape)
    }

    .kva .C0P {
        padding-top: 64%
    }

    .Omc,
    .Qv1 {
        display: none
    }
}

@media (min-width: 1024px) {
    .lev+.E-S {
        margin-top: 1.5rem;
        padding-top: 1.5rem
    }
}

._3g {
    background: var(--slot7);
    color: var(--slot8);
    position: relative
}

.wb9 {
    position: relative;
    pointer-events: none
}

.wb9 a {
    pointer-events: all
}

.blV {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--slot8);
    margin-bottom: 1rem
}

.QvD {
    margin: 0;
    line-height: 1.1
}

.Sei {
    margin: 1rem 0 0;
    line-height: 1.2
}

.QHT {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--maxContainerWidth);
    margin: 0 auto;
    padding: 0 var(--pageGutter) var(--verticalCardSpacing)
}

.vzi {
    padding: 1.25rem 0;
    background: var(--dottedBorderTop)
}

.vzi:last-child {
    background: var(--dottedBorderTop), var(--dottedBorderBottom)
}

.BjT {
    color: var(--slot8);
    text-align: right
}

.VvK {
    width: 65%;
    margin-bottom: 1.25rem
}

.BjT .QvD {
    font-family: var(--fontFamilyHeading);
    font-size: 1.375rem
}

.BjT .Sei {
    font-family: var(--fontFamilyBodySerif);
    font-size: .75rem
}

@media (min-width: 768px) {
    .blV {
        font-size: 1.125rem
    }

    .BjT .blV,
    .BjT .Sei {
        font-size: 1rem
    }

    .BjT .QvD {
        font-size: 2rem
    }

    .QHT {
        flex-direction: row
    }

    .vzi {
        flex: 0 0 50%;
        padding: 2.5rem 0
    }

    .vzi:nth-child(1) {
        background: var(--dottedBorderTop), var(--dottedBorderBottom), var(--dottedBorderRight);
        padding-right: 2rem
    }

    .vzi:nth-child(2) {
        padding-left: 2rem
    }
}

@media (min-width: 1024px) {
    .BjT {
        display: grid;
        grid-template-rows: auto 1fr auto;
        grid-template-columns: 2fr 3fr;
        grid-column-gap: 2rem
    }

    .VvK {
        grid-row: 1 / -1;
        grid-column: 1;
        width: 100%;
        margin-bottom: unset
    }

    .BjT .blV {
        grid-row: 1;
        grid-column: 2
    }

    .BjT .QvD {
        grid-row: 2;
        grid-column: 2
    }

    .BjT .Sei {
        grid-row: 3;
        grid-column: 2
    }
}

.x1- {
    display: grid;
    width: 100%;
    max-width: var(--maxContainerWidth);
    margin: 0 auto;
    padding: var(--bigLogoHeaderHeight) var(--pageGutter) var(--verticalCardSpacing)
}

.Pyi {
    justify-self: end
}

.WMp,
._55 {
    font-family: var(--fontFamilyHeading);
    font-size: 1.375rem;
    margin: 1.25rem 0 0
}

.WMp {
    line-height: 1;
    padding-bottom: .2em
}

._55 {
    font-weight: var(--fontWeightBold);
    line-height: .9;
    text-transform: uppercase;
    text-shadow: -2px 2px 0 var(--textShadowColor);
    -webkit-text-stroke: .015em var(--slot7)
}

.WMp+._55 {
    margin-top: 0
}

.rrV {
    margin: 1.25rem 0 2rem;
    position: relative
}

.DaE {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .02em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    padding: 2px;
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg)
}

.quh {
    color: var(--slot8);
    text-align: center
}

.quh .OhG {
    font-family: var(--fontFamilyBodySerif);
    font-size: var(--titleSize)
}

.quh .MEF {
    font-family: var(--fontFamilyHeading);
    font-size: .875rem;
    letter-spacing: .01em
}

.quh .fl4 {
    display: block;
    margin: 1.5rem auto 0
}

.LA9 {
    --titleSize: 1.25rem
}

._q1 {
    --titleSize: 1.5rem
}

.kxf {
    --titleSize: 1.75rem
}

.OES {
    --titleSize: 2rem
}

.EDm {
    --titleSize: 2.25rem
}

@media (min-width: 768px) {
    .x1- {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-template-rows: repeat(2, 1fr) auto;
        padding-top: 2.5rem
    }

    .rrV {
        grid-row: 1 / 3;
        grid-column: 1;
        margin-right: var(--pageGutter)
    }

    .DaE {
        left: unset;
        right: 100%
    }

    .WMp,
    ._55 {
        grid-column: 2;
        text-align: right;
        margin: 0
    }

    .WMp {
        grid-row: 1;
        align-self: end;
        font-size: 1.75rem
    }

    ._55 {
        grid-row: 2;
        font-size: 2rem
    }

    .Pyi {
        grid-row: 1;
        grid-column: 2;
        align-self: start;
        margin-top: 80px
    }

    .quh {
        grid-row: 3;
        grid-column: 1 / -1;
        width: 75%;
        justify-self: center
    }

    .quh .MEF {
        font-size: 1rem
    }

    .LA9 {
        --titleSize: 1.75rem
    }

    ._q1 {
        --titleSize: 2.25rem
    }

    .kxf {
        --titleSize: 2.5rem
    }

    .OES {
        --titleSize: 2.75rem
    }

    .EDm {
        --titleSize: 3rem
    }
}

@media (min-width: 1024px) {
    .x1- {
        grid-template-columns: 1fr 3fr 1fr
    }

    .rrV {
        grid-row: 1 / 3;
        grid-column: 2;
        margin-left: var(--pageGutter)
    }

    .DaE {
        font-size: .75rem
    }

    .Pyi {
        grid-column: 3;
        margin-top: 170px
    }

    .WMp,
    ._55 {
        grid-row: 2;
        align-self: start
    }

    .WMp {
        grid-column: 1;
        text-align: left;
        font-size: 2rem
    }

    ._55 {
        grid-column: 3;
        font-size: 2.5rem
    }

    .quh {
        grid-column: 2;
        width: 100%
    }

    .quh .MEF {
        margin-top: 1.5rem
    }

    .quh .fl4 {
        margin-top: 2.5rem
    }

    .QIo {
        --titleSize: 2.5rem
    }

    .MiT {
        --titleSize: 2.75rem
    }

    .Cd8 {
        --titleSize: 3rem
    }

    .xsz {
        --titleSize: 3.5rem
    }

    .yh6 {
        --titleSize: 4rem
    }
}

.o3W {
    background: var(--slot3);
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: var(--maxContainerWidth);
    margin: 0 auto;
    padding-top: calc(var(--bigLogoHeaderHeight) + .75rem);
    text-align: right
}

.CWM {
    grid-row: 1 / 3;
    grid-column: 1;
    position: relative;
    background: var(--slot9)
}

.Pwb {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .02em;
    color: var(--slot2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 2px;
    text-align: center;
    writing-mode: vertical-rl;
    transform: rotate(180deg)
}

.bJz,
.sco {
    grid-column: 1;
    color: var(--slot10);
    font-family: var(--fontFamilyHeading);
    font-size: 1.125rem;
    line-height: 1;
    margin: 1rem 0 0;
    padding: 0 var(--pageGutter);
    z-index: var(--zIndexContent)
}

.bJz+.sco {
    margin-top: .2em
}

.bJz {
    grid-row: 1
}

.sco {
    grid-row: 2
}

.FtT {
    grid-row: 2;
    grid-column: 1;
    color: var(--slot13);
    z-index: var(--zIndexContent);
    align-self: end;
    margin: 0 0 .5rem var(--pageGutter)
}

.pJG {
    grid-row: 3;
    grid-column: 1;
    padding: var(--pageGutter);
    color: var(--slot8);
    background: var(--slot7)
}

.pJG .yqr {
    color: inherit
}

.pJG .oD3 {
    font-family: var(--fontFamilyHeading);
    font-size: var(--titleSize)
}

.pJG .tky {
    font-family: var(--fontFamilyBodySerif);
    font-size: .75rem;
    margin-top: 1.25rem
}

.pJG .W-M {
    display: block;
    margin-top: 1rem
}

.dpm {
    --titleSize: 1.25rem
}

.m-2 {
    --titleSize: 1.5rem
}

.nN3 {
    --titleSize: 1.75rem
}

.y2N {
    --titleSize: 2rem
}

.Cap {
    --titleSize: 2.25rem
}

@media (min-width: 768px) {
    .o3W {
        margin-bottom: 2.5rem
    }

    .CWM {
        grid-row: 1 / -1
    }

    .Pwb {
        left: unset;
        right: 0
    }

    .FtT {
        grid-row: 1 / 3;
        grid-column: 1;
        align-self: start;
        justify-self: start;
        margin-top: .5rem
    }

    .FtT .oFq div {
        align-items: flex-start
    }

    .pJG {
        color: var(--slot10);
        background: none;
        width: 60%;
        text-align: left;
        z-index: var(--zIndexContent)
    }

    .pJG .tky {
        font-size: 1rem
    }

    .dpm {
        --titleSize: 1.5rem
    }

    .m-2 {
        --titleSize: 1.75rem
    }

    .nN3 {
        --titleSize: 2rem
    }

    .y2N {
        --titleSize: 2.25rem
    }

    .Cap {
        --titleSize: 2.5rem
    }
}

@media (min-width: 1024px) {
    .o3W {
        padding-top: calc(var(--bigLogoHeaderHeight) - 1.25rem)
    }

    .sco,
    .bJz {
        font-size: 1.5rem;
        margin-top: var(--pageGutter)
    }

    .pJG {
        width: 50%
    }

    .FtT {
        margin-top: 2rem
    }

    .iJp {
        --titleSize: 1.75rem
    }

    .dTW {
        --titleSize: 2rem
    }

    .DgB {
        --titleSize: 2.25rem
    }

    .zLd {
        --titleSize: 2.5rem
    }

    .msz {
        --titleSize: 3rem
    }
}

.s1I {
    color: var(--slot1);
    width: 100%;
    max-width: var(--maxContainerWidth);
    margin: 0 auto
}

.hEr {
    color: var(--slot8);
    padding: var(--verticalCardSpacing) 0
}

.PWa {
    position: relative
}

.SJc {
    padding: .5rem var(--pageGutter) 0
}

.s1I .SJc h2 {
    font-size: inherit
}

.hEr .SJc {
    font-size: .875rem
}

.hEr .gh3 {
    font-size: .75rem
}

._bP {
    margin: -1.25rem .25rem .25rem
}

.wAs {
    color: var(--slot2);
    margin: -56px 0 8px 8px
}

@media (min-width: 768px) {
    ._bP {
        margin: -2rem var(--pageGutter) .5rem
    }
}

@media (min-width: 1024px) {
    .hEr {
        padding: var(--verticalCardSpacing) var(--pageGutter)
    }

    .SJc {
        padding: .75rem 0 0
    }

    .hEr .SJc {
        font-size: 1rem
    }

    .hEr .gh3 {
        font-size: .875rem
    }

    ._bP {
        margin: -2rem 0 .5rem
    }
}

.T8A {
    width: 100%;
    height: 100%;
    background: var(--slot1);
    color: var(--slot13)
}

.G2w {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-end;
    padding: var(--headerHeight) var(--pageGutter) var(--pageGutter)
}

.rBr.G2w {
    padding-bottom: var(--controlSpacing)
}

.GsL,
.PaJ,
.LFJ {
    z-index: var(--zIndexContent)
}

._c7 {
    margin-bottom: 1.25rem
}

.Kca {
    font-family: var(--fontFamilyBodySerif);
    font-weight: 400;
    font-size: inherit;
    line-height: 1.1
}

.dYp {
    margin-top: 1.25rem
}

.PaJ {
    margin-top: 1.5rem
}

.LFJ {
    display: flex;
    flex-direction: column;
    row-gap: .25rem;
    margin-top: 1rem
}

.u4k {
    position: absolute;
    inset: 0
}

.XBl {
    object-fit: cover
}

.ira {
    position: absolute;
    bottom: .5rem;
    right: .1rem;
    text-align: right;
    top: var(--headerHeight);
    transform: rotate(180deg);
    text-transform: uppercase;
    writing-mode: vertical-rl
}

.s5h {
    font-size: 1.5rem
}

.eKZ {
    font-size: 1.75rem
}

.IhL {
    font-size: 2rem
}

.ifM {
    font-size: 2.25rem
}

.VfT {
    font-size: 2.5rem
}

@media (min-width: 768px) {
    .dYp {
        font-size: 1rem
    }

    .PaJ,
    .LFJ {
        font-size: .88rem
    }

    .s5h {
        font-size: 2rem
    }

    .eKZ {
        font-size: 2.25rem
    }

    .IhL {
        font-size: 2.5rem
    }

    .ifM {
        font-size: 2.75rem
    }

    .VfT {
        font-size: 3rem
    }
}

@media (min-width: 1025px) {
    .G2w {
        display: grid;
        grid-template-rows: auto 1fr auto;
        grid-template-columns: repeat(4, 1fr) auto;
        align-items: end
    }

    .GsL {
        grid-row: 1 / -1;
        grid-column: 1 / span 3
    }

    ._c7 {
        margin-bottom: 1.38rem
    }

    .dYp {
        width: calc(200% / 3);
        margin-top: 1.88rem
    }

    .PaJ {
        margin: 0;
        grid-row: 2;
        grid-column-end: -1
    }

    .LFJ {
        margin-top: 2rem;
        grid-row-end: -1;
        grid-column-end: -1
    }

    .s5h {
        font-size: 2.5rem
    }

    .eKZ {
        font-size: 2.75rem
    }

    .IhL {
        font-size: 3rem
    }

    .ifM {
        font-size: 3.25rem
    }

    .VfT {
        font-size: 3.75rem
    }
}

@media (min-width: 1440px) {
    .G2w {
        --sidePadding: calc((100vw - var(--maxContainerWidth)) / 2);
        padding-right: calc(var(--sidePadding) + var(--pageGutter));
        padding-left: calc(var(--sidePadding) + var(--pageGutter))
    }

    .BhH {
        font-size: 2.75rem
    }

    .qVd {
        font-size: 3rem
    }

    .uFd {
        font-size: 3.25rem
    }

    .E7W {
        font-size: 3.5rem
    }

    .V3Y {
        font-size: 4rem
    }
}

.euF {
    width: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.keZ {
    display: flex;
    flex-direction: column;
    height: auto;
    width: 100%;
    padding: var(--verticalCardSpacing) var(--pageGutter)
}

.HbH {
    order: 1
}

.et0 {
    order: 2;
    margin: .5rem 0 0
}

.QsU {
    order: 3;
    line-height: 1.2;
    margin-top: 2rem
}

.GEy h2 {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    font-family: var(--fontFamilyHeading);
    font-size: 160%;
    padding: 1rem 0;
    position: relative;
    margin-bottom: 2rem
}

.GEy p {
    font-family: var(--fontFamilyBodySerif);
    line-height: 1.6
}

.NGF {
    font-family: var(--fontFamilyBodySansSerif)
}

.GTg {
    font-size: .875rem
}

.r1Y {
    font-size: .95rem
}

.oDX {
    font-size: 1rem
}

.hie {
    font-size: 1.125rem
}

.mHI {
    font-size: 1.25rem
}

@media (min-width: 768px) {
    .GTg {
        font-size: .95rem
    }

    .r1Y {
        font-size: 1rem
    }

    .oDX {
        font-size: 1.125rem
    }

    .hie {
        font-size: 1.25rem
    }

    .mHI {
        font-size: 1.375rem
    }
}

@media (min-width: 1024px) {
    .keZ {
        max-width: var(--maxBodyWidth);
        padding: var(--verticalCardSpacing) 0
    }

    .cbh {
        font-size: 1rem
    }

    .wzH {
        font-size: 1.125rem
    }

    .yqb {
        font-size: 1.25rem
    }

    .oRa {
        font-size: 1.375rem
    }

    .nVk {
        font-size: 1.5rem
    }
}

.ilu {
    display: grid;
    grid-template-rows: var(--headerHeight) 1fr auto;
    grid-template-columns: var(--pageGutter) 1fr var(--pageGutter);
    width: 100%;
    height: 80vh;
    background: var(--slot3);
    color: var(--slot1);
    position: relative;
    margin: auto
}

._f- {
    height: var(--viewportHeight)
}

.xQy {
    width: 100%;
    grid-row: 2;
    grid-column: 2;
    position: relative;
    align-self: center;
    margin-bottom: 1rem;
    z-index: var(--zIndexContent)
}

.bsB .xQy,
.G9v .xQy {
    overflow: hidden;
    align-self: unset;
    justify-self: center;
    max-width: 400px
}

.bsB .xQy blockquote {
    margin: 0
}

.LyS {
    grid-row: 1 / 3;
    grid-column: 1 / -1;
    background: var(--slot4)
}

.nH7 {
    grid-row: 3;
    grid-column: 2;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .875rem;
    line-height: 1.2;
    letter-spacing: .01em;
    padding: var(--pageGutter) 0;
    color: var(--slot6)
}

.MlD .nH7 {
    padding-bottom: var(--controlSpacing)
}

.nH7 a {
    color: inherit;
    text-decoration: underline
}

.nH7 h2 {
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightRegular);
    font-size: 120%;
    letter-spacing: .02em
}

.nH7 * {
    color: var(--slot1);
    margin: 0
}

.nH7 *+* {
    margin-top: .625rem
}

@media (min-width: 768px) {
    .nH7 {
        font-size: 1rem;
        width: 50%;
        margin-left: 50%;
        padding-left: 1.25rem;
        background: var(--dottedBorderLeft)
    }
}

@media (min-width: 1024px) {
    .ilu {
        --sideMarginWidth: calc((100vw - var(--maxContainerWidth)) / 2);
        grid-template-columns: 2fr 3fr
    }

    .xQy,
    .LyS {
        grid-column: 2;
        grid-row: 1 / -1
    }

    .xQy {
        width: calc(100% - 2 * var(--pageGutter));
        margin: 0 auto
    }

    .bsB .xQy,
    .G9v .xQy {
        margin: 1.25rem 0
    }

    .LyS {
        position: relative;
        margin-left: 1.75rem
    }

    .LyS:after {
        content: "";
        height: 100%;
        width: 1px;
        background: var(--dottedBorderRight);
        position: absolute;
        top: 0;
        left: -1.75rem;
        color: var(--slot6)
    }

    .nH7 {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        margin: 0;
        padding: 2rem 1.25rem 2.5rem var(--sideMarginWidth);
        background: var(--dottedBorderTop)
    }

    .nH7 * {
        padding-left: var(--pageGutter)
    }
}

.RXx {
    height: 90vh;
    margin: 0 auto;
    position: relative
}

.pge.RXx {
    height: var(--viewportHeight)
}

.RXx a {
    color: inherit;
    text-decoration: underline
}

.sKi p,
.sKi h2 {
    font-family: inherit;
    font-size: inherit;
    font-weight: var(--fontWeightRegular);
    margin: 0 0 1rem
}

.MfH {
    width: 100%;
    height: 100%
}

.SXI {
    display: block;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .625rem;
    line-height: 1.2;
    letter-spacing: .02em
}

.l1b {
    display: none
}

@media (min-width: 768px) {
    .RXx {
        height: 80vh
    }
}

@media (min-width: 1024px) {
    .SXI {
        font-size: .75rem
    }
}

.cJ3 {
    display: flex;
    position: relative;
    overflow-x: hidden;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none
}

.cJ3::-webkit-scrollbar {
    width: 0;
    display: none
}

.cJ3>div {
    background: none;
    flex: 0 0 100%
}

.cJ3>div>a {
    background: none
}

.cJ3>div>a:after,
.cJ3>div>a:before {
    content: none
}

.l2x {
    display: flex;
    justify-content: space-between;
    padding: 0 1.25rem .65rem
}

.zlg,
.kX7 {
    background: transparent;
    color: var(--slot6);
    cursor: pointer;
    font-family: var(--fontFamilyHeading);
    font-size: 1.25rem;
    font-weight: var(--fontWeightBold);
    letter-spacing: .02em;
    padding: .6rem 0;
    text-transform: uppercase
}

.zlg:disabled,
.kX7:disabled {
    opacity: .3
}

.Q-f {
    flex: 0 0 1px;
    margin-right: -1px;
    scroll-snap-align: start
}

.lcQ {
    flex: 0 0 1px;
    margin-left: -2px;
    scroll-snap-align: end
}

.g0x {
    width: 100%;
    background: var(--slot3);
    color: var(--slot6)
}

.Lec {
    display: grid;
    grid-template-rows: 1fr repeat(5, auto);
    grid-template-columns: repeat(2, 1fr);
    height: var(--viewportHeight);
    width: 100%;
    max-width: var(--maxContainerWidth);
    margin: 0 auto;
    padding: var(--headerHeight) var(--pageGutter) var(--controlSpacing)
}

.qH2 {
    grid-row: 1;
    grid-column: 1 / -1;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem
}

.IKM {
    height: 100%;
    width: 100%
}

.Ub_ {
    object-fit: contain
}

.qH2:after,
.Nc8:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1.5rem;
    width: 100%;
    height: 1px;
    background: var(--dottedBorderTop)
}

.cX_,
.Rb8 {
    grid-row: 2;
    padding: 0 0 .75rem
}

.cX_ {
    grid-column: 1;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .05em;
    text-transform: uppercase
}

.Rb8 {
    grid-column: 2;
    justify-self: end
}

.c6C {
    grid-row: 3;
    grid-column: 1 / -1;
    color: inherit;
    font-family: var(--fontFamilyHeading);
    font-size: 1.625rem;
    line-height: 1.1;
    padding-bottom: .75rem
}

.Nc8 {
    grid-row: 4;
    grid-column: 1 / -1;
    color: var(--slot1);
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .925rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin: 0;
    padding-bottom: 3rem;
    position: relative
}

.Nc8 a {
    text-decoration: underline
}

.Oap {
    grid-row: 5;
    grid-column: 1;
    display: flex;
    column-gap: 1rem;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 2rem;
    letter-spacing: .05em;
    padding-bottom: 1.25rem
}

.R2H {
    line-height: 1.1
}

.YNv {
    align-self: flex-start;
    color: var(--slot1);
    font-size: 1.25rem;
    position: relative;
    opacity: .5
}

.YNv:after {
    background: var(--slot1);
    content: "";
    height: 3px;
    inset: 0 -.2em .2em;
    margin: auto;
    position: absolute
}

.F_A {
    grid-row: 6;
    grid-column: 1 / -1;
    justify-self: end
}

.kYN {
    display: flex;
    align-items: center;
    column-gap: .5rem;
    background: transparent;
    color: var(--slot6);
    border: 2px solid;
    box-shadow: .4em .25em;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: .875rem;
    margin: 0 .4em .25em;
    padding: .5rem .75rem;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    z-index: var(--zIndexContent)
}

.kYN:after {
    background: currentColor;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: .2em;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem
}

@media (min-width: 768px) {
    .cX_ {
        font-size: 1.125rem;
        padding-bottom: 1.25rem
    }

    .c6C {
        font-size: 2.5rem;
        padding-bottom: 1rem
    }

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

    .qH2,
    .Nc8 {
        padding-bottom: 4rem
    }

    .qH2:after,
    .Nc8:after {
        bottom: 2rem
    }

    .F_A {
        grid-row: 5;
        grid-column: 2
    }

    .Oap {
        font-size: 2.5rem;
        padding-bottom: unset
    }
}

@media (min-width: 1024px) {
    .Lec {
        grid-template-columns: 2fr repeat(2, 1fr);
        padding-top: 100px
    }

    .qH2 {
        grid-column: 1;
        grid-row: 1 / -1;
        padding-bottom: 0;
        padding-right: 2rem
    }

    .qH2:after {
        top: 0;
        bottom: 0;
        right: 0;
        left: unset;
        height: 100%;
        width: 1px;
        background: var(--dottedBorderRight)
    }

    .Ub_ {
        object-position: right top
    }

    .c6C,
    .Oap {
        font-size: 3rem
    }

    .YNv {
        font-size: 1.5rem
    }

    .kYN {
        font-size: 1.25rem
    }

    .kYN:after {
        height: 1.2rem;
        width: 1.5rem
    }

    .cX_,
    .Oap {
        grid-column: 2;
        padding-left: 2rem
    }

    .Rb8,
    .F_A {
        grid-column: 3
    }

    .c6C,
    .Nc8 {
        grid-column: 2 / -1;
        padding-left: 2rem
    }
}

.Tpp {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.rvC {
    display: grid;
    grid-template-rows: repeat(2, auto) 1fr auto;
    grid-template-columns: 0 auto 1fr 0;
    grid-column-gap: var(--pageGutter);
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: var(--headerHeight) 0 1.25rem
}

.Eo5 {
    padding-bottom: var(--controlSpacing)
}

.rvC:before {
    grid-row: 1;
    grid-column: 2;
    display: block;
    content: "";
    width: 47px;
    height: 41px;
    background: var(--slot4);
    -webkit-mask-image: url(https://cdn2.bustle.com/2022/scarymommy/quote-43bd64b7b8.svg);
    mask-image: url(https://cdn2.bustle.com/2022/scarymommy/quote-43bd64b7b8.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

.m7- {
    grid-row: 1;
    grid-column: 3
}

.gEf,
.QhK {
    font-family: var(--fontFamilyBodySansSerif)
}

.gEf {
    line-height: 1.2;
    letter-spacing: -.05em
}

.gEf>*:last-child:after {
    content: "\201d"
}

.QhK {
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 1rem 0
}

.QhK:before {
    content: "\2014"
}

.a8Z {
    background: var(--dottedBorderTop);
    display: block;
    grid-row: 2;
    grid-column: 1 / -1;
    width: 100%;
    height: 1px;
    margin: .5rem 0 2.25rem
}

.unc {
    grid-row: 3;
    grid-column: 1 / -1;
    overflow: hidden
}

.VpX {
    object-fit: contain;
    object-position: bottom left
}

.gGn {
    grid-row: 4;
    grid-column: 2 / -2;
    margin: .5rem 0 0
}

.hCc {
    font-size: 1rem
}

.EEy {
    font-size: 1.25rem
}

.vAE {
    font-size: 1.5rem
}

.kPe {
    font-size: 1.75rem
}

.kkC {
    font-size: 2rem
}

@media (min-width: 768px) {
    .rvC {
        grid-template-columns: 0 1fr 2fr 0;
        padding-top: 150px
    }

    .rvC:before {
        width: 100px;
        height: 86px;
        margin-left: auto;
        margin-right: .75rem
    }

    .hCc {
        font-size: 1.5rem
    }

    .EEy {
        font-size: 1.75rem
    }

    .vAE {
        font-size: 2rem
    }

    .kPe {
        font-size: 2.25rem
    }

    .kkC {
        font-size: 2.5rem
    }
}

@media (min-width: 1024px) {
    .rvC {
        grid-template-rows: var(--headerHeight) 1fr repeat(2, auto) 1.25rem;
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 2rem;
        padding: 0 var(--pageGutter)
    }

    .Eo5 {
        grid-template-rows: var(--headerHeight) 1fr repeat(2, auto) var(--controlSpacing)
    }

    .rvC:before {
        grid-row: 2 / 4;
        grid-column: 1;
        width: 148px;
        height: 128px
    }

    .unc {
        grid-row: 2 / 4;
        grid-column: 4 / -1
    }

    .gGn {
        grid-row: 4;
        grid-column: 4 / -1;
        margin-left: 3.75rem
    }

    .m7- {
        grid-row: 2 / 4;
        grid-column: 2 / 4
    }

    .QhK {
        font-size: 1.25rem
    }

    .a8Z {
        background: var(--dottedBorderRight);
        grid-row: 1 / -1;
        grid-column: 4;
        width: 1px;
        height: 100%;
        margin: 0;
        justify-self: start
    }

    ._4r {
        font-size: 2rem
    }

    .wvY {
        font-size: 2.5rem
    }

    .atF {
        font-size: 2.75rem
    }

    .Pac {
        font-size: 3rem
    }

    .ilM {
        font-size: 3.5rem
    }
}

.BeT {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: var(--maxContainerWidth);
    margin: auto;
    padding: 0 var(--pageGutter);
    color: var(--slot4)
}

.BtL {
    padding-top: 100%
}

.LIW {
    width: 100%;
    background: var(--slot3);
    color: var(--slot3);
    text-align: center;
    position: relative
}

.DcX {
    display: grid;
    grid-template-rows: var(--headerHeight) repeat(6, auto) 22vw 1fr var(--controlSpacing);
    grid-template-columns: var(--pageGutter) 1fr var(--pageGutter);
    height: var(--viewportHeight);
    width: 100%
}

.RHf {
    display: block;
    grid-row: 1 / -4;
    grid-column: 1 / -1;
    background: var(--slot4);
    position: relative
}

.RHf:before {
    content: "";
    background: var(--slot4);
    width: 100%;
    padding-top: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-50%) scaleY(.25) rotate(45deg);
    margin-top: -.75rem
}

.rYU {
    grid-row: 9;
    overflow: hidden;
    position: relative
}

.BRL {
    height: 100%;
    width: 100%
}

.dLH {
    object-fit: contain
}

.uxK,
.Amg,
.foJ,
.wfN,
.Oua,
.WPk,
.rYU {
    grid-column: 2;
    z-index: var(--zIndexOverContent)
}

.uxK {
    grid-row: 2;
    color: inherit;
    justify-content: center;
    padding: 0
}

.foJ {
    grid-row: 3;
    color: inherit;
    font-family: var(--fontFamilySansSerif);
    font-size: 1.625rem;
    line-height: 1.2;
    padding-bottom: .75rem
}

.Amg {
    grid-row: 4;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding-bottom: .75rem
}

.wfN {
    grid-row: 5;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .925rem;
    line-height: 1.2;
    letter-spacing: .01em;
    margin: 0;
    padding-bottom: 1.5rem;
    position: relative
}

.wfN a {
    text-decoration: underline
}

.Oua {
    grid-row: 6;
    display: flex;
    justify-content: center;
    column-gap: 1rem;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 2rem;
    letter-spacing: .05em;
    padding-bottom: 1rem
}

.zcl {
    line-height: 1.1
}

.JxD {
    align-self: flex-start;
    color: var(--slot3);
    font-size: 1.25rem;
    position: relative;
    opacity: .5
}

.JxD:after {
    background: var(--slot3);
    content: "";
    height: 3px;
    inset: 0 -.2em .2em;
    margin: auto;
    position: absolute
}

.WPk {
    grid-row: 7;
    margin: 0 auto
}

.pFu {
    display: flex;
    align-items: center;
    column-gap: .5rem;
    background: transparent;
    color: var(--slot3);
    border: 2px solid;
    box-shadow: .4em .25em;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: .875rem;
    margin: 0 .4em .25em;
    padding: .5rem .75rem;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    z-index: var(--zIndexContent)
}

.pFu:after {
    background: currentColor;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: .2em;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.5rem
}

@media (min-width: 768px) {
    .DcX {
        grid-template-rows: var(--headerHeight) repeat(6, auto) 20vw 1fr var(--controlSpacing)
    }

    .RHf:before {
        transform: translateY(-50%) scaleY(.22) rotate(45deg);
        margin-top: -1.5rem
    }

    .Amg {
        font-size: 1.125rem;
        padding-bottom: 1.25rem
    }

    .foJ {
        font-size: 2.5rem;
        padding-bottom: 1rem;
        max-width: 85%;
        margin: 0 auto
    }

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

    .Oua {
        font-size: 2.5rem
    }
}

@media (min-width: 1024px) {
    .DcX {
        --sideMarginWidth: calc((100% - var(--maxContainerWidth)) / 2);
        grid-template-rows: calc(var(--headerHeight) - 1rem) 1fr repeat(5, auto) 1fr var(--controlSpacing);
        grid-template-columns: var(--sideMarginWidth) var(--pageGutter) 1fr 20vh 1fr var(--pageGutter) var(--sideMarginWidth)
    }

    .RHf {
        grid-row: 1 / -1;
        grid-column: 1 / 4
    }

    .RHf:before {
        top: 0;
        left: 100%;
        width: var(--viewportHeight);
        height: var(--viewportHeight);
        transform: translate(-50%) scaleX(.25) rotate(45deg);
        margin: 0;
        padding: 0
    }

    .rYU {
        grid-row: 2 / -2;
        grid-column: 5
    }

    .uxK,
    .Amg,
    .foJ,
    .wfN,
    .Oua,
    .WPk {
        grid-column: 3
    }

    .foJ {
        max-width: unset
    }

    .Oua {
        font-size: 2.5rem
    }

    .JxD {
        font-size: 1.5rem
    }

    .pFu {
        font-size: 1.25rem
    }

    .pFu:after {
        height: 1.2rem;
        width: 1.5rem
    }

    .uxK {
        align-self: end;
        padding-bottom: .5rem
    }
}

@media (min-width: 1440px) {
    .foJ {
        font-size: 3rem
    }

    .Amg {
        padding-bottom: 2rem
    }

    .Oua {
        padding-bottom: 1.5rem
    }
}

.Mov {
    width: 100%;
    height: 100%;
    background: var(--slot7);
    color: var(--slot8)
}

.QkN {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 3fr 2fr;
    width: 100%;
    max-width: var(--maxContainerWidth);
    padding: var(--headerHeight) var(--pageGutter) .75rem
}

.Z8A.QkN {
    padding-bottom: var(--controlSpacing)
}

.Vz_ {
    grid-row: 1;
    grid-column: 1;
    overflow: hidden
}

.ESl {
    object-fit: contain;
    object-position: left bottom
}

.ToH {
    grid-row: 1;
    grid-column: 2;
    margin: 0 0 .5rem .5rem;
    align-self: end
}

.Gg8 {
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    grid-row: 2;
    grid-column: 1 / -1;
    text-align: center;
    margin: 1.75rem 0 1rem;
    padding: 1.75rem 0 .75rem
}

.vS2 {
    font-family: var(--fontFamilyBodySerif);
    line-height: 1.2
}

.vS2>*:first-child:before {
    content: "\201c"
}

.vS2>*:last-child:after {
    content: "\201d"
}

.M8g {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 1rem 0
}

.M8g:before {
    content: "\2014"
}

.c4B {
    font-size: 1rem
}

.b-6 {
    font-size: 1.125rem
}

.hdY {
    font-size: 1.25rem
}

.h64 {
    font-size: 1.375rem
}

.ydI {
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .QkN {
        grid-template-columns: repeat(3, 1fr)
    }

    .Gg8 {
        margin: 3rem 0;
        padding: 3rem 3rem 2rem
    }

    .c4B {
        font-size: 1.25rem
    }

    .b-6 {
        font-size: 1.375rem
    }

    .hdY {
        font-size: 1.5rem
    }

    .h64 {
        font-size: 1.75rem
    }

    .ydI {
        font-size: 2rem
    }
}

@media (min-width: 1024px) {
    .QkN {
        grid-template-rows: 1fr auto;
        grid-template-columns: 2fr 3fr;
        grid-column-gap: var(--pageGutter);
        padding-bottom: 1.25rem
    }

    .Vz_ {
        grid-row: 1;
        grid-column: 1
    }

    .ESl {
        object-fit: cover
    }

    .ToH {
        grid-row: 2;
        grid-column: 1;
        margin: .75rem 0 0;
        width: 75%
    }

    .Gg8 {
        grid-row: 1;
        grid-column: 2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1.25rem;
        margin: 0
    }

    .aE9 {
        font-size: 1.25rem
    }

    .WGG {
        font-size: 1.5rem
    }

    .tEg {
        font-size: 1.75rem
    }

    .lhK {
        font-size: 2rem
    }

    .oLw {
        font-size: 2.5rem
    }
}

@media (min-width: 1440px) {
    .Gg8 {
        padding: 2.5rem
    }

    .aE9 {
        font-size: 1.5rem
    }

    .WGG {
        font-size: 1.75rem
    }

    .tEg {
        font-size: 2rem
    }

    .lhK {
        font-size: 2.5rem
    }

    .oLw {
        font-size: 3rem
    }
}

.P8k {
    height: auto;
    width: 100%;
    padding: 2rem var(--pageGutter);
    margin-bottom: var(--mobiledocSpacing);
    color: var(--slot6);
    background: var(--dottedBorder)
}

.P8k:before {
    grid-row: 1;
    grid-column: 2;
    display: block;
    content: "";
    width: 56px;
    height: 48px;
    background: var(--slot4);
    -webkit-mask-image: url(https://cdn2.bustle.com/2022/scarymommy/quote-43bd64b7b8.svg);
    mask-image: url(https://cdn2.bustle.com/2022/scarymommy/quote-43bd64b7b8.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    margin-bottom: 1.5rem
}

.YH2 {
    font-family: var(--fontFamilyHeading);
    line-height: 1.2;
    padding-bottom: 1.5rem
}

.YH2>*:last-child:after {
    content: "\201d"
}

.X1s {
    font-family: var(--fontFamilyHeading);
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase
}

p.X1s {
    margin: 0
}

.X1s:before {
    content: "\2014"
}

.km0,
.coo {
    width: 160px
}

.km0 {
    margin-top: 2.5rem
}

p.coo {
    margin: .5rem 0 0
}

.Eox {
    font-size: 1.25rem
}

.TkW {
    font-size: 1.375rem
}

.gjA {
    font-size: 1.5rem
}

.g2c {
    font-size: 1.625rem
}

.BCt {
    font-size: 1.75rem
}

@media (min-width: 768px) {
    .P8k {
        display: grid;
        grid-template-rows: repeat(2, auto) 1fr;
        grid-template-columns: 1fr auto;
        padding: 2rem
    }

    .P8k:before {
        grid-row: 1;
        grid-column: 1;
        width: 88px;
        height: 76px
    }

    .A_H {
        grid-row: 2 / -1;
        grid-column: 1
    }

    .km0,
    .coo {
        grid-column: 2;
        width: 212px;
        padding-left: 2rem
    }

    .km0 {
        grid-row: 2;
        margin-top: unset
    }

    .coo {
        grid-row: 3
    }

    .Eox {
        font-size: 1.5rem
    }

    .TkW {
        font-size: 1.625rem
    }

    .gjA {
        font-size: 1.75rem
    }

    .g2c {
        font-size: 2rem
    }

    .BCt {
        font-size: 2.25rem
    }
}

@media (min-width: 1024px) {
    .P8k {
        padding: 2.75rem
    }

    .JmJ {
        font-size: 1.5rem
    }

    .Wss {
        font-size: 1.75rem
    }

    .z5C {
        font-size: 2rem
    }

    .nR- {
        font-size: 2.25rem
    }

    .wpU {
        font-size: 2.5rem
    }
}

.Fjw {
    width: 100%;
    height: 100%;
    background: var(--slot1);
    color: var(--slot13)
}

.K5M {
    display: grid;
    grid-template-rows: auto 1fr auto 2fr;
    grid-template-columns: var(--pageGutter) 1fr var(--pageGutter);
    width: 100%;
    padding: var(--headerHeight) 0 var(--controlSpacing)
}

.QKd {
    position: absolute;
    inset: 0
}

.tAW {
    object-fit: cover
}

.Pbi {
    grid-row: 1;
    grid-column: 1 / -1;
    z-index: var(--zIndexContent)
}

.uYC {
    grid-row: 3;
    grid-column: 2;
    padding-bottom: 2rem;
    background: var(--dottedBorderBottom);
    text-align: center;
    z-index: var(--zIndexContent)
}

.ueR {
    font-family: var(--fontFamilyBodySerif);
    line-height: 1.2
}

.ueR>*:first-child:before {
    content: "\201c"
}

.ueR>*:last-child:after {
    content: "\201d"
}

.Rk_ {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 2rem 0 1rem
}

._kR {
    position: absolute;
    right: 0;
    bottom: var(--controlSpacing);
    writing-mode: vertical-rl;
    margin: .25rem;
    z-index: var(--zIndexContent)
}

.Wu- {
    font-size: .95rem
}

.uOk {
    font-size: 1.1rem
}

.JTC {
    font-size: 1.25rem
}

.NkL {
    font-size: 1.375rem
}

.IhU {
    font-size: 1.5rem
}

@media (min-width: 768px) {
    .K5M {
        padding-top: unset
    }

    .uYC {
        padding: 3rem 0
    }

    .ueR,
    .Rk_ {
        width: 80%;
        max-width: var(--maxBodyWidth);
        margin-left: auto;
        margin-right: auto
    }

    .Wu- {
        font-size: 1.25rem
    }

    .uOk {
        font-size: 1.5rem
    }

    .JTC {
        font-size: 1.75rem
    }

    .NkL {
        font-size: 2rem
    }

    .IhU {
        font-size: 2.25rem
    }
}

@media (min-width: 1024px) {
    .Z5D {
        font-size: 1.5rem
    }

    .k1b {
        font-size: 1.75rem
    }

    .Wqd {
        font-size: 2rem
    }

    .N7R {
        font-size: 2.25rem
    }

    .sUv {
        font-size: 2.75rem
    }
}

.PSw {
    background: var(--slot3);
    padding: var(--verticalCardSpacing) 0
}

.i_i {
    display: grid;
    grid-template-columns: var(--pageGutter) 90px 1fr var(--pageGutter);
    margin: auto
}

.r12 {
    grid-column: 2;
    max-width: 150px
}

.IeN {
    color: var(--slot6);
    font-family: var(--fontFamilyHeading);
    font-size: 4.3rem;
    font-weight: var(--fontWeightBold);
    grid-column: 3;
    line-height: .8;
    text-align: right;
    text-transform: uppercase;
    text-shadow: -5px 4px 1px var(--textShadowColor);
    word-spacing: 10000px;
    -webkit-text-stroke: .015em var(--slot3)
}

.IeN p {
    margin: 0
}

.tta {
    column-gap: 1rem;
    display: flex;
    grid-column: 1 / -1;
    justify-content: space-between;
    overflow-x: scroll;
    padding: 1.5rem var(--pageGutter) 1.25rem;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scroll-behavior: smooth
}

.tta::-webkit-scrollbar {
    width: 0;
    display: none
}

.dqi {
    cursor: pointer;
    flex: 0 0 110px;
    font-family: var(--fontFamilyHeading);
    font-size: 1.25rem;
    line-height: .8;
    opacity: .5
}

.sv2 {
    display: none
}

.ifi {
    display: flex;
    grid-column: 2 / 4;
    height: auto
}

.xME {
    display: flex;
    flex: 0 0 0;
    overflow: hidden;
    width: 0
}

.AA4:checked~.ifi .XX8,
.FLA:checked~.ifi .uSe,
.JUz:checked~.ifi .N1W,
.Vga:checked~.ifi .gLR,
.KJi:checked~.ifi .J8m {
    border: 4px solid var(--slot4);
    box-shadow: .6em .4em var(--slot4);
    flex: 0 0 calc(100% - .5em);
    height: 100%
}

.AA4:checked~.tta .dqi:nth-child(1) {
    opacity: 1
}

.AA4:checked~.tta .dqi:nth-child(1):after {
    background: var(--slot4);
    opacity: 1
}

.FLA:checked~.tta .dqi:nth-child(2) {
    opacity: 1
}

.FLA:checked~.tta .dqi:nth-child(2):after {
    background: var(--slot4);
    opacity: 1
}

.JUz:checked~.tta .dqi:nth-child(3) {
    opacity: 1
}

.JUz:checked~.tta .dqi:nth-child(3):after {
    background: var(--slot4);
    opacity: 1
}

.Vga:checked~.tta .dqi:nth-child(4) {
    opacity: 1
}

.Vga:checked~.tta .dqi:nth-child(4):after {
    background: var(--slot4);
    opacity: 1
}

.KJi:checked~.tta .dqi:nth-child(5) {
    opacity: 1
}

.KJi:checked~.tta .dqi:nth-child(5):after {
    background: var(--slot4);
    opacity: 1
}

@media (min-width: 1024px) {
    .PSw {
        padding: calc(var(--verticalCardSpacing) * .5) 0 var(--verticalCardSpacing)
    }

    .i_i {
        column-gap: var(--pageGutter);
        grid-template-columns: repeat(5, 1fr);
        max-width: var(--maxContainerWidth);
        padding: 0 var(--pageGutter)
    }

    .r12 {
        grid-column: 1;
        grid-row: 1
    }

    .IeN {
        align-self: flex-end;
        font-size: clamp(1rem, 13.25vw, 12rem);
        grid-column: 1 / 4;
        grid-row: 2;
        margin-left: 20px;
        text-align: left;
        text-shadow: -10px 8px 1px var(--textShadowColor)
    }

    .tta {
        align-items: center;
        grid-column: 1 / -1;
        grid-row: 1;
        margin-left: 175px;
        padding: 2.5rem 0
    }

    .dqi {
        font-size: 1.5rem;
        flex: auto
    }

    .ifi {
        grid-column: 4 / -1;
        grid-row: 2
    }
}

@media (min-width: 1025px) {
    .dqi {
        font-size: 2rem
    }
}

.QkD {
    background: var(--slot2);
    color: var(--slot1)
}

.i7p h2,
.i7p p {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    width: 100%
}

.sMl {
    margin-bottom: 1rem
}

.rCy h2 {
    font-size: 1.75rem;
    font-style: italic;
    font-weight: var(--fontWeightRegular);
    line-height: 1.15;
    margin: var(--mobiledocSpacing) 0
}

.rCy div+p {
    margin-top: 1rem
}

@media (min-width: 768px) {
    .rCy h2 {
        font-size: 2.5rem
    }
}

.mmh {
    align-items: baseline;
    background: var(--dottedBorderTop), var(--dottedBorderBottom);
    column-gap: 1rem;
    display: flex;
    margin-bottom: 1.875rem;
    padding: .65rem 0
}

.GTB {
    color: var(--slot6);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1.875rem;
    font-weight: var(--fontWeightRegular);
    line-height: 1;
    margin: 0
}

.GTB:after {
    content: "."
}

.XE2 {
    flex: 1;
    font-family: var(--fontFamilyBodySansSerif);
    font-size: 1.875rem;
    font-weight: var(--fontWeightRegular);
    line-height: 1.2;
    margin: 0
}

.XE2>* {
    font-family: var(--fontFamilyBodySansSerif);
    font-weight: var(--fontWeightRegular);
    margin: 0
}

@media (min-width: 1025px) {

    .GTB,
    .XE2 {
        font-size: 2.5rem
    }
}

.Rps {
    width: 1px;
    height: 1px
}

.jIS {
    z-index: 2
}

amp-next-page .amp-next-page-links {
    display: none
}

.FZb {
    margin-top: 1rem
}

.FZb .vok {
    background: var(--dottedBorderTop);
    align-items: flex-start;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: 124px 1fr;
    padding: 1.8rem 0
}

.Msl {
    color: var(--text-colors)
}

.Dwf h5{
    color: #21D029;
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1.1rem;
    letter-spacing: .05em;
    line-height: .85;
    grid-template-columns: 1fr;
    justify-self: flex-start;
    margin-bottom: 1.5rem;
    text-transform: uppercase
}

.vok .D-3 {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 1.1rem;
    line-height: 1.3;
    margin: 0
}

.vok .bIJ {
    font-family: var(--fontFamilyBodySerif);
    font-size: .625rem;
    font-weight: var(--fontWeightBold);
    margin-top: .75rem;
    opacity: .7
}

.vok .OO4 {
    grid-column: 1
}

.OO4>div {
    padding-top: 100%;
    position: relative
}

.OO4>div img {
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0
}

.oHL {
    color: var(--slot6);
    font-family: var(--fontFamilyBodySerif);
    font-size: 1.4rem;
    line-height: 1.17;
    margin: 0
}

.Kym {
    font-family: var(--fontFamilyBodySerif);
    margin-top: 2.5rem
}

.BMP {
    background: var(--dottedBorder);
    color: var(--slot6);
    margin: 1rem 0 2rem;
    padding: 1.5rem 1.25rem
}

.VU5 {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--slot6);
    color: var(--slot6);
    font-family: var(--fontFamilyBodySansSerif);
    font-size: 1.12rem;
    margin-bottom: 2.5rem;
    outline: none;
    padding: 1rem 1rem .5rem 0;
    width: 100%
}

.VU5::placeholder {
    color: var(--slot6);
    text-transform: capitalize
}

.i5n {
    color: var(--slot6);
    font-size: 1rem
}

.kj_ {
    color: var(--slot6);
    font-weight: var(--fontWeightBold);
    font-size: .9rem;
    margin-bottom: .5rem;
    text-transform: uppercase
}

.i5n input {
    margin-right: .5rem
}

button.qgj {
    align-items: center;
    background: transparent;
    border: 2px solid;
    box-shadow: 10px 10px;
    color: var(--slot6);
    column-gap: .5rem;
    cursor: pointer;
    display: flex;
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: 1.25rem;
    margin: 0 10px 10px;
    outline: none;
    padding: .75rem 1rem;
    text-transform: uppercase;
    z-index: var(--zIndexContent)
}

button.qgj:after {
    background: var(--slot6);
    content: "";
    display: block;
    height: 19px;
    -webkit-mask-image: url(/fonts/arrow.svg);
    mask-image: url(/fonts/arrow.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 30px
}

.gQD {
    align-items: flex-end;
    border: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0
}

aside.fX2 {
    margin: 0 auto;
    max-width: 350px;
    width: 100%
}

.lqj {
    animation: ohH .3s ease-out forwards;
    opacity: 0;
    width: 100%
}

.lqj:first-child {
    padding-bottom: 100px
}

.lqj:first-child .z3b:after {
    background: url(/fonts/badge.svg);
    background-size: 100% 100%;
    bottom: -3rem;
    content: "";
    height: 102px;
    right: -1rem;
    position: absolute;
    width: 102px
}

.z3b {
    color: var(--slot6);
    font-family: var(--fontFamilyHeading);
    font-size: 4rem;
    font-weight: var(--fontWeightBold);
    line-height: .8;
    padding-left: 1rem;
    position: relative;
    text-transform: uppercase
}

.z3b span {
    font-family: var(--fontFamilyHeadingStyled);
    font-size: 1.5rem;
    left: 0;
    position: absolute;
    text-shadow: calc(var(--italicStroke) * -1) calc(var(--italicStroke) * -1) 0 var(--slot3), var(--italicStroke) calc(var(--italicStroke) * -1) 0 var(--slot3), calc(var(--italicStroke) * -1) var(--italicStroke) 0 var(--slot3), var(--italicStroke) var(--italicStroke) 0 var(--slot3);
    transform: rotate(-8deg)
}

@keyframes ohH {
    0% {
        transform: translateY(-20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.CCp {
    font-size: 1.1rem;
    font-weight: var(--fontWeightBold)
}

.tuN {
    text-align: center
}

.CCp:before {
    display: none
}

.QVH {
    color: var(--slot1);
    grid-column: main;
    padding: 2.5rem 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    background: var(--dottedBorderBottom)
}

.WDi {
    display: flex;
    align-items: baseline
}

.aKx {
    color: var(--slot6);
    font-family: var(--fontFamilyHeadingStyled);
    font-size: .875rem;
    line-height: 1.3;
    letter-spacing: .05em;
    text-transform: uppercase
}

.Ihh {
    font-family: var(--fontFamilyBodySerif);
    font-size: 2.25rem;
    line-height: 1.1;
    margin: 0
}

.FC9 a {
    color: inherit;
    margin: 0
}

.KYT {
    font-family: var(--fontFamilyBodySansSerif);
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: .05em
}

@media (min-width: 768px) {
    .Ihh {
        font-size: 2.5rem
    }
}

@media (min-width: 1024px) {
    .QVH {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto)
    }

    .WDi {
        grid-row: 1;
        grid-column: 1 / -1
    }

    .aKx {
        font-size: 1rem
    }

    .Ihh {
        grid-row: 2;
        grid-column: 1 / -1;
        font-size: 3rem
    }

    .FC9,
    .KYT {
        grid-row: 3;
        align-self: end
    }

    .FC9 {
        grid-column: 1
    }

    .KYT {
        grid-column: 2;
        font-size: .875rem;
        justify-self: end;
        text-align: right
    }
}

.SiW {
    height: 100%;
    background-color: var(--cardBackgroundColor);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.jno {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 30px
}

.qoa {
    margin-top: 0;
    text-align: center
}

.TbO {
    padding: 0 20px;
    flex-direction: row;
    display: flex
}

.hCM {
    font-size: .9rem;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.Q_L {
    max-height: 120px
}

.rPX {
    margin-top: .2rem
}

.kv6 {
    max-width: 60vw;
    padding-left: 1rem
}

.tYa {
    flex-grow: 1
}

@media (min-width: 768px) {
    .jno {
        flex-direction: row;
        width: auto
    }

    .TbO {
        display: block;
        width: 280px;
        height: auto;
        gap: 40px
    }

    .kv6 {
        padding-left: 0
    }

    .Q_L {
        max-height: unset
    }

    .hCM {
        font-size: 1.2rem;
        margin-top: 1.1rem
    }
}

.HEz {
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    display: flex;
    font-family: var(--fontFamilyBodySerif);
    height: 1.75rem;
    justify-content: center;
    line-height: 2.5rem;
    margin: 0 1rem 0 0;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    width: 1.75rem;
    pointer-events: auto
}

.HEz:last-child {
    padding: 0
}

.HEz svg {
    display: inline-block;
    margin: 0;
    vertical-align: text-top;
    height: 65%;
    width: 65%
}

.AsL svg {
    margin-left: -2px
}

.tTo {
    background: var(--slot3);
    border: 1px solid;
    color: var(--slot1);
    font-family: var(--fontFamilyBodySerif);
    font-weight: var(--fontWeightBold);
    font-size: .65rem;
    letter-spacing: -.1px;
    line-height: 1.3;
    padding: 3px 8px;
    position: absolute;
    text-transform: uppercase;
    top: -.15rem;
    transform: translateY(-50%);
    z-index: var(--zIndexContent)
}

.ZDV {
    color: var(--slot3);
    background: var(--slot4)
}

.ZDV a {
    color: inherit
}

.OAC {
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightRegular);
    font-size: 1.625rem;
    line-height: 1.1;
    width: 100%;
    padding: 0 var(--pageGutter) 1rem;
    margin-bottom: 2rem;
    text-align: left;
    background: var(--dottedBorderBottom)
}

.LYc {
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightRegular);
    font-size: 1.125rem;
    line-height: 1.1;
    margin-bottom: .75rem
}

.L3N {
    font-family: var(--fontFamilyHeading);
    font-weight: var(--fontWeightBold);
    font-size: .75rem;
    line-height: 1.3;
    letter-spacing: .05em;
    text-transform: uppercase
}

.L3N span:first-child {
    font-family: var(--fontFamilyBodySansSerif);
    font-weight: var(--fontWeightRegular);
    font-style: italic;
    text-transform: capitalize
}

.X_Q a {
    margin: 0 .75rem 0 0
}

.X_Q svg {
    fill: currentColor
}

.wW1 .kNI {
    left: var(--pageGutter);
    top: 1rem
}

.wW1 .Drf {
    width: 100px
}

@media (min-width: 768px) {
    .OAC {
        font-size: 2.5rem;
        margin-bottom: 2.5rem
    }

    .LYc {
        font-size: 1.375rem;
        margin-bottom: 1rem
    }

    .wW1 .Drf {
        width: 140px
    }
}

@media (min-width: 1024px) {
    .OAC {
        text-align: center
    }

    .wW1 .Drf {
        width: 180px
    }
}