.l {
    text-align: center;
    height: 60px;
    margin: 0 auto 2rem
}

.m {
    height: 100%
}

.n {
    overflow: hidden;
    width: 100%;
    height: 200px;
    margin-left: -5px;
    margin-top: 30px
}

.n .m {
    transform-origin: top left;
    transform: rotate(90deg);
    max-width: unset;
    margin-left: 20px;
    width: 140px;
    height: 20px
}

body>div>.l {
    bottom: 0;
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed
}

@media (min-width:768px) {
    .n {
        margin-left: 0
    }
    .n .m {
        height: 25px;
        margin-left: 25px
    }
}

.iE {
    background-image: url(../images/facebook-a709a93bbd.svg)
}

.iF {
    background-image: url(../images/twitter-791acd3459.svg)
}

.iG {
    background-image: url(../images/pinterest-b5dbabb411.svg)
}

.iH {
    background-image: url(../images/instagram-76b4cd8bd9.svg)
}

.iI {
    background-image: url(../images/youtube-4656c1149b.svg)
}

.iJ {
    background-image: url(../images/podcast-675024d845.svg)
}

.iK .iE {
    background-image: url(../images/facebook_w-061e616b32.svg)
}

.iK .iF {
    background-image: url(../images/twitter_w-5a860b4efd.svg)
}

.iK .iG {
    background-image: url(../images/pinterest_w-b067eba527.svg)
}

.iK .iH {
    background-image: url(../images/instagram_w-e21a9c198c.svg)
}

.iK .iI {
    background-image: url(../images/youtube_w-67cc3f1e54.svg)
}

.iK .iJ {
    background-image: url(../images/podcast_w-5b57033b9e.svg)
}

:root {
    --headerIconSize: 20px
}

.o {
    background: #fff;
    border-bottom: 1px solid var(--colorGrayShadow);
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    position: -webkit-sticky;
    position: sticky;
    z-index: var(--zIndexNav);
    transition: transform .1s ease
}

.p {
    transform: translateY(-100%)
}

.q {
    height: var(--headerHeight);
    line-height: var(--headerHeight);
    margin: 0 auto;
    position: relative
}

.r {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.s {
    background-image: url(../images/ebeauty.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 210px;
    height: var(--headerHeight);
    z-index: var(--zIndexBackground);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.t {
    color: var(--colorGray);
    position: absolute;
    right: 0
}

.u {
    display: none
}

.v {
    display: inline-block;
    margin: 0 3px;
    width: 29px;
    opacity: .3
}

.v:focus,
.v:hover {
    opacity: .65
}

.w {
    width: 100%;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    vertical-align: middle
}

.x {
    display: none
}

.y {
    cursor: pointer;
    height: var(--headerHeight);
    width: var(--headerHeight);
    background-color: transparent;
    background-image: url(../images/search-b5ee00a200.svg);
    background-size: var(--headerIconSize);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    position: absolute;
    right: 50px;
    top: 0;
    vertical-align: top
}

.z {
    cursor: pointer;
    height: var(--headerHeight);
    width: var(--headerHeight);
    text-align: center;
    line-height: 44px
}

.A {
    width: 100%;
    height: 100%;
    background: 0 0;
    pointer-events: none
}

.z .A {
    position: absolute;
    top: 0;
    right: 0
}

.z:after {
    content: '×';
    font-size: 2.5rem;
    font-weight: 300;
    color: var(--colorGray)
}

.B {
    background-color: #fff;
    display: flex;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    transition: opacity .5s;
    width: 100%
}

.x:checked~.B {
    opacity: 1;
    transform: translateY(0)
}

.x:checked~.r {
    opacity: 0
}

.B:before {
    content: '';
    display: block;
    width: var(--headerHeight);
    height: var(--headerHeight);
    background-image: url(../images/search-b5ee00a200.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    opacity: .4
}

.C {
    -webkit-appearance: none;
    background: 0 0;
    border: none;
    color: var(--colorText);
    flex: 1;
    font-family: var(--sansSerif);
    font-size: 1.15rem;
    height: var(--headerHeight);
    letter-spacing: .05rem
}

.C::-webkit-input-placeholder {
    color: var(--colorGray)
}

.C::placeholder {
    color: var(--colorGray)
}

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

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

.C:focus {
    outline: 0
}

.E {
    cursor: pointer;
    height: var(--headerHeight);
    margin: auto;
    padding: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 55px
}

.E span,
.E span:after,
.E span:before {
    background: var(--colorText);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 2px;
    display: block;
    height: .2rem;
    width: 100%
}

.E span {
    margin: 8px 0 0;
    position: relative
}

.E span:after,
.E span:before {
    content: '';
    position: absolute
}

.E span:after {
    top: 8px
}

.E span:before {
    top: -8px
}

.E .A {
    position: absolute;
    top: 0;
    right: 0
}

.F {
    display: inline-block;
    width: calc(var(--headerIconSize) * 2.5);
    height: var(--tabletUp-headerHeight);
    position: relative;
    margin: -5px 8px 0 -8px
}

.F button,
.F div {
    width: var(--headerIconSize);
    height: var(--headerIconSize);
    border-radius: 50%;
    position: absolute;
    top: calc(var(--tabletUp-headerHeight)/ 3);
    left: calc(var(--tabletUp-headerHeight)/ 4);
    transition: .25s;
    transition-timing-function: cubic-bezier(.7, 2.5, 0, 1);
    cursor: pointer;
    background-size: cover;
    padding: 0
}

.F .G {
    top: 0;
    left: 0
}

.H {
    background-image: url(../images/globe-167e6cd294.svg);
    background-size: var(--headerIconSize);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    opacity: .8
}

.I .H {
    background-image: url(../images/gb-55f1211243.svg)
}

.J .H {
    background-image: url(../images/us-3f8c8bf32d.svg)
}

.K {
    background: url(../images/gb-55f1211243.svg);
    opacity: 0
}

.L {
    background: url(../images/us-3f8c8bf32d.svg);
    opacity: 0
}

.F.M,
.F:focus,
.F:focus-within {
    outline: 0
}

.F.M .H,
.F:focus .H,
.F:focus-within .H {
    opacity: 0
}

.F.M .K,
.F:focus .K,
.F:focus-within .K {
    transform: translateX(calc(var(--headerIconSize)/ 2 + 2px));
    opacity: 1;
    animation: N .25s
}

.F.M .L,
.F:focus .L,
.F:focus-within .L {
    transform: translateX(calc(var(--headerIconSize)/ -2 - 2px));
    opacity: 1;
    animation: N .25s
}

.K:focus,
.K:hover,
.L:focus,
.L:hover {
    box-shadow: 0 0 0 1px var(--colorText)
}

@keyframes N {
    from {
        pointer-events: none
    }
    to {
        pointer-events: all
    }
}

@media (min-width:768px) {
    .q {
        height: var(--tabletUp-headerHeight);
        line-height: var(--tabletUp-headerHeight);
        max-width: 1020px
    }
    .u {
        display: inline-block;
        vertical-align: top
    }
    .y {
        display: inline-block;
        height: var(--tabletUp-headerHeight);
        margin-left: 16px;
        position: relative;
        right: 0
    }
    .y .A:focus {
        outline: 0;
        border: 1px solid var(--colorPrimary)
    }
    .y .A:active {
        border: none
    }
    .y:before {
        background: var(--colorGrayShadow);
        bottom: 0;
        top: 0;
        left: -7px;
        content: '';
        height: var(--headerIconSize);
        margin: auto;
        position: absolute;
        width: 1px
    }
    .z {
        height: var(--tabletUp-headerHeight);
        position: absolute;
        right: 40px;
        line-height: 54px
    }
    .B:before {
        height: var(--tabletUp-headerHeight)
    }
    .C {
        height: var(--tabletUp-headerHeight);
        font-size: 1.3rem;
        padding: 0 95px 0 0
    }
    .F {
        margin: 0 8px 0 -8px
    }
}

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

.P {
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 100%;
    opacity: 0;
    transition: opacity .25s, bottom 0s ease .25s
}

.Q {
    background: var(--colorGradient);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 14px 20px 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: -200%;
    transform: translate3d(0, 100%, 0);
    transition: transform .25s, top 0s ease .25s, bottom 0s ease .25s, left 0s ease .25s, opacity .3s;
    opacity: 0;
    color: #fff;
    text-transform: uppercase
}

.R {
    display: none
}

.R:checked~.Q {
    transition: transform .25s, top 0s, bottom 0s, left 0s, opacity 0s;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0
}

.R:checked~.P {
    transition: opacity .25s, bottom 0s;
    opacity: 1;
    bottom: 0
}

.S {
    height: var(--headerHeight);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    text-align: center
}

.T {
    background-image: url(../images/ebeauty.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 105px
}

.U {
    background: rgba(255, 255, 255, .25);
    margin: 35px -20px 0;
    padding: 5px 0;
    text-align: center
}

.V {
    color: #000;
    display: block;
    font-size: .83rem;
    font-family: var(--ltc);
    font-weight: var(--fontWeightBold);
    letter-spacing: 2px;
    padding: 10px 0;
    position: relative
}

.W {
    margin: 15px 0;
    text-align: center
}

.X {
    color: #fff;
    display: inline-block;
    font-size: .8rem;
    font-family: var(--sansSerif);
    font-weight: var(--fontWeightBold);
    letter-spacing: 1px;
    padding: 7px 0;
    text-transform: capitalize;
    margin: 0 .4rem
}

.Y {
    border: 1px #fff;
    border-style: solid none;
    margin-bottom: 30px;
    padding: 5px 10px;
    text-align: center
}

.Z {
    display: inline-block;
    height: 40px;
    width: 35px;
    margin: 0 5px;
    vertical-align: middle
}

._ {
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 100%;
    width: 100%
}

.aa {
    cursor: pointer;
    height: var(--headerHeight);
    margin: auto;
    padding: 15px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 55px
}

.aa span,
.aa span:after,
.aa span:before {
    background: #fff;
    border-radius: 2px;
    display: block;
    height: .2rem;
    width: 100%
}

.aa span {
    margin: 8px 0 0;
    position: relative;
    transform: rotate(45deg)
}

.aa span:after,
.aa span:before {
    content: '';
    position: absolute
}

.aa span:after {
    top: 8px;
    transform: translateY(-8px) rotate(-90deg)
}

.aa span:before {
    top: -8px;
    transform: translateY(8px) rotate(-90deg)
}

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

.V:focus {
    outline: 0
}

.V:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    margin: 0 auto;
    background: #fff;
    display: block;
    transition-duration: var(--transitionHover)
}

.V:focus:after,
.V:hover:after {
    width: 40px
}

.ac {
    background-image: url(../images/ebeauty.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 2rem 0;
    height: 40px;
    width: 100%;
    opacity: .75
}

@media (min-width:768px) {
    .Q {
        max-width: 22rem;
        padding-top: 0;
        top: 0;
        left: -100%;
        transform: translate3d(-100%, 0, 0);
        box-shadow: 0 0 10px rgba(50, 50, 50, .2)
    }
    .S {
        display: none
    }
    .U {
        margin-bottom: 30px;
        margin-top: 0;
        padding-bottom: 23px;
        padding-top: 23px
    }
    .W {
        margin-bottom: 30px
    }
}

.ae {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--zIndexOverlay);
    animation: af .2s ease-out;
    background-color: rgba(0, 0, 0, .6)
}

.ag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    box-shadow: 0 6px 25px -10px rgba(0, 0, 0, .4)
}

.ah {
    cursor: pointer;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    z-index: 1;
    top: -13px;
    right: -13px;
    background: #000;
    border-radius: 50%;
    padding: 3px
}

.ah:after {
    content: '×';
    font-size: 2rem;
    font-weight: 300;
    color: #fff
}

.ah:focus:after,
.ah:hover:after {
    color: var(--colorGray)
}

@keyframes af {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@media (min-width:768px) {
    .ah {
        height: 35px;
        width: 35px;
        line-height: 30px;
        top: -17px;
        right: -17px;
        padding: 0
    }
    .ah:after {
        font-size: 2.5rem
    }
}

*,
:after,
:before {
    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: transparent
}

body {
    background: #fff;
    color: var(--colorText);
    font-family: var(--sansSerif);
    margin: 0;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

h1,
h2,
h3 {
    font-family: var(--sansSerif);
    font-weight: var(--fontWeightLight);
    margin: 2rem 0 1rem;
    text-rendering: optimizeLegibility;
    line-height: 1.2
}

blockquote,
p {
    margin: 32px 0
}

button {
    border: none
}

cite {
    font-style: normal
}

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

iframe {
    border: 0
}

::-webkit-input-placeholder {
    color: #ccc
}

::placeholder {
    color: #ccc
}

.a {
    min-height: calc(100vh - var(--headerHeight) - 1px);
    overflow: hidden;
    padding: 60px 30px 0;
    position: relative;
    text-align: center
}

.b {
    margin: 5vh auto 0;
    max-width: 660px
}

.c {
    color: var(--colorPrimary);
    cursor: default;
    font-size: 50vw;
    font-weight: var(--fontWeightLight);
    line-height: 40vw;
    position: relative;
    z-index: var(--zIndexContent)
}

.e {
    font-size: 21px;
    font-weight: var(--fontWeightLight);
    margin: 30px auto;
    max-width: 360px;
    position: relative;
    z-index: var(--zIndexContent)
}

.f {
    background: var(--colorText);
    border: none;
    color: #fff;
    display: inline-block;
    min-width: 250px;
    position: relative
}

.g {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transition: all .5s;
    width: 35vh
}

.h {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 24vh
}

@media (min-width:768px) {
    .a {
        min-height: calc(100vh - var(--tabletUp-headerHeight) - 1px)
    }
    .b {
        margin-top: 10vh
    }
    .c {
        font-size: 374px;
        line-height: 286px
    }
    .g {
        bottom: auto;
        margin-top: calc(10vh + 190px);
        top: 0;
        transform: translateY(15px);
        transition: all .5s;
        width: 175px;
        z-index: var(--zIndexBackground)
    }
    .b:hover .g {
        transform: translateY(0)
    }
    .h {
        bottom: auto;
        margin-top: calc(10vh + 260px);
        top: 0;
        width: 135px;
        z-index: var(--zIndexContent)
    }
}

.ay {
    background: var(--colorGrayDarkest);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: var(--sansSerif);
    font-size: .85rem;
    font-weight: var(--fontWeightBold);
    letter-spacing: .15rem;
    line-height: var(--lineHeightStandard);
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: all var(--transitionHover);
    vertical-align: middle;
    border: none
}

.az.ay:focus,
.az.ay:hover,
a:focus .ay,
a:hover .ay {
    background: var(--colorGrayDark)
}

.ay:not([disabled]) {
    cursor: pointer
}

.ay:focus {
    outline: 0
}

.aA,
.aB {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center
}

.aB {
    top: 50%;
    transform: translateY(-50%)
}

.aA {
    bottom: 1rem
}

.aC.aE .aA,
.aC.aE .aB {
    width: calc(100% - 20px);
    margin: 1rem auto
}

.cK {
    width: 1px;
    height: 1px
}

.ko {
    width: 1px;
    height: 1px
}

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

.ke {
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .4s
}

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

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

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

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

.kj {
    opacity: 0
}

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

.kp {
    display: flex;
    margin-top: 15px;
    opacity: 0;
    animation: kq .3s ease-out forwards;
    width: 100%
}

.kp:nth-child(odd) {
    animation-delay: .1s
}

.kp:nth-child(even) {
    animation-delay: .2s
}

.kr {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 20px;
    flex-grow: 1;
    background: rgba(0, 0, 0, .04)
}

.ks {
    position: relative;
    min-width: 100px;
    min-height: 100px
}

.kt {
    width: 100px;
    height: 100px
}

.ku {
    margin: 0;
    font-family: var(--serif);
    font-size: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.kv {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: .1px
}

.kw {
    text-transform: uppercase;
    font-weight: 500
}

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

@keyframes kq {
    0% {
        transform: translateY(-20px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@media (min-width:768px) {
    .kp {
        padding-right: 20px;
        max-width: 50%
    }
    .kx {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.iL {
    width: 100%;
    height: 550px;
    background-color: #fff;
    background-image: url(../images/il_img.png);
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    box-shadow: inset 0 0 15px -10px rgba(0, 0, 0, .5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4rem
}

.iM {
    animation: iN .3s ease-out forwards;
    font-family: var(--serif);
    margin: 0
}

.iO {
    padding: 20px;
    max-width: var(--pageMaxWidth)
}

.iP {
    display: block;
    width: 1px;
    height: 50px;
    background: #000;
    margin: 0 25px
}

@keyframes iN {
    0% {
        transform: translateY(-20px);
        opacity: 0
    }
    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@media (min-width:768px) {
    .iL {
        height: 330px
    }
    .iQ {
        flex-direction: row;
        flex-wrap: wrap
    }
    .iR {
        max-width: 50%
    }
}

.ai {
    background: #fff;
    border-top: 1px solid var(--colorGrayShadow);
    padding-bottom: 2rem;
    width: auto;
    height: auto
}

:root {
    --colorGrayXLight: #f7f7f7;
    --colorGrayLight: #d5d5d5;
    --colorGray: #9b9b9b;
    --colorGrayDim: #555;
    --colorGrayDark: #4a4a4a;
    --colorGrayDarkest: #222;
    --colorGrayShadow: rgba(50, 50, 50, 0.1);
    --colorPrimary: #A9A2CE;
    --colorPrimaryDark: #9179AF;
    --colorViolet: #511ea0;
    --colorTwitter: #55acee;
    --colorFacebook: #3b5998;
    --colorPinterest: #bd081c;
    --colorText: var(--colorGrayDarkest);
    --colorLink: var(--colorPrimary);
    --colorLinkHover: #b8d7ff;
    --colorLinkHoverBorder: #a6cdff;
    --colorPageBackground: var(--colorGrayXLight);
    --colorImageBackground: rgba(225, 225, 225, 0.25);
    --colorGradient: linear-gradient(150deg, var(--colorPrimaryDark), var(--colorPrimary));
    --sansSerif: 'Roboto', sans-serif;
	--ltc: 'LTCRemingtonW01-Typewriter';
    --serif: 'Lora', serif;
    --fontSizeRoot: 16px;
    --lineHeightStandard: 1.4;
    --fontWeightLight: 300;
    --fontWeightRegular: 400;
    --fontWeightBold: 500;
    --fontWeightBlack: 900;
    --headerHeight: 50px;
    --tabletUp-headerHeight: 60px;
    --pageMaxWidth: 1080px;
    --xlClipMaxWidth: 1250px;
    --pageGutter: 13px;
    --adMargin: 3rem;
    --feedSpacing: 2rem;
    --themeSpacing: 2rem;
    --tabletUpThemeSpacing: 3rem;
    --readSpacing: 0.013rem;
    --clipShadow: 0 6px 25px -10px rgba(0, 0, 0, 0.2);
    --clipHeightSmall: 210px;
    --gridGutter: 20px;
    --transitionHover: 0.2s;
    --zIndexNeg: -1;
    --zIndexBackground: 0;
    --zIndexContent: 100;
    --zIndexOverContent: 200;
    --zIndexFloatAd: 300;
    --zIndexPopUp: 400;
    --zIndexFloating: 500;
    --zIndexNav: 600;
    --zIndexOverlay: 700;
    --ratio4x3: 75%;
    --ratio16x9: 56.25%;
    --ratio1x1: 100%;
    --scrollBarSize: 20px
}

.lc {
    overflow: hidden;
    position: relative;
    z-index: var(--zIndexContent);
    padding: 0
}

.le {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    list-style: none;
    white-space: nowrap;
    margin: 0 0 -20px;
    padding: 0 0 25px
}

.le.lf {
    height: 100px;
    overflow: hidden
}

.le.lf .lg {
    min-height: 0
}

.lh {
    padding: 2rem 0
}

.lh .le {
    margin: 0 0 calc(-2rem - 20px);
    padding: 0 0 calc(2rem + 5px)
}

.li {
    min-width: 280px;
    max-width: 280px;
    padding: 0 0 2px;
    margin: 0 10px;
    white-space: normal;
    display: inline-flex;
    vertical-align: top;
    position: relative
}

.lj {
    padding-left: 0;
    margin: 0
}

.lg {
    display: inline-flex;
    width: 1px;
    min-height: 230px;
    vertical-align: top;
    position: relative
}

.lk {
    position: absolute;
    top: 50%;
    display: none;
    align-items: center;
    margin: 0;
    padding: 10px;
    cursor: pointer;
    margin-top: -45px;
    transition: transform .1s ease-out, opacity .1s ease-in-out;
    z-index: var(--zIndexOverContent)
}

.ll .lk {
    background-color: #fff
}

.lk:disabled {
    pointer-events: none;
    opacity: 0
}

.lk:focus {
    outline: 0
}

.lk:focus,
.lk:hover {
    transform: translateX(0)
}

.lm {
    left: 0;
    transform: translateX(-10px);
    padding-left: 15px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2)
}

.ln {
    right: 0;
    transform: translateX(10px);
    padding-right: 15px;
    box-shadow: -1px 1px 3px 0 rgba(0, 0, 0, .2)
}

.lk:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    margin: 6px 10px;
    color: inherit
}

.ln:after {
    transform: rotate(45deg);
    margin-left: 0
}

.lm:after {
    transform: rotate(-135deg);
    margin-right: 0
}

.lo .le {
    text-align: center
}

.lo .le>a {
    max-width: 280px;
    margin: 0 0 2rem
}

.lo .lk {
    display: none
}

.lp {
    text-align: center
}

@media (min-width:768px) {
    .lk {
        display: flex
    }
    .li {
        margin: 0 20px
    }
}

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

.n_:after {
    content: '';
    display: block;
    clear: both
}

.oa {
    float: left
}

.oj {
    position: relative;
    overflow: hidden
}

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

.ol {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

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

.om:after,
.om:before {
    content: ' ';
    display: block;
    background: #fff;
    position: absolute;
    box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    width: 2px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.om:before {
    bottom: 50%;
    margin-bottom: 17px;
    box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0)
}

.om:after {
    top: 50%;
    margin-top: 17px;
    box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, 0)
}

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

.oh {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #000;
    padding-top: 56.25%
}

.oh>:first-child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

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

.og {
    min-height: 210px
}

.nX {
    padding-top: calc(9 / 16 * 100%);
    position: relative
}

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

.ob {
    padding-top: calc(9 / 16 * 100%);
    position: relative
}

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

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

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

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

.oo>* {
    margin: 0 auto
}

.nW {
    min-height: 300px
}

.nT {
    display: block;
    margin: auto;
    position: relative
}

.nT:before {
    content: '';
    display: block;
    padding-top: 50%
}

.nT+div {
    height: 0
}

.nU {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:768px) {
    .nT:before {
        padding-top: calc(1 / 2.75 * 100%)
    }
    .nT {
        max-width: 970px
    }
    .nT.nV {
        max-width: none
    }
}

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

.ka div {
    margin: auto
}

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

.flower {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    transition: opacity .2s .2s;
    opacity: 1
}

.flower-active {
    pointer-events: auto
}

.flower-active .flower__path {
    transition: opacity .1s .1s;
    opacity: 0
}

.flower-active .flower__path.flower-visited {
    opacity: 1
}

.flower-active .flower__node {
    transition: opacity .2s ease;
    opacity: 0
}

.flower-active .flower__node.flower-visited {
    opacity: 1
}

.flower-active .flower__choice {
    cursor: pointer;
    transition: transform .4s ease .2s;
    transform: scale3d(0, 0, 1);
    transform-origin: center top;
    pointer-events: none;
    outline: 0
}

.flower-current .flower__choice {
    pointer-events: all
}

.flower__choice~.flower__choice {
    transition-delay: .4s
}

.flower-active .flower-visited .flower__choice {
    transform: none
}

.flower-active .flower-visited .flower__choice:hover {
    transition-delay: 0s;
    transition-duration: .1s;
    transform: scale3d(1.05, 1.05, 1)
}

.flower-active .flower__node[id='n.start'] {
    opacity: 1
}

.pv {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: default
}

.pw {
    visibility: hidden
}

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

.py {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.pz.py {
    background: #fff
}

.pA {
    font-size: 1.05rem;
    letter-spacing: .013rem;
    line-height: 2;
    margin: 0 auto;
    padding: 0 .81rem
}

.pB {
    background: inherit;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding-bottom: .63rem;
    cursor: pointer
}

.pz .pB {
    background: #fff
}

.pC {
    font-size: 1.1rem;
    margin: .94rem .63rem
}

.pE {
    letter-spacing: .07rem;
    text-transform: uppercase;
    font-weight: var(--fontWeightLight);
    font-size: .8rem
}

.pF {
    margin-bottom: .8rem
}

.pG {
    margin: 0 auto .8rem auto;
    font-family: var(--serif)
}

.pz.pv.pH {
    background: #fff
}

.pH .pB {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: .3rem 0 0 0;
    height: 40%
}

.pH .px {
    width: 60%;
    height: 60%;
    margin: 4% auto 1%
}

.pH .pI {
    max-width: 55%;
    margin: 0 auto .5rem auto
}

.pH .pC {
    font-size: .85rem;
    font-weight: var(--fontWeightBold);
    margin: .4rem 0 .1rem 0
}

@media (min-width:768px) {
    .pB {
        padding: .94rem
    }
    .pC {
        font-size: 1.19rem;
        margin: 1rem 0
    }
    .pF {
        margin-bottom: 1rem
    }
    .pG {
        font-size: initial
    }
    .pH .pB {
        height: 30%
    }
    .pH .pI {
        max-width: 65%;
        margin: 0 auto 1.25rem auto
    }
    .pH .px {
        width: 70%;
        height: 70%
    }
    .pH .pC {
        font-size: 1.19rem;
        margin: 1rem 0 .4rem 0
    }
}

.op {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: 800px
}

.oq {
    background: #fefefe
}

.or {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: default
}

.os {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto
}

.ot {
    opacity: .4;
    display: inline-block;
    height: 2px;
    width: 100%;
    max-width: 30px;
    margin: 5px
}

.ou.ot {
    background: rgba(0, 0, 0, .5)
}

.ov {
    opacity: 1
}

.ow {
    animation: ow .1s ease-out forwards
}

.ox {
    animation: ox .1s ease-out forwards
}

@keyframes ow {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes ox {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@media (min-width:768px) {
    .os {
        margin: 7px auto
    }
    .ot {
        max-width: 50px
    }
}

.oy {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    margin: auto
}

.oy.oz {
    width: 100%;
    max-width: initial
}

.oA,
.oB,
.oC {
    width: 100%
}

@media (min-width:768px) {
    .oA.oE:nth-child(-n+2),
    .oB.oE:nth-child(-n+3),
    .oC.oE:nth-child(-n+4) {
        margin-top: 0
    }
    .oy {
        flex-direction: row
    }
    .oA {
        width: 50%
    }
    .oA.oE:nth-child(2n+1) {
        margin-left: 0
    }
    .oA.oE:nth-child(2n) {
        margin-right: 0
    }
    .oB {
        width: 33.333%
    }
    .oB.oE:nth-child(3n+1) {
        margin-left: 0
    }
    .oB.oE:nth-child(3n+3) {
        margin-right: 0
    }
    .oC {
        width: 25%
    }
    .oC.oE:nth-child(4n+1) {
        margin-left: 0
    }
    .oC.oE:nth-child(4n+4) {
        margin-right: 0
    }
}

:root {
    --gridGutter: 20px
}

.kY {
    max-width: var(--xlClipMaxWidth);
    margin: 0 auto
}

.kZ:nth-child(n+2) {
    margin-top: calc(var(--gridGutter) * 2)
}

@media (min-width:768px) {
    .kZ {
        margin: 0 var(--gridGutter)
    }
    .k_.kZ {
        width: calc(50% - var(--gridGutter))
    }
    .la.kZ {
        width: calc(33.333% - var(--gridGutter) * (4 / 3))
    }
    .lb.kZ {
        width: calc(25% - var(--gridGutter) * (6 / 4))
    }
}

:root {
    --transition: all 0.5s cubic-bezier(0.5, -0.25, 0.25, 1.25)
}

.lG {
    position: relative;
    overflow: hidden
}

.lH {
    width: 100%;
    position: relative;
    z-index: 3;
    cursor: pointer;
    margin: auto
}

.lI {
    transition: var(--transition);
    display: flex;
    min-height: 300px
}

.lJ {
    --triggerIconSize: 50px;
    position: absolute;
    left: calc(var(--triggerIconSize) * -.75);
    top: calc(50% - var(--triggerIconSize)/ 2);
    width: var(--triggerIconSize);
    border-radius: var(--triggerIconSize) 0 0 var(--triggerIconSize);
    background: #fff;
    padding: .6rem 1rem .5rem .5rem;
    cursor: pointer;
    border: none;
    transition: var(--transition);
    box-shadow: -4px 0 10px -4px rgba(0, 0, 0, .5);
    z-index: -1
}

.lJ:focus,
.lJ:hover {
    outline: 0;
    opacity: 1
}

.lK {
    position: relative
}

.lL .lM {
    animation: lN 2s 3 forwards ease-in-out
}

.lO .lM {
    animation: none
}

.lP {
    display: flex;
    pointer-events: none;
    transition: var(--transition);
    padding: 0;
    margin: auto;
    align-items: flex-start;
    width: 100%;
    opacity: 0
}

.lM {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 100%;
    height: 96%;
    max-height: 288px;
    -webkit-overflow-scrolling: touch;
    transform: translateX(98%);
    background: #fff;
    z-index: 3;
    transition: var(--transition);
    box-shadow: -3px 0 10px -4px rgba(0, 0, 0, .5)
}

.lQ .lM {
    transform: translateX(10%)
}

.lR {
    height: 100%;
    width: 90%;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center
}

.lQ .lP {
    pointer-events: all;
    padding-left: 2rem;
    opacity: 1
}

.lQ .lR {
    overflow-x: auto
}

@media (min-width:768px) {
    .lJ {
        --triggerIconSize: 80px;
        padding: 1.5rem
    }
    .lM {
        max-height: 500px
    }
}

.lS {
    fill: none;
    stroke: #000;
    stroke-width: 5;
    transition-duration: .5s
}

.lT {
    transition-duration: .5s
}

.lQ .lU {
    transform: translateX(40px);
    opacity: 0
}

.lQ .lV {
    transform: translateX(5px) translateY(-7px)
}

.lQ .lW {
    transform: translateX(5px) translateY(10px)
}

@keyframes lN {
    0% {
        transform: translateX(98%)
    }
    10% {
        transform: translateX(95%)
    }
    15% {
        transform: translateX(98%)
    }
    18% {
        transform: translateX(97%)
    }
    30% {
        transform: translateX(98%)
    }
    100% {
        transform: translateX(98%)
    }
}

.lq {
    margin: 0 auto 2rem;
    max-width: var(--pageMaxWidth);
    text-align: center
}

.lr,
.ls {
    position: relative
}

.lt {
    position: relative
}

.lu {
    position: relative;
    text-align: center;
    padding-bottom: 2rem
}

.lv.lu {
    padding-bottom: 0
}

.lu .lw {
    padding: 1rem 1rem 0 1rem
}

.lu .lx {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden
}

.lu .lr {
    padding-top: 60%
}

.lu .lr img {
    object-fit: cover
}

.lu .ls {
    bottom: 1rem;
    left: 0;
    margin: auto;
    max-width: 50%;
    position: absolute;
    right: 0;
    top: 1rem;
    z-index: 1
}

.lu .ls .lx {
    height: 100%;
    width: 100%
}

.lu .ls img {
    object-fit: contain
}

.ly {
    position: relative;
    text-align: center
}

.ly .lx {
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.ly .lt {
    display: flex;
    flex-direction: column;
    position: relative
}

.ly .lw {
    padding: 0 1rem;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}

.ly .lz .lw {
    position: relative;
    transform: none;
    padding: 1rem;
    top: auto
}

.ly .lA {
    padding-top: var(--ratio1x1)
}

.ly .lz {
    padding-top: 0
}

.ly .lA .lx {
    position: absolute
}

.ly .lr {
    display: flex;
    flex: 1 0 50%
}

.ly .lr img {
    align-self: center
}

.ly .ls {
    align-items: center;
    display: flex;
    flex: 1 0 50%;
    justify-content: center
}

.ly .ls .lx {
    position: relative
}

.ly .ls img {
    align-self: center;
    object-fit: cover
}

.lw {
    font-family: var(--sansSerif);
    max-width: var(--pageMaxWidth);
    margin: 0 auto
}

.lB {
    margin: 0 auto;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 1px
}

.lC {
    margin: 8px 0 0 0;
    padding: 0;
    font-weight: 600
}

.lE {
    max-width: 540px;
    margin: 10px auto 0 auto;
    font-weight: 300
}

@media (min-width:768px) {
    .ly .lt {
        align-items: center;
        flex-direction: row
    }
    .ly .lA,
    .ly .lF {
        padding-top: 50%
    }
    .ly .lA .lx,
    .ly .lF .lx {
        position: absolute
    }
    .ly .lz .lw {
        padding: 0 1rem;
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%)
    }
    .lu .lr {
        padding-top: 45%
    }
    .lu .ls {
        bottom: 3rem;
        top: 3rem
    }
    .lC {
        font-size: 2.4rem
    }
    .lE {
        font-size: 1.35rem
    }
    .lB {
        font-size: 1rem
    }
}

.lX {
    margin: 0 auto
}

.lY {
    width: 100%;
    max-width: 1080px;
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.lZ>* {
    text-align: left
}

.lZ {
    width: 100%;
    height: 300px;
    background: #ffb19e
}

.l_ {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
    background-image: url(../images/map-marker-e04c8303ab.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.ma {
    position: relative;
    width: calc(100% - 2rem);
    max-width: 400px;
    height: 400px;
    margin: -70px auto 0;
    z-index: var(--zIndexOverContent)
}

.mb .ma {
    background-color: #fff;
    border-color: var(--colorGrayShadow)
}

.mc {
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 2px;
    top: 50%;
    transform: translate(0, -50%);
    transition: width .1s ease-out, opacity .1s, transform 175ms ease-out;
    cursor: pointer;
    z-index: var(--zIndexOverContent);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .2);
    padding: 0;
    opacity: 1
}

.me {
    left: -10px
}

.mf {
    right: -10px
}

.mc:focus {
    outline: 0
}

.mc:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    margin: 6px 10px;
    color: inherit;
    position: absolute;
    top: 6px
}

.mc:disabled {
    pointer-events: none;
    opacity: 0
}

.me:after {
    transform: rotate(-135deg);
    right: 0
}

.mf:after {
    transform: rotate(45deg);
    left: 0
}

.mb .mc {
    background-color: #fff;
    color: #000
}

@media (min-width:768px) {
    .lY {
        height: 600px;
        flex-direction: row
    }
    .lZ {
        height: 100%;
        width: 55%
    }
    .ma {
        height: 530px;
        width: 50%;
        max-width: 530px;
        top: 35px;
        margin: 0 0 0 -35px
    }
    .me {
        left: 0
    }
    .mf {
        right: 0
    }
    .mc:hover {
        width: 50px
    }
}

@media (min-width:1080px) {
    .mc,
    .mc:hover {
        width: 50px;
        height: 50px
    }
    .me {
        transform: translate(-10px, -50%)
    }
    .mf {
        transform: translate(10px, -50%)
    }
    .me:after {
        top: 11px;
        right: 5px
    }
    .mf:after {
        top: 11px;
        left: 5px
    }
    .me:hover {
        transform: translate(-16px, -50%)
    }
    .mf:hover {
        transform: translate(16px, -50%)
    }
    .mg .lY {
        position: relative;
        max-width: 100%
    }
    .mg .lZ {
        width: 100%;
        flex: 2
    }
    .mg .ma {
        position: absolute;
        right: 50px;
        top: 35px;
        width: 530px
    }
}

.qa {
    transition: opacity .3s ease-in;
    width: 100%;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    position: relative
}

.qb {
    opacity: 1;
    pointer-events: all
}

.pQ {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    -webkit-user-select: none;
    user-select: none;
    min-height: 10px;
    margin: auto
}

.pR {
    display: flex;
    align-self: center;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.pS {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: opacity 250ms ease-in;
    opacity: 0
}

.pT {
    opacity: 1
}

.pU {
    margin: 0 0
}

.pV {
    margin-top: 20px
}

.pW {
    width: 55px;
    height: auto;
    position: absolute;
    pointer-events: none;
    z-index: 15;
    transition: opacity .3s;
    animation: pX 2s ease-in-out infinite
}

@keyframes pX {
    0% {
        opacity: 0
    }
    5% {
        opacity: 1
    }
    20% {
        transform: translateX(-20px) translateY(20px)
    }
    40% {
        transform: translateX(40px) translateY(40px)
    }
    60% {
        transform: translateX(-40px) translateY(60px)
    }
    80% {
        transform: translateX(40px) translateY(80px)
    }
    95% {
        transform: translateX(-20px) translateY(100px)
    }
    100% {
        opacity: 0
    }
}

.pJ {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    cursor: default;
    height: 100%
}

.pK.pJ {
    width: auto
}

.pL {
    animation: pM .1s forwards
}

.pN {
    animation: pO .1s forwards
}

.pP {
    visibility: hidden
}

@keyframes pM {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes pO {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.mh {
    max-width: var(--pageMaxWidth);
    margin: auto
}

:root {
    --panDuration: 1000ms
}

.oF {
    position: relative;
    background: var(--colorGrayXLight)
}

.oG {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow-x: scroll;
    cursor: ew-resize;
    transform: translateX(0);
    transition: var(--panDuration) ease-in-out transform
}

.oH {
    transform: translateX(0);
    transition: var(--panDuration) ease-in-out transform
}

.oG::-webkit-scrollbar {
    height: 0
}

.oI {
    transform: translateX(-50%)
}

.oJ {
    overflow: visible
}

.oJ img,
.oJ video {
    width: 200%;
    height: auto;
    max-width: 200%
}

.oK {
    opacity: 1
}

.oL {
    left: 2%
}

.oM {
    right: 2%
}

.oN {
    width: 30%;
    height: 18px;
    padding: 31px 0;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.oO {
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 0 20px #222;
    z-index: 2;
    transition: box-shadow .2s linear
}

.oO:hover {
    animation: oP .3s ease-in 1;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .48)
}

@keyframes oP {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .48)
    }
    40% {
        box-shadow: 0 0 0 13px rgba(255, 255, 255, .48)
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .48)
    }
}

.oO:active,
.oO:focus {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, .58);
    transition: none;
    animation: none;
    outline: 0
}

.oQ {
    width: 100%;
    height: 2px;
    position: absolute;
    transform: translate(0, -50%);
    transition: width 150ms cubic-bezier(0, 0, .2, 1) 0s, height 150ms cubic-bezier(0, 0, .2, 1) 0s, transform 150ms cubic-bezier(0, 0, .2, 1) 0s;
    background-color: #ddd;
    transform-origin: right top;
    box-shadow: 0 0 20px #222
}

@media (min-width:768px) {
    .oO {
        width: 18px;
        height: 18px
    }
}

.ne {
    display: block;
    position: relative
}

.nf.ne {
    max-width: none;
    display: block
}

.ng.ne {
    width: 100%
}

.nh.ne {
    background-color: transparent;
    height: auto;
    position: relative;
    padding-top: 0;
    max-width: var(--pageMaxWidth);
    margin: 0 auto
}

.ni.ne {
    align-self: center
}

.nj {
    margin: 0 var(--gridGutter);
    min-width: 240px;
    max-width: 240px
}

.nk.ne {
    height: 100%;
    overflow: hidden
}

@media (min-width:768px) {
    .nj {
        min-width: 260px;
        max-width: 260px
    }
}

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

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

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

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

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

.pu {
    opacity: 0
}

.mK {
    margin: 0 auto;
    max-width: 640px
}

.mL {
    margin: 0 auto;
    padding: 1rem;
    color: inherit;
    display: block
}

.mM.mL {
    text-align: center
}

.mL button {
    margin: 2rem auto 1rem
}

.mL h2 {
    font-size: 2rem;
    font-weight: var(--fontWeightBlack);
    letter-spacing: .1rem;
    margin: 0 auto 1.25rem;
    max-width: 620px;
    padding: 0 var(--pageGutter)
}

.mL h3 {
    font-size: 1.4rem;
    font-weight: var(--fontWeightBlack);
    letter-spacing: .1rem;
    margin: 0 auto 1.25rem;
    max-width: 620px;
    padding: 0 var(--pageGutter)
}

.mL p {
    font-size: 1.05rem;
    letter-spacing: var(--readSpacing);
    line-height: 2;
    margin: 0 auto;
    max-width: 620px;
    padding: 0 var(--pageGutter)
}

.mL p+p {
    margin-top: 1rem
}

.mL p:last-child {
    margin-bottom: 0
}

.mL h2:after {
    content: none
}

.mL a {
    color: inherit;
    background-color: transparent;
    transition: all var(--transitionHover);
    border-bottom: 2px solid
}

.mN.mL a {
    border-color: var(--colorLink)
}

.mN.mL a:focus,
.mN.mL a:hover {
    background-color: var(--colorLinkHover);
    border-color: var(--colorLinkHoverBorder);
    color: var(--colorGrayDim)
}

.mN.mL:focus button,
.mN.mL:hover button {
    background-color: var(--colorGrayDark)
}

.mL ol,
.mL ul {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mL *+button {
    margin-top: 1.25rem
}

.mO.mL {
    align-self: stretch;
    flex-direction: column;
    display: flex;
    padding: 1.5rem;
    justify-content: center;
    align-items: center;
    line-height: 2
}

.mO .mK {
    max-width: 500px
}

.mO.mL button {
    margin: 1.25rem var(--pageGutter)
}

.mP.mL {
    margin: 0 auto;
    padding: 0;
    color: inherit;
    display: block
}

.mN.mP.mL {
    padding: 0 2rem
}

.mP.mL h2 {
    font-size: 2rem;
    font-weight: var(--fontWeightBlack);
    letter-spacing: .1rem;
    margin: 0 auto 1.25rem;
    max-width: 620px
}

.mP.mL h3 {
    font-size: 1.4rem;
    font-weight: var(--fontWeightBlack);
    letter-spacing: .1rem;
    margin: 0 auto 1.25rem;
    max-width: 620px
}

.mP.mL button {
    margin: 1.25rem var(--pageGutter)
}

.mQ.mL {
    padding: 0;
    min-width: 260px;
    max-width: 260px
}

.mQ button,
.mQ h2,
.mQ p {
    font-size: .8rem
}

.mQ button {
    display: block
}

.mR.mL {
    padding: 0
}

.mN.mR.mL {
    background: #fff
}

.mR.mL,
.mR.mS,
.mR.mT {
    min-height: 19rem;
    height: 100%
}

.mR.mS img {
    object-fit: cover
}

.mR.mL button {
    margin: .75rem
}

.mU.mL {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.9;
    margin: 0;
    padding: 0
}

.mU .mV {
    max-height: 100%;
    margin: 0;
    padding: 1.5rem 3rem;
    overflow: scroll
}

.mU.mL button {
    margin: 1rem auto;
    white-space: pre-line;
    max-width: 80%
}

.mU.mL p {
    margin: 0 auto 2rem
}

.mU.mL h2,
.mU.mL h3 {
    text-align: center
}

.mW {
    color: inherit;
    font-family: var(--serif);
    font-size: 1.75rem;
    font-style: italic;
    line-height: 1.5;
    margin: 4.5rem auto;
    max-width: 32rem;
    padding: 0 20px;
    position: relative;
    text-align: center
}

.mW:after,
.mW:before {
    content: '';
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 25%
}

.mN.mL .mW:after,
.mN.mL .mW:before {
    background: var(--colorText)
}

.mW:after {
    top: -2rem
}

.mW:before {
    bottom: -2rem
}

.mX {
    border-left: 3px solid;
    color: inherit;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.7;
    padding: 0 1rem;
    width: calc(100% - 1.5rem)
}

.mY {
    border: 1px #f0f0f0;
    border-style: solid none;
    margin: var(--adMargin) 0;
    max-width: 100%;
    padding: 2rem 0
}

@media (min-width:768px) {
    .mL h2 {
        margin: 0 auto 1.5rem
    }
    .mQ button,
    .mQ h2,
    .mQ p {
        font-size: inherit
    }
    .mW {
        font-size: 1.9rem
    }
    .mX {
        padding: 0 1.5rem 0 1rem
    }
    .mY {
        padding: 5rem 0
    }
    .mP.mL button {
        margin: 1.25rem
    }
}

.pY {
    position: relative;
    padding-top: calc(9 / 16 * 100%)
}

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

.p_ {
    padding-top: 170%
}

@media (min-width:768px) {
    .p_ {
        padding-top: 75%
    }
}

.mZ {
    max-width: var(--pageMaxWidth);
    margin: 0 auto
}

.m_ {
    background-image: url(../images/video-4287816e7b.svg)
}

.na {
    width: 375px
}

.nb {
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin: auto var(--gridGutter);
    min-width: 260px
}

.nb .nc {
    width: 100%
}

@media (min-width:768px) {
    .na {
        width: 700px
    }
}

@media (min-width:1325px) {
    .na {
        width: 900px
    }
}

.mi {
    background: var(--colorImageBackground);
    overflow: hidden;
    position: relative
}

.mi img {
    bottom: 0;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0
}

.mj {
    background-size: auto calc(100% - 18px);
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    display: block;
    height: 40px;
    position: relative;
    width: 50px
}

.mk .mj {
    background-color: #fff;
    border: 1px solid var(--colorGrayDark)
}

.ml .mj {
    background-image: url(../images/comic-bec839e563.svg)
}

.mm .mj {
    background-image: url(../images/flowchart-8b458e6cc1.svg)
}

.mn .mj {
    background-image: url(../images/slideshow-7d7a58760d.svg)
}

.mo .mj {
    background-image: url(../images/trivia-b1a267c1b8.svg)
}

.mp .mj {
    background-image: url(../images/video-4287816e7b.svg)
}

.mq .mj {
    opacity: 0;
    transition: opacity .4s
}

.mr {
    font-size: .8rem;
    font-weight: 300;
    letter-spacing: 1px
}

.ms {
    font-style: italic
}

.mt {
    text-transform: uppercase;
    font-weight: var(--fontWeightBold)
}

.mu {
    display: inline-block;
    vertical-align: text-top
}

.mv {
    margin-bottom: var(--feedSpacing);
    margin-top: var(--feedSpacing)
}

.mw {
    display: block
}

.mw .mi {
    padding-top: var(--ratio4x3)
}

.mw .mr {
    margin-bottom: .4rem
}

.mw .mx {
    font-family: var(--serif);
    font-size: 1.25rem;
    letter-spacing: .01rem;
    line-height: var(--lineHeightStandard);
    margin: 0 auto 1rem
}

.mw .mj {
    margin: -2.95rem auto .45rem
}

.mw .my {
    margin: 1.1rem auto 0;
    text-align: center;
    width: 90%
}

.mw .mz {
    display: none
}

.mw .mA {
    display: block;
    font-size: .75rem;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.mw .mB {
    display: block;
    margin: 1rem auto 0
}

.mC {
    display: block
}

.mC .mi {
    padding-top: var(--ratio4x3)
}

.mC .my {
    margin: 1.25rem auto 0;
    text-align: center;
    width: 90%
}

.mC .mj {
    margin: -2.95rem auto .45rem
}

.mC .mr {
    margin-bottom: 1rem
}

.mC .mx {
    font-family: var(--serif);
    font-size: 1.5rem;
    letter-spacing: .01rem;
    line-height: var(--lineHeightStandard);
    margin: 0 auto 1.5rem
}

.mC .mz {
    display: none
}

.mC .mA {
    display: block;
    font-size: .75rem;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.mC .mB {
    display: block;
    margin: 1rem auto 0
}

a.mC.mp {
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto
}

.mC.mp .my {
    pointer-events: none
}

.mC.mp .mB {
    display: none
}

.mE {
    display: block;
    width: 280px
}

.mE .mi {
    padding-top: 100%
}

.mE div.my {
    margin: 1.25rem auto 0;
    padding: 0;
    text-align: center
}

.mE .mj {
    margin: -2.95rem auto .45rem
}

.mE .mr {
    background: linear-gradient(rgba(100, 100, 100, .7), rgba(100, 100, 100, 0));
    color: #fff;
    font-weight: 400;
    left: 0;
    padding: .2rem 0;
    position: absolute;
    right: 0;
    top: 0
}

.mE .mx {
    font-family: var(--serif);
    font-size: 1.2rem;
    letter-spacing: .01rem;
    line-height: var(--lineHeightStandard);
    margin: 0 auto 1rem;
    overflow: hidden;
    width: 95%;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.mE .mz {
    display: none
}

.mE .mA {
    display: block;
    font-size: .75rem;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.mE .mB {
    display: none;
    margin: 1rem auto 0
}

.mF {
    display: block
}

.mF .mr {
    padding: 0 0 .2rem 0
}

.mF div.my {
    margin: 1.25rem auto 0;
    padding: 0;
    text-align: center
}

.mF .mi {
    padding-top: 100%
}

.mF .mj {
    margin: -2.95rem auto .45rem
}

.mF .mx {
    font-family: var(--serif);
    font-size: 1.2rem;
    letter-spacing: .01rem;
    line-height: var(--lineHeightStandard);
    margin: 0 auto 1rem;
    overflow: hidden;
    width: 90%;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.mF .mz {
    display: none
}

.mF .mA {
    display: block;
    font-size: .75rem;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.mF .mB {
    display: block;
    margin: 1rem auto 0
}

.mG {
    display: block;
    max-width: 900px
}

.mG .mH {
    padding: 1rem 0
}

.mG .mx {
    font-family: var(--serif);
    font-size: 1.35rem;
    letter-spacing: .01rem;
    line-height: var(--lineHeightStandard);
    margin: 0 auto .6rem
}

.mG .my {
    margin: 1.25rem auto;
    text-align: center
}

.mG .mz {
    margin-top: 2.5rem
}

.mG .mA {
    display: block;
    font-size: .75rem;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.mG .mB {
    display: block;
    margin: 1rem auto 0
}

.mI {
    justify-content: center;
    display: flex;
    margin: 0 var(--gridGutter);
    min-width: 240px;
    max-width: 240px
}

.mI .mH {
    width: 100%
}

.mI .mx {
    font-family: var(--serif);
    font-size: 1rem;
    letter-spacing: .01rem;
    line-height: var(--lineHeightStandard);
    margin: 0 auto .5rem;
    width: 95%
}

.mI .my {
    margin: .75rem auto 0;
    text-align: center
}

.mI .mz {
    display: none
}

.mI .mA {
    display: block;
    font-size: .75rem;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.mI .mB {
    display: none
}

.mI .mj {
    margin: -47px auto 7px
}

.mJ {
    align-items: center;
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 1rem;
    margin: 0 auto
}

.mJ .mi {
    padding-top: 66%
}

.mJ .mH {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.mJ .mj {
    margin: -1.6rem auto -.3rem
}

.mJ .mr {
    background: linear-gradient(rgba(100, 100, 100, .7), rgba(100, 100, 100, 0));
    color: #fff;
    font-weight: 400;
    left: 0;
    padding: .2rem 0;
    position: absolute;
    right: 0;
    top: 0
}

.mJ .my {
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.mJ .mx {
    font-family: var(--serif);
    font-size: 1.35rem;
    letter-spacing: .01rem;
    line-height: var(--lineHeightStandard);
    margin: 0 auto
}

.mJ .mz {
    display: none
}

.mJ .mA {
    display: block;
    font-size: .75rem;
    letter-spacing: .08rem;
    text-transform: uppercase
}

.mJ .mB {
    display: none;
    margin: 1rem auto 0
}

@media (min-width:768px) {
    .mw {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--pageMaxWidth);
        position: relative
    }
    .mw .mH {
        align-items: center;
        display: flex;
        margin: 0 1rem;
        justify-content: space-between;
        position: relative
    }
    .mw .mi {
        padding-top: 40%;
        width: 40%
    }
    .mw .my {
        margin: auto;
        padding: 0 3rem;
        text-align: left;
        width: 60%
    }
    .mw .my:before {
        content: none
    }
    .mw .mj {
        margin: 0 0 1.5rem
    }
    .mw .mx {
        font-size: 1.5rem;
        margin-bottom: 2rem;
        max-height: 98px;
        overflow: hidden
    }
    .mw .mz {
        display: block;
        font-size: .9rem;
        line-height: 1.9;
        margin: 2rem 0
    }
    .mw .mB {
        margin: 2rem 0 0
    }
    .mC {
        margin: 0 auto 2.5rem;
        max-width: var(--pageMaxWidth);
        display: block
    }
    .mC .mi {
        padding-top: 56%
    }
    .mC .my {
        width: 65%
    }
    .mC .mx {
        font-size: 1.75rem
    }
    .mF {
        position: relative
    }
    .mG .mH {
        align-items: center;
        display: flex;
        margin: auto;
        justify-content: space-between;
        position: relative
    }
    .mG .mx {
        text-align: left
    }
    .mG .mz {
        padding-left: 0
    }
    .mG .mB {
        margin-left: 0
    }
    .mI {
        min-width: 260px;
        max-width: 260px
    }
    .mI .my {
        margin-top: 1.25rem
    }
    .mI .mx {
        margin-bottom: 1rem
    }
    .mJ {
        padding: 1.5rem;
        position: relative
    }
    .mJ .mi {
        height: 320px
    }
    .mJ .mx {
        font-size: 1.4rem
    }
    .mJ .mB {
        display: block
    }
    .mG .my {
        margin-left: 0
    }
}

@media (min-width:1025px) {
    .mw .mH {
        margin: 0
    }
    .mw .mi {
        padding-top: 355px;
        width: 470px
    }
    .mw .my {
        width: calc(100% - 470px)
    }
}

.ky {
    position: relative
}

.kz .kA {
    background: #fff
}

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

.kC {
    align-items: center;
    display: flex;
    letter-spacing: .01rem;
    justify-content: center
}

.kE.kF {
    margin-right: .4rem;
    text-decoration: line-through
}

.kz .kE.kF {
    color: var(--colorGray)
}

.kG {
    padding: 0 .5rem
}

.kH {
    letter-spacing: .04rem
}

.kI {
    font-size: .95rem;
    margin-bottom: 0;
    padding: 1.3rem 1.5rem 0;
    position: relative
}

.kJ {
    text-align: left
}

.kz .kK:focus,
.kz .kK:hover,
.kz .kL:focus .kK,
.kz .kL:hover .kK {
    background: var(--colorGrayDark)
}

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

.kM img {
    object-fit: contain;
    position: absolute;
    top: 0
}

.kM .kN {
    margin-bottom: .6rem
}

.kO img {
    object-fit: contain;
    position: absolute;
    top: 0
}

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

.kP img {
    object-fit: contain;
    position: absolute;
    top: 0
}

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

.kQ img {
    object-fit: contain;
    position: absolute;
    top: 0
}

.kQ .kI {
    display: none
}

.kQ .kJ {
    display: block
}

.kR {
    margin: 0 var(--gridGutter);
    min-width: 240px;
    max-width: 240px
}

.kR .kN {
    font-size: 1rem
}

.kR .kI {
    display: none
}

.kS {
    display: block;
    margin-bottom: 2rem
}

.kS .kT {
    padding: 0
}

.kS .kI {
    padding: 1rem 0;
    text-align: left
}

.kU {
    height: 100%
}

.kU .kI {
    display: none
}

.kU .ky {
    padding-top: 66%;
    position: relative
}

.kU .kA {
    background: 0 0
}

.kU img {
    object-fit: contain;
    position: absolute;
    top: 0
}

.kV .kI {
    padding: .5rem 0 0
}

@media (min-width:768px) {
    .kM .kA {
        padding-top: 40%;
        width: 40%
    }
    .kM .kB {
        justify-content: flex-start
    }
    .kM .kI {
        padding-left: 0
    }
    .kP .kW {
        height: 12.7rem;
        position: relative
    }
    .kP .kI {
        display: none
    }
    .kR {
        max-height: 460px;
        min-width: 260px;
        max-width: 260px;
        width: auto
    }
    .kV {
        margin: 0 auto
    }
    .kV .ky {
        flex: 0 0 50%;
        margin-right: 2rem;
        padding-top: 50%;
        width: 50%
    }
    .kV .kA img {
        object-fit: contain;
        bottom: 0;
        position: absolute;
        top: 0
    }
    .kV .kB {
        justify-content: flex-start
    }
    .kV .kI {
        text-align: left
    }
    .kU {
        max-width: none
    }
    .kX .kU .kA {
        padding-top: 70%
    }
}

@media (min-width:1025px) {
    .kM .kA {
        padding-top: 470px;
        width: 470px
    }
}

.j_ {
    color: inherit;
    display: flex;
    flex-direction: row;
    font-family: var(--serif);
    font-style: italic;
    font-size: 1.75rem;
    justify-content: center;
    letter-spacing: .05rem;
    line-height: 1.4;
    margin: 0 auto;
    max-width: var(--pageMaxWidth);
    overflow: hidden;
    padding: 2rem 0 2rem;
    position: relative;
    z-index: var(--zIndexContent)
}

.j_ span {
    max-width: 70%;
    position: relative;
    text-align: center
}

.j_ span:after {
    background: var(--colorText);
    bottom: 0;
    content: '';
    height: 1px;
    left: -135px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 110px;
    z-index: var(--zIndexNeg)
}

.j_ span:before {
    background: var(--colorText);
    bottom: 0;
    content: '';
    height: 1px;
    margin: auto;
    position: absolute;
    right: -135px;
    top: 0;
    width: 110px;
    z-index: var(--zIndexNeg)
}

@media (min-width:768px) {
    .j_ {
        font-size: 2rem;
        max-width: calc(var(--pageMaxWidth)/ 1.5);
        overflow: visible
    }
}

.ju {
    padding-top: var(--themeSpacing);
    padding-bottom: var(--themeSpacing)
}

.jv.ju {
    margin-bottom: var(--themeSpacing);
    padding-top: 0;
    padding-bottom: 0
}

.jv.ju:last-child {
    margin-bottom: 0
}

.jw {
    padding-bottom: var(--feedSpacing)
}

@media (min-width:768px) {
    .ju {
        padding-top: var(--tabletUpThemeSpacing);
        padding-bottom: var(--tabletUpThemeSpacing)
    }
    .jv.ju {
        margin-bottom: var(--tabletUpThemeSpacing);
        padding-bottom: 0
    }
    .jv.ju:last-child {
        margin-bottom: 0
    }
}

.jp {
    padding-right: 0;
    text-align: right
}

.jq {
    display: inline-block;
    font-size: .8rem;
    letter-spacing: .7px;
    text-align: center;
    vertical-align: baseline;
    border-left: 1px solid var(--colorText);
    border-right: 1px solid var(--colorText);
    padding: 0 1rem
}

.jr {
    display: block
}

.js {
    color: var(--colorGrayDark);
    font-style: italic
}

.jt {
    display: inline-block
}

@media (min-width:768px) {
    .jq {
        display: block
    }
    .jr {
        display: inline
    }
    .jp {
        padding-right: 1rem;
        text-align: left
    }
}

.jT {
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 1rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    text-decoration: none;
    white-space: nowrap;
    font-weight: var(--fontWeightBlack)
}

.jT .jU {
    background-size: auto 20px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 .8rem 0 0;
    vertical-align: text-top;
    width: 10px;
    height: 20px
}

.jV {
    display: inline-block
}

.jV .jU {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle
}

.jW.jT {
    background: var(--colorTwitter)
}

.jW.jV .jU {
    background-image: url(../images/twitter-791acd3459.svg)
}

.jW.jT .jU {
    background-image: url(../images/twitter_w-5a860b4efd.svg);
    width: 22px
}

.jX.jT {
    background: var(--colorFacebook)
}

.jX.jT .jU {
    background-image: url(../images/facebook_w-061e616b32.svg)
}

.jX.jV .jU {
    background-image: url(../images/facebook-a709a93bbd.svg)
}

.jY.jT {
    background: #000;
    position: relative
}

.jY.jT .jU {
    background-image: url(../images/embed_w-a524b72515.svg);
    width: 20px
}

.jZ {
    background: rgba(0, 0, 0, .5);
    border-radius: inherit;
    position: absolute;
    top: 50%;
    left: 105%;
    transform: translateY(-50%);
    padding: 3px 8px;
    line-height: var(--lineHeightStandard);
    font-weight: 400;
    text-transform: none
}

.eX {
    align-items: center;
    display: flex;
    height: calc(100vh - var(--headerHeight) - 1px);
    justify-content: center;
    overflow: hidden;
    position: relative
}

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

.eZ {
    background: #fff;
    color: var(--colorText);
    margin: 0 auto;
    max-width: 32em;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    transition: opacity .4s ease, transform .4s ease;
    transform-origin: center center;
    z-index: var(--zIndexContent)
}

.e_ {
    border-radius: 50%;
    height: 45px;
    padding: .7rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -60%)
}

.fa {
    font-size: .8rem;
    letter-spacing: .09em;
    text-transform: uppercase
}

.fb {
    margin: 2rem .3rem 0 0;
    display: inline-block
}

.fc {
    font-family: var(--serif);
    font-style: italic;
    text-transform: none;
    margin: 1.2rem 0 .3rem;
    display: inline-block
}

.fe {
    font-weight: var(--fontWeightBold)
}

.ff {
    display: block;
    margin: 0 0 1rem 0
}

.ff img {
    height: auto;
    margin: auto;
    max-height: 60px;
    max-width: 300px;
    object-fit: contain;
    width: auto
}

.fg {
    border-bottom: 1px solid #fff;
    line-height: 1.3;
    letter-spacing: .03em;
    margin: 1.5rem 0 1rem;
    padding: 0 1.5rem;
    text-align: center
}

.fh {
    border: none;
    color: #fff;
    font-size: .9rem;
    margin-bottom: 2rem
}

.fi {
    padding: 15px;
    text-align: center
}

.fj {
    padding-top: 10px;
    display: flex;
    justify-content: space-around;
    position: relative
}

.fk {
    text-align: center;
    display: flex;
    font-size: .88rem;
    padding: 1rem
}

.fl {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    flex: 0 0 40px
}

.fl img {
    border-radius: 50%
}

.fm {
    margin-left: .5rem;
    text-align: left;
    display: flex;
    align-items: center
}

.fn {
    color: var(--colorText);
    font-weight: var(--fontWeightLight);
    letter-spacing: .075em
}

.fo,
.fp {
    position: absolute;
    top: 1rem;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s, transform .4s;
    outline: 0;
    padding: 0 13px;
    text-transform: uppercase;
    letter-spacing: .03em;
    z-index: var(--zIndexContent);
    border-radius: 22px;
    text-align: center;
    color: #fff;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border: none;
    cursor: pointer
}

.fo {
    left: 1rem
}

.fp {
    right: 1rem
}

.fo:focus,
.fo:hover,
.fp:focus,
.fp:hover {
    transform: scale3d(1.1, 1.1, 1)
}

.fq,
.fr {
    display: inline-block;
    width: 20px;
    margin-top: 12px
}

.fr {
    margin-top: 13px;
    margin-left: -2px
}

.fs {
    position: absolute;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    padding: 1.5rem;
    bottom: -90px;
    opacity: 0
}

.fs a {
    margin: 0 .5rem
}

.ft {
    position: absolute;
    bottom: 0;
    right: 1rem;
    width: 80px;
    height: var(--headerHeight);
    background-image: url(../images/logo-1520146149.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 1;
    transition: opacity 250ms;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.fu .ft {
    opacity: 0
}

.fv .fw {
    opacity: 1
}

.fx .eZ {
    pointer-events: none;
    opacity: 0
}

.fx .fo,
.fx .fp {
    pointer-events: auto;
    opacity: 1
}

.fu .fs {
    transition: opacity .8s ease, bottom .8s ease;
    bottom: 0;
    opacity: 1
}

@media (min-width:768px) {
    .eX {
        height: calc(100vh - var(--tabletUp-headerHeight) - 1px)
    }
    .fo,
    .fp {
        top: 2rem
    }
    .fo {
        left: 2rem
    }
    .fp {
        right: 2rem
    }
}

.jx {
    display: inline-block;
    font-size: .8rem;
    margin-right: 1rem;
    padding-left: 5px
}

.jy {
    font-weight: var(--fontWeightBold);
    letter-spacing: .7px;
    text-transform: uppercase
}

a.jy {
    color: var(--colorText);
    border-bottom: 2px solid var(--colorLink);
    transition: background var(--transitionHover)
}

a.jy:focus,
a.jy:hover {
    background-color: var(--colorLinkHover);
    border-color: var(--colorLinkHoverBorder);
    color: var(--colorGrayDim)
}

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

.iS ol,
.iS ul {
    padding-left: 1rem
}

.iS ul {
    list-style: none
}

.iS ul li:before {
    box-shadow: -1px 1px 0 var(--colorGrayShadow);
    content: '';
    display: inline-block;
    background: #000;
    vertical-align: middle;
    position: relative;
    top: -.1em;
    border-radius: .1em;
    height: .5rem;
    width: .5rem;
    margin-left: calc((.7rem + .4rem) * -1);
    margin-right: .4rem
}

.iS b,
.iS strong {
    font-weight: var(--fontWeightBold)
}

.iS h2,
.iS h3 {
    font-size: 1.6rem;
    font-weight: var(--fontWeightBlack);
    letter-spacing: .1rem;
    margin-top: 3.5rem;
    text-transform: none
}

.iT {
    background-color: transparent;
    color: var(--colorText);
    border-color: var(--colorLink);
    border-width: 2px;
    border-style: none none solid;
    transition: all .2s
}

.iT:focus,
.iT:hover {
    background-color: var(--colorLinkHover);
    border-color: var(--colorLinkHoverBorder);
    color: var(--colorGrayDim)
}

.iU {
    color: var(--colorText);
    font-family: var(--serif);
    font-size: 1.75rem;
    font-style: italic;
    line-height: 1.5;
    margin: 4.5rem auto;
    max-width: 32rem;
    padding: 0 20px;
    position: relative;
    text-align: center
}

.iU:after,
.iU:before {
    background: var(--colorText);
    content: '';
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 25%
}

.iU:after {
    top: -2rem
}

.iU:before {
    bottom: -2rem
}

.iV {
    border-left: 3px solid var(--colorGrayDarkest);
    color: var(--colorText);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.7;
    padding: 0 1rem;
    width: calc(100% - 1.5rem)
}

@media (min-width:768px) {
    .iU {
        font-size: 1.9rem
    }
    .iV {
        padding: 0 1.5rem 0 1rem
    }
}

.iW {
    color: var(--colorGrayDim);
    display: block;
    font-size: .8rem;
    font-style: normal;
    letter-spacing: .5px;
    line-height: 1.25;
    padding: .6rem .5rem 0;
    text-align: right
}

.iW a {
    border: none;
    text-decoration: none
}

.iW a:focus,
.iW a:hover {
    background: 0 0
}

.iX {
    font-size: .8rem;
    font-style: normal;
    letter-spacing: 1px;
    line-height: normal;
    max-width: 50%;
    padding-top: 10px;
    text-align: left;
    float: left
}

.iX a {
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    height: 16px;
    white-space: nowrap;
    width: 100%
}

.iX a:focus,
.iX a:hover {
    background: 0 0
}

.iY {
    font-style: italic;
    font-weight: var(--fontWeightBold);
    padding-right: .3rem
}

@media (min-width:768px) {
    .iW {
        padding: .6rem 0
    }
}

.iZ {
    margin: auto
}

.iZ:last-child {
    margin-bottom: 0
}

h2.i_,
h3.i_ {
    display: inline-block;
    line-height: 1.3;
    margin-top: 1rem;
    min-width: 100px;
    position: relative;
    z-index: var(--zIndexBackground)
}

@media (min-width:768px) {
    h2.i_,
    h3.i_ {
        margin-top: 3rem
    }
}

.ja {
    margin: 16px auto 32px;
    text-align: right;
    position: relative;
    max-width: 1000px
}

.ja .jb {
    background: var(--colorGrayXLight)
}

.jc img {
    object-fit: cover
}

.je {
    text-align: right;
    margin: 16px auto 32px;
    max-width: 1000px
}

.je aside,
.je blockquote {
    margin: 0;
    text-transform: none;
    text-align: left;
    font-size: 1.5rem
}

.je blockquote:before {
    content: none
}

.jf {
    position: relative;
    padding-top: var(--ratio16x9);
    text-align: right;
    margin: 16px auto 32px
}

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

.jh {
    margin: 4rem 0
}

.jb {
    position: relative
}

.jb>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0
}

.ji {
    display: block;
    margin: 1.5rem auto;
    max-width: 1000px;
    width: 100%
}

.ji .ja {
    margin: 5px 0;
    width: 100%
}

.ji img {
    object-fit: cover
}

.ji .iW {
    padding: .5rem .5rem .5rem 2rem
}

@media (min-width:768px) {
    .ji {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }
    .ji .ja {
        margin: 5px 0
    }
    .jj {
        flex-wrap: nowrap;
        flex-direction: row
    }
    .jj .ja {
        flex: 0 0 calc(50% - .25rem)
    }
    .jk .ja {
        flex: 0 0 calc(50% - .25rem)
    }
    .jk .ja:first-child {
        flex: 0 0 100%;
        width: 100%
    }
    .jl .ja {
        flex: 0 0 calc(50% - .25rem)
    }
    .jm .ja {
        flex: 0 0 calc(33.333% - .25rem)
    }
    .jm .ja:first-child {
        flex: 0 0 100%;
        width: 100%
    }
}

.jn {
    line-height: 1;
    margin: 0 auto;
    max-width: 1000px;
    text-align: right;
    width: 100%
}

.jn .iW+.iW {
    padding-top: 0
}

.jo {
    text-align: center;
    margin: 2rem -13px
}

.kk {
    display: inline-block;
    font-size: .8rem;
    font-style: normal;
    letter-spacing: 1px;
    line-height: normal;
    max-width: 75%;
    padding-top: 10px;
    text-align: right;
    margin-right: 5px
}