html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

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

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default;
    opacity: .5
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

:root {
    --leadingMod-1: $ baseline *1;
    --leadingMod1: $ baseline *1.25;
    --leadingMod2: $ baseline *1.5;
    --leadingMod3: $ baseline *2;
    --site-nav-height: 0rem
}

@media (min-width: 50em) {
    :root {
        --leadingMod-1: $ baseline *0.75;
        --leadingMod1: $ baseline *1.25;
        --leadingMod2: $ baseline *1.75;
        --leadingMod3: $ baseline *2;
        --site-nav-height: $ baseline *4.375
    }
}

section {
    height: auto;
    padding-top: 4.35rem;
    padding-bottom: 4.35rem;
    position: relative;
    overflow: hidden;
    z-index: 200
}

img {
    max-width: 100%
}

iframe, video {
    width: 100%;
    height: 100%
}

button, iframe:focus, video:focus {
    outline: none
}

button {
    background: transparent;
    border: none
}

hr {
    border: 0;
    height: 1px;
    background: #5e3b5e;
    margin: 1.45rem 0
}

html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased
}

@media (min-width: 640px) {
    html {
        font-size: calc(16px + 6 * (100vw - 640px) / 704)
    }
}

@media (min-width: 1344px) {
    html {
        font-size: 22px
    }
}

body {
    line-height: 1.45rem;
    font-family: Nunito, sans-serif
}

.article__header--has-banner .article__title, .default-header__label, .fancy-header, .h1, .h2, .h3, .h4, .h5, .h6, .modal__title, .nav__item, .pagination__control, .preview-gallery__stage .stage__title, .share-header, .site-nav .nav__item, .site-title__text, .tab, .tab__text, h1, h2, h3, h4, h5, h6 {
    display: block;
    font-weight: 700;
    font-style: normal;
    margin: 0;
    padding: 0;
    padding-top: 2.175rem;
}

.h1, .h2, h1, h2 {
    line-height: 1;
    padding-top: 2.9rem;
    margin-bottom: 1.45rem;
    font-size: 2.197rem
}

@media (min-width: 40em) {
    .h1, .h2, h1, h2 {
        font-size: calc(2.197rem + .63015 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .h1, .h2, h1, h2 {
        font-size: 2.82715rem
    }
}

.article__header--has-banner .article__title, .h3, .site-title__text, h3 {
    line-height: 1;
    margin-bottom: .725rem;
    font-size: 1.69rem
}

@media (min-width: 40em) {
    .article__header--has-banner .article__title, .h3, .site-title__text, h3 {
        font-size: calc(1.69rem + .3094 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .article__header--has-banner .article__title, .h3, .site-title__text, h3 {
        font-size: 1.9994rem
    }
}

.fancy-header, .h4, .modal__title, .preview-gallery__stage .stage__title, h4 {
    line-height: var(--leadingMod1);
    margin-bottom: .725rem;
    font-size: 1.3rem
}

@media (min-width: 40em) {
    .fancy-header, .h4, .modal__title, .preview-gallery__stage .stage__title, h4 {
        font-size: calc(1.3rem + .114 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .fancy-header, .h4, .modal__title, .preview-gallery__stage .stage__title, h4 {
        font-size: 1.414rem
    }
}

.default-header__label, .h5, .site-nav .nav__item, .tab, h5 {
    line-height: 1.45rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .725rem;
    font-size: 1rem
}

@media (min-width: 40em) {
    .default-header__label, .h5, .site-nav .nav__item, .tab, h5 {
        font-size: calc(1rem + 0 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .default-header__label, .h5, .site-nav .nav__item, .tab, h5 {
        font-size: 1rem
    }
}

.h6, .nav__item, .pagination__control, .share-header, .tab__text, h6 {
    line-height: var(--leadingMod-1);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .725rem;
    font-size: .76923rem
}

@media (min-width: 40em) {
    .h6, .nav__item, .pagination__control, .share-header, .tab__text, h6 {
        font-size: calc(.76923rem + -.06202 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .h6, .nav__item, .pagination__control, .share-header, .tab__text, h6 {
        font-size: .70721rem
    }
}

.button--large, .faq__question, .large-text, p.intro {
    line-height: var(--leadingMod1);
    font-size: 1.3rem
}

@media (min-width: 40em) {
    .button--large, .faq__question, .large-text, p.intro {
        font-size: calc(1.3rem + .114 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .button--large, .faq__question, .large-text, p.intro {
        font-size: 1.414rem
    }
}

.article__navbar__item, .article__summary .post__author, .article__summary .post__date, .article__summary .post__type, .breadcrumb__item, .button--small, .fancybox-caption__body, .filter__label, .form-errors, .legal, .mce_inline_error, .post__header, .post__type, .privacy__notice p, .related__group .post__description, .rss__link, .small-text, .until-you-fall-mailing-list-signup__privacy-link {
    line-height: var(--leadingMod-1);
    font-size: .76923rem
}

@media (min-width: 40em) {
    .article__navbar__item, .article__summary .post__author, .article__summary .post__date, .article__summary .post__type, .breadcrumb__item, .button--small, .fancybox-caption__body, .filter__label, .form-errors, .legal, .mce_inline_error, .post__header, .post__type, .privacy__notice p, .related__group .post__description, .rss__link, .small-text, .until-you-fall-mailing-list-signup__privacy-link {
        font-size: calc(.76923rem + -.06202 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .article__navbar__item, .article__summary .post__author, .article__summary .post__date, .article__summary .post__type, .breadcrumb__item, .button--small, .fancybox-caption__body, .filter__label, .form-errors, .legal, .mce_inline_error, .post__header, .post__type, .privacy__notice p, .related__group .post__description, .rss__link, .small-text, .until-you-fall-mailing-list-signup__privacy-link {
        font-size: .70721rem
    }
}

address, p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.45rem;
    padding-top: .725rem;
    margin-bottom: .725rem
}

a {
    color: inherit;
    text-decoration: none
}

.link, .link:focus, .link:hover, .link:visited, .site-title__text, .site-title__text:focus, .site-title__text:hover, .site-title__text:visited {
    color: #52ffd5
}

.link:visited, .site-title__text:visited {
    text-decoration: none
}

address {
    font-style: normal
}

.address__label {
    opacity: .4
}

blockquote {
    margin: .725rem 0;
    padding: 0 0 0 1.5rem;
    border-left: 5px solid
}

.quote {
    padding-top: 0;
    text-indent: -.5em
}

.quote:before {
    content: "\201C"
}

.quote:after {
    content: "\201D"
}

cite {
    font-size: .76923rem;
    display: inline-block;
    padding-top: .725rem
}

@media (min-width: 40em) {
    cite {
        font-size: calc(.76923rem + -.06202 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    cite {
        font-size: .70721rem
    }
}

cite p {
    padding: 0
}

cite:before {
    content: "\2014\00a0";
    display: inline
}

ol, ul {
    padding: .725rem 0;
    margin: 0;
    list-style: none
}

ol li, ul li {
    margin-bottom: .725rem
}

ol.numbered li, ul.bullets li {
    text-indent: -1.5em;
    margin-left: 1.5em
}

ol.numbered li:before, ul.bullets li:before {
    color: inherit;
    width: 1.5rem;
    text-indent: 0;
    display: inline-block
}

ul.bullets li:before {
    content: "\2022"
}

ol.numbered {
    counter-reset: a
}

ol.numbered li {
    counter-increment: a
}

ol.numbered li:before {
    content: counter(a) ". "
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0;
    margin-bottom: 1.45rem
}

.-reverse, .default-header {
    color: #e0dbd5
}

.-reverse .link, .-reverse .link:focus, .-reverse .link:hover, .-reverse .link:visited, .-reverse .site-title__text, .-reverse .site-title__text:focus, .-reverse .site-title__text:hover, .-reverse .site-title__text:visited, .default-header .link, .default-header .link:focus, .default-header .link:hover, .default-header .link:visited, .default-header .site-title__text, .default-header .site-title__text:focus, .default-header .site-title__text:hover, .default-header .site-title__text:visited {
    color: #52ebeb
}

.-reverse blockquote, .default-header blockquote {
    border-color: #5e3b5e
}

.article-flex-container, .form-row, .layout-container, .post-listing, .posts__grid, .related-articles, .related__group__list, .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.0875rem;
    margin-right: -1.0875rem
}

.related__group__list, .row--tight {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.row--reverse {
    flex-direction: row-reverse
}

.article__block, .cell, .form-group, .post-listing .post, .post__filters, .posts, .posts--featured .post, .related-articles .post, .related__group, .support .faqs, .support .min-specs {
    flex-grow: 1;
    display: block;
    padding-left: 1.0875rem;
    padding-right: 1.0875rem
}

.cell--tight, .related__group .post {
    padding-left: .5rem;
    padding-right: .5rem
}

.colspan-1 {
    width: 8.33333%;
    flex-grow: 0
}

.colspan-2 {
    width: 16.66667%;
    flex-grow: 0
}

.colspan-3 {
    width: 25%;
    flex-grow: 0
}

.colspan-4 {
    width: 33.33333%;
    flex-grow: 0
}

.colspan-5 {
    width: 41.66667%;
    flex-grow: 0
}

.colspan-6 {
    width: 50%;
    flex-grow: 0
}

.colspan-7 {
    width: 58.33333%;
    flex-grow: 0
}

.colspan-8 {
    width: 66.66667%;
    flex-grow: 0
}

.colspan-9 {
    width: 75%;
    flex-grow: 0
}

.colspan-10 {
    width: 83.33333%;
    flex-grow: 0
}

.colspan-11 {
    width: 91.66667%;
    flex-grow: 0
}

.colspan-12 {
    width: 100%;
    flex-grow: 0
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.colspan-line-length {
    width: 40rem;
    flex-grow: 0
}

.four-up, .three-up, .two-up {
    flex-wrap: wrap
}

.four-up .cell, .three-up .cell, .two-up .cell {
    width: 100%
}

.four-up .cell:not(:last-child), .three-up .cell:not(:last-child), .two-up .cell:not(:last-child) {
    margin-bottom: 1.45rem
}

@media (min-width: 40em) {
    .two-up {
        flex-wrap: nowrap
    }

    .two-up .cell {
        width: auto
    }

    .two-up .cell:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width: 50em) {
    .three-up {
        flex-wrap: nowrap
    }

    .three-up .cell {
        width: auto
    }

    .three-up .cell:not(:last-child) {
        margin-bottom: 0
    }
}

@media (min-width: 40em) {
    .four-up .cell {
        width: 50%
    }
}

@media (min-width: 66em) {
    .four-up {
        flex-wrap: nowrap
    }

    .four-up .cell {
        width: auto
    }

    .four-up .cell:not(:last-child) {
        margin-bottom: 0
    }
}

.sidebar-layout {
    flex-wrap: wrap
}

@media (min-width: 50em) {
    .sidebar-layout {
        flex-wrap: nowrap
    }
}

.sidebar {
    width: 100%;
    margin-bottom: 1.45rem;
    flex-grow: 0
}

@media (min-width: 50em) {
    .sidebar {
        width: 25%;
        margin-bottom: 0
    }
}

@media (min-width: 84em) {
    .sidebar {
        width: 16.66667%;
        margin-left: 8.33333%
    }
}

.main-content {
    width: 100%;
    flex-grow: 0
}

@media (min-width: 50em) {
    .main-content {
        width: 75%
    }
}

@media (min-width: 84em) {
    .main-content {
        width: 66.66667%
    }
}

body {
    background-color: #18131c;
    color: #f3eee7
}

.default-header {
    padding: .725rem 0;
    background-color: #f75f20
}

.default-header__label {
    padding: 0;
    margin: 0
}

@media (min-width: 50em) {
    .header {
        margin-top: 5.8rem
    }

    @supports (--a:0) {
        .header {
            margin-top: var(--site-nav-height)
        }
    }
}

.header {
    padding-bottom: 4.35rem;
    padding-top: 4.35rem;
    text-align: center
}

.header .page__title {
    padding: 0;
    margin: 0
}

.page__content {
    padding-left: 1.45rem;
    padding-right: 1.45rem;
    position: relative;
    width: 100%;
    z-index: 200
}

@media (min-width: 92.8 +1600px) {
    .page__content {
        padding-left: 0;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 1600px
    }
}

.text-content, .until-you-fall-about-section .section__intro {
    width: 40rem;
    max-width: 100%
}

.form-content {
    width: 20rem;
    max-width: 100%
}

.article-container {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto
}

.container--404 {
    height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.grid-container {
    display: -ms-grid;
    display: grid
}

.flex-container {
    display: flex
}

.page-column--main {
    max-width: 100%;
    width: 40rem
}

.page-column--aside {
    width: 20rem
}

.page__overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(24, 19, 28, .8);
    z-index: 500
}

.breakpoint-indicator {
    position: absolute;
    top: 100%;
    left: 100%;
    z-index: 1
}

@media (min-width: 40em) {
    .breakpoint-indicator {
        z-index: 2
    }
}

@media (min-width: 50em) {
    .breakpoint-indicator {
        z-index: 3
    }
}

@media (min-width: 66em) {
    .breakpoint-indicator {
        z-index: 4
    }
}

@media (min-width: 84em) {
    .breakpoint-indicator {
        z-index: 5
    }
}

@media (min-width: 106em) {
    .breakpoint-indicator {
        z-index: 6
    }
}

@media (min-width: 2400px) {
    .breakpoint-indicator {
        z-index: 7
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.2rem;
    height: 1.2rem;
    max-width: 100%;
    max-height: 100%;
    color: #ab8ca4;
    text-align: center;
    line-height: 1.45rem;
    text-decoration: none
}

::-ms-clear {
    display: none
}

label {
    display: block;
    padding: .725rem 0 .3625rem;
    font-weight: 700
}

::-webkit-input-placeholder {
    color: #7f5a7e
}

::-moz-placeholder {
    color: #7f5a7e
}

:-ms-input-placeholder, ::-ms-input-placeholder {
    color: #7f5a7e
}

::placeholder {
    color: #7f5a7e
}

.form-label--required:after {
    content: "*";
    margin-left: .5rem
}

.form-label--input-only {
    font-weight: 400
}

.form-label--input-only > .field {
    display: inline-block;
    width: auto;
    margin-right: .5rem
}

.form-label--checkbox {
    cursor: pointer;
    font-weight: 400;
    display: flex;
    align-items: center
}

@media (min-width: 50em) {
    .form-label--checkbox {
        display: inline-flex
    }

    .form-label--checkbox + .form-label--checkbox {
        margin-left: 1.45rem
    }
}

input, textarea {
    display: inline-block;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.45rem;
    margin-bottom: .725rem;
    width: 22rem;
    max-width: 100%;
    border: 1px solid #7f5a7e;
    border-radius: 2px;
    vertical-align: top;
    background-color: #18131c;
    color: #f3eee7
}

input:focus, textarea:focus {
    border-color: #52ffd5;
    outline: none
}

input {
    height: 2.175rem
}

input[type=checkbox], input[type=radio] {
    width: auto;
    display: inline;
    margin-right: .5rem;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer
}

input[type=submit] {
    width: auto;
    border: 0 none
}

.select-style {
    border: 1px solid #5e3b5e;
    border-radius: 2px;
    vertical-align: top;
    width: 22rem;
    max-width: 100%;
    overflow: hidden;
    background-size: auto .5rem
}

.select-style select {
    width: 130%;
    padding: 0 1rem;
    line-height: 1.45rem;
    height: 2.175rem;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none
}

.select-style select:focus {
    outline: none
}

.form-pages {
    display: flex;
    padding: 0;
    margin: 0 0 10px;
    list-style: none
}

.form-pages li {
    margin: 0 10px 0 0
}

.form-row {
    display: flex
}

.form-group {
    width: 100%
}

.form-group-gender {
    display: flex;
    flex-flow: column
}

.form-group-gender label.form-label--checkbox {
    margin-left: 0
}

.form-has-errors {
    color: #c2b419
}

.form-errors, .mce_inline_error {
    list-style: none;
    padding: 0;
    margin: 0 0 .725rem
}

.form-errors > li, .mce_inline_error > li {
    color: #c2b419
}

.mce_inline_error {
    color: #c2b419;
    width: 100%
}

.form-instructions {
    font-size: .76923rem;
    display: block
}

@media (min-width: 40em) {
    .form-instructions {
        font-size: calc(.76923rem + -.06202 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .form-instructions {
        font-size: .70721rem
    }
}

.alert-success {
    background-color: hsla(0, 0%, 100%, .8);
    opacity: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: a 3s ease 0s 1
}

@keyframes a {
    0% {
        z-index: 1;
        opacity: 1
    }
    80% {
        z-index: 1;
        opacity: 1
    }
    to {
        z-index: -1;
        opacity: 0
    }
}

.field.datepart, .field.phonepart {
    display: inline-block;
    width: 5rem !important;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0
}

#secretHoneypotParamName, .form-row-human-touch {
    display: none
}

.gallery {
    overflow: hidden;
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-gap: 1.0875rem;
    grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));
    -ms-grid-rows: auto;
    grid-template-rows:auto;
    grid-auto-rows: 100px;
    grid-auto-flow: dense
}

@media (min-width: 400px) {
    .gallery {
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
        grid-auto-rows: 150px
    }
}

@media (min-width: 500px) {
    .gallery {
        grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
        grid-auto-rows: 200px
    }
}

@media (min-width: 929px) {
    .gallery {
        -ms-grid-rows: unset;
        grid-template-rows:unset
    }
}

.gallery__item {
    overflow: hidden;
    color: #f3eee7;
    position: relative;
    cursor: pointer
}

.gallery__item a {
    display: block;
    width: 100%;
    height: 100%
}

.gallery__image {
    vertical-align: top;
    width: 100%;
    height: 100%;
    transform: scale(1.5);
    transition: transform .25s ease;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: object-fit\: cover
}

.gallery__item:hover .gallery__image {
    transform: scale(1);
    transition: transform .25s ease
}

.gallery__item--wide {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.gallery__item--tall {
    -ms-grid-row-span: 2;
    grid-row: span 2
}

.gallery__intro {
    color: #f3eee7;
    padding: 1.45rem;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (min-width: 699px) {
    .gallery__intro {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }
}

@media (min-width: 929px) {
    .gallery__intro {
        -ms-grid-column-span: 2;
        grid-column: span 2;
        -ms-grid-row-span: 2;
        grid-row: span 2;
        padding-left: 0;
        text-align: left
    }

    .gallery__intro * {
        width: 30rem;
        max-width: 100%
    }
}

@media (-webkit-min-device-pixel-ratio: 2.75) and (min-width: 390px) {
    .gallery__intro {
        -ms-grid-column-span: 3;
        grid-column: span 3
    }
}

.zoom-in {
    z-index: -1;
    opacity: 0;
    transition: opacity .25s ease
}

.gallery__item:hover .zoom-in {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    background-color: rgba(24, 19, 28, .5);
    padding: .5rem;
    border-radius: 50%;
    line-height: 1rem;
    opacity: 1;
    transition: opacity .25s ease;
    pointer-events: none
}

.zoom-in .icon {
    display: inline-block;
    fill: #f3eee7;
    width: 1rem;
    height: 1rem
}

.more-button {
    text-transform: uppercase;
    background: linear-gradient(#7f5a7e, #5e3b5e);
    border: 2px solid #52ffd5;
    color: #f3eee7;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 80
}

.more-button:hover {
    border-color: #ffd11a
}

.gallery__loader {
    order: 90;
    display: none
}

.gallery__loader.loading {
    display: flex;
    justify-content: center;
    align-items: center
}

.is-IE .gallery {
    display: flex;
    flex-wrap: wrap
}

.is-IE .gallery:after, .is-IE .gallery:before {
    content: "";
    margin: .725rem;
    flex: 1 1 100px;
    order: 999
}

.is-IE .gallery__item, .is-IE .gallery__loader.loading, .is-IE .more-button {
    width: 100px;
    height: 100px;
    margin: .725rem;
    flex: 1 1 100px
}

.is-IE .gallery__intro {
    width: 100%;
    margin: .725rem;
    overflow: hidden
}

@media (min-width: 400px) {
    .is-IE .gallery:after, .is-IE .gallery:before {
        flex: 1 1 150px
    }

    .is-IE .gallery__item, .is-IE .gallery__loader.loading, .is-IE .more-button {
        width: 150px;
        height: 150px;
        flex: 1 1 150px
    }
}

@media (min-width: 500px) {
    .is-IE .gallery:after, .is-IE .gallery:before {
        flex: 1 1 200px
    }

    .is-IE .gallery__item, .is-IE .gallery__loader.loading, .is-IE .more-button {
        width: 200px;
        height: 200px;
        flex: 1 1 200px
    }
}

@media (min-width: 929px) {
    .is-IE .gallery__intro {
        text-align: center
    }
}

.preview-gallery {
    margin-top: 2.9rem
}

@media (min-width: 84em) {
    .preview-gallery {
        display: -ms-grid;
        display: grid;
        grid-gap: 2.175rem;
        -ms-grid-columns: 28rem 1fr;
        grid-template-columns:28rem 1fr;
        grid-auto-rows: -webkit-min-content;
        grid-auto-rows: min-content
    }

    .preview-gallery.preview-gallery--stage-right {
        -ms-grid-columns: 1fr 28rem;
        grid-template-columns:1fr 28rem
    }

    .preview-gallery.preview-gallery--stage-right .preview-gallery__stage {
        order: 2
    }
}

.preview-gallery__items .item__image, .preview-gallery__stage .stage__image {
    overflow: hidden
}

.preview-gallery__items .item__image img, .preview-gallery__stage .stage__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: contain; object-position: 50% 50%"
}

.preview-gallery__items {
    display: -ms-grid;
    display: grid;
    grid-gap: 2.175rem;
    grid-template-columns:repeat(auto-fit, minmax(9rem, 1fr));
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
}

@media (min-width: 84em) {
    .preview-gallery__items {
        grid-template-columns:repeat(auto-fit, minmax(7rem, 1fr))
    }
}

.preview-gallery__items .item {
    transition: all .25s ease;
    overflow: hidden;
    cursor: pointer
}

.preview-gallery__items .item .item__image {
    position: relative;
    padding-top: 100%
}

.preview-gallery__items .item .item__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.preview-gallery__items .item .item__title {
    font-family: Barlow Condensed;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .3625rem
}

@media (min-width: 84em) {
    .preview-gallery__items .item .item__title {
        display: none
    }
}

.preview-gallery__stage {
    display: none;
    width: 28rem
}

@media (min-width: 84em) {
    .preview-gallery__stage {
        width: auto;
        display: flex !important;
        flex-direction: column;
        justify-content: flex-start;
        overflow: hidden
    }
}

.preview-gallery__stage .stage__image {
    flex: 99;
    transform: none;
    transition: none;
    padding-top: 0;
    height: 50vh;
    max-height: 31.9rem;
    min-height: 26.1rem;
    padding-bottom: 1.45rem;
    padding-top: 1.45rem
}

.preview-gallery__stage .stage__title {
    text-align: center;
    padding-top: 0;
    margin-bottom: 1.45rem
}

.preview-gallery__stage .stage__description {
    width: 100%;
    text-align: center;
    border: 1px solid #7f5a7e;
    padding: .725rem;
    margin: 0
}

.preview-gallery__stage .stage__description__copy {
    margin: 0 auto;
    width: 30rem;
    max-width: 100%
}

.fancybox-slide .preview-gallery__stage {
    padding-top: 2.9rem
}

.loader {
    text-indent: -9999rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #18131c;
    background: linear-gradient(90deg, #18131c 10%, rgba(24, 19, 28, 0) 42%);
    position: relative;
    animation: b 1.4s infinite linear;
    transform: translateZ(0)
}

.loader:before {
    width: 50%;
    height: 50%;
    background: #18131c;
    border-radius: 100% 0 0 0
}

.loader:after, .loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.loader:after {
    background: #f3eee7;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    margin: auto;
    right: 0;
    bottom: 0
}

@keyframes b {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.loader.loader--reverse {
    color: #f3eee7;
    background-color: #f3eee7;
    background: linear-gradient(90deg, #f3eee7 10%, hsla(35, 33%, 93%, 0) 42%)
}

.loader.loader--reverse:before {
    background: #f3eee7
}

.loader.loader--reverse:after {
    background: #18131c
}

.modal__content {
    display: none
}

.open {
    display: flex;
    opacity: 1;
    justify-content: center;
    align-items: center
}

.modal__dialog {
    position: relative;
    background-color: #f3eee7;
    border-radius: 1rem;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.modal__close {
    background: none;
    border: none;
    position: relative;
    z-index: 2;
    padding: 0;
    line-height: 1
}

.modal__close .icon {
    width: 1rem;
    height: 1rem
}

.modal__title {
    padding-top: 0
}

.modal__footer {
    border-top: 1px solid #ab8ca4;
    text-align: right
}

.tabs {
    display: flex;
    flex-wrap: nowrap;
    position: relative
}

.tab {
    display: none;
    width: 100%;
    text-align: center;
    padding: 0 4.35rem;
    cursor: pointer
}

@media (min-width: 50em) {
    .tab {
        width: auto;
        display: block;
        padding: 0 1.45rem 0 0
    }
}

.tab__text {
    padding: 0;
    margin: 0;
    position: relative
}

.tab__text:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: .2rem;
    background-color: #ab8ca4;
    transition: width .25s ease-in-out
}

.tab--active {
    display: block
}

.tab--active .tab__text:after {
    width: 100%
}

.tab__section, .tab__section:focus {
    outline: none
}

.tabs__next, .tabs__prev {
    position: absolute;
    top: 0
}

@media (min-width: 50em) {
    .tabs__next, .tabs__prev {
        display: none
    }
}

.tabs__prev {
    left: 0
}

.tabs__next {
    right: 0
}

.sg-nav {
    width: 100%;
    border-top: 4px solid #f26625;
    position: relative;
    z-index: 400;
    color: #beb6b8
}

@media (min-width: 50em) {
    .sg-nav .navbar__flex-container {
        align-items: flex-end
    }
}

@media (min-width: 50em) {
    .navbar--mobile {
        display: none;
        opacity: 0
    }
}

.navbar--desktop {
    display: none;
    opacity: 0
}

@media (min-width: 50em) {
    .navbar--desktop {
        display: block;
        opacity: 1
    }
}

.navbar__flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 400
}

.sg-nav--microsite {
    background-color: #111;
    height: 25px;
    padding-left: 32px;
    border-top: 0
}

.sg-nav--microsite .navbar--mobile .site-title {
    height: 2.5375rem;
    width: 11.2375rem;
    order: 2
}

.sg-nav--microsite .navbar--mobile .nav__modal__toggle--sg {
    order: 1
}

.sg-nav--microsite .navbar--mobile .nav__modal__toggle--site, .sg-nav--microsite .navbar--mobile .nav__modal__toggle__placeholder {
    order: 3
}

@media screen and (max-width: 799px) {
    .sg-nav--microsite {
        height: 55px
    }
}

.sg-title, .site-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .3625rem 0
}

.sg-title {
    margin: 0
}

.site-logo {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: contain; object-position: 50% 50%"
}

.logo-sg {
    height: 1.45rem;
    width: 6.66094rem;
    margin: .3625rem 1.45rem .3625rem 0;
    vertical-align: bottom
}

.nav__modal__logo .logo-sg {
    width: 9.99141rem
}

.site-title__text {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left
}

.site-title__text.site-title__text--icon {
    color: #e0dbd5;
    width: 100%;
    text-align: center
}

.nav__item {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: .725rem 1.45rem;
    height: auto;
    cursor: pointer;
    border-top: 1px solid #beb6b8;
    width: 100%;
    color: #beb6b8
}

.nav__item:not(:first-child) {
    padding-top: .725rem
}

.nav__item.navbar__item--active, .nav__item:hover {
    color: #f75f20
}

.sg-nav .nav__item {
    font-family: Asap, Arial, sans-serif
}

.sg-nav .nav__item.navbar__item--active, .sg-nav .nav__item:hover {
    color: #f26625
}

@media (min-width: 50em) {
    .nav__item {
        width: auto;
        display: inline-block;
        vertical-align: bottom;
        padding: .3625rem .725rem;
        border: 0 none;
        background-color: transparent
    }
}

.nav__modal {
    max-width: 0;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    overflow: auto;
    background-color: #18131c;
    transition: max-width .2s linear;
    z-index: 400
}

.nav__modal.menu--open {
    max-width: none;
    width: 100%;
    max-width: 320px;
    z-index: 550
}

@media (min-width: 50em) {
    .nav__modal {
        display: none;
        opacity: 0
    }
}

.nav__modal__toggle {
    padding: .3625rem 0;
    display: block;
    line-height: 1.45rem;
    cursor: pointer
}

.nav__modal__toggle .icon {
    fill: #fff
}

.nav__modal__close {
    padding: .3625rem;
    position: absolute;
    top: 0;
    left: 0
}

.nav__modal__close .icon {
    fill: #beb6b8
}

.nav__modal--site .nav__modal__close {
    left: auto;
    right: 0
}

.nav__modal__logo {
    display: block;
    opacity: 1;
    text-align: center;
    margin: 1.45rem
}

.nav__modal__logo .logo-sg {
    height: 2.175rem;
    margin: 0;
    max-width: 192px
}

.nav__modal__logo .site-logo {
    height: 3.625rem;
    width: 100%
}

@media (min-width: 50em) {
    .nav__modal__logo {
        display: none;
        opacity: 0
    }
}

.nav__modal--sg {
    right: auto;
    left: 0
}

.nav__modal--sg.menu--open {
    margin-left: 0
}

@media (min-width: 50em) {
    .nav__modal--sg {
        margin-top: 1.45rem
    }
}

.site-nav__sticky-wrapper {
    width: 100%;
    position: absolute;
    z-index: 400
}

.site-nav {
    display: none;
    opacity: 0
}

@media (min-width: 50em) {
    .site-nav {
        display: block;
        opacity: 1;
        margin-top: .725rem;
        width: 100%
    }
}

.site-nav .site-logo {
    vertical-align: top;
    margin: .3625rem 0;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 0 50%;
    object-position: 0 50%;
    font-family: "object-fit: contain; object-position: 0% 50%"
}

.site-nav .site-logo--full, .site-nav .site-title__text--full {
    display: block;
    opacity: 1
}

.site-nav .site-logo--icon, .site-nav .site-title__text--icon {
    display: none;
    opacity: 0
}

.site-nav .site-title {
    height: 5.4375rem;
    width: 14.5rem;
    transition: all .25s ease-in-out
}

.site-nav .nav__items {
    display: flex;
    position: relative
}

.site-nav .nav__item {
    padding-top: .725rem;
    padding-bottom: .725rem
}

.is-sticky .site-nav {
    margin-top: 0;
    background-color: #18131c
}

.is-sticky .site-nav .site-title {
    height: 2.5375rem;
    width: 11.2375rem;
    position: static;
    top: 0
}

.is-sticky .site-nav .site-logo--full, .is-sticky .site-nav .site-title__text--full {
    display: none;
    opacity: 0
}

.is-sticky .site-nav .site-logo--icon, .is-sticky .site-nav .site-title__text--icon {
    display: block;
    opacity: 1
}

.is-sticky .site-nav .navbar__flex-container {
    justify-content: space-between
}

.is-sticky .site-nav .nav__items:after {
    display: none;
    opacity: 0
}

.social {
    z-index: 1;
    position: relative;
    background-color: #3e3739;
    padding: 2rem 0;
    text-align: center;
    color: #beb6b8
}

.social__link {
    text-decoration: none;
    display: inline-block
}

.social__link .icon {
    width: 2rem;
    height: 2rem;
    margin: 0 .5rem;
    fill: #beb6b8
}

.social__header {
    margin-bottom: 1rem;
    padding-top: 0
}

.social__header .social__header__site-name {
    color: #f6972a
}

@media (min-width: 40em) {
    .social__header {
        display: inline-block;
        vertical-align: middle;
        margin-right: 1rem;
        margin-bottom: 0
    }
}

.icon-facebook:hover {
    fill: #3b5998
}

.icon-twitter:hover {
    fill: #55a5e7
}

.icon-linkedin:hover {
    fill: #00aae5
}

.icon-youtube:hover {
    fill: #db3b3b
}

.icon-twitch:hover {
    fill: #9a6ce5
}

.icon-instagram:hover {
    fill: #d93175
}

.icon-reddit:hover {
    fill: #ff4500
}

.icon-discord:hover {
    fill: #7289da
}

.footer {
    background-color: #231f20;
    color: #beb6b8;
    padding: 2.9rem 0;
    text-align: center;
    z-index: 1;
    position: relative
}

@media (min-width: 40em) {
    .footer {
        text-align: left
    }
}

.footer--global {
    text-align: center
}

.footer.has-rating {
    position: relative
}

@media (min-width: 84em) {
    .footer.has-rating {
        padding: 2.9rem calc(38px + 12px + 10rem)
    }
}

.footer__logo .logo-sg {
    height: 2.175rem;
    width: 9.99141rem;
    margin-right: 0
}

.footer-nav {
    margin: 1.45rem 0;
    font-size: 0
}

.footer-nav__item {
    color: #52d5ce;
    font-size: .76923rem;
    line-height: var(--leadingMod-1);
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .08em;
    font-family: Asap, Arial, sans-serif !important;
    display: inline-block;
    margin: 0
}

@media (min-width: 40em) {
    .footer-nav__item {
        font-size: calc(.76923rem + -.06202 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .footer-nav__item {
        font-size: .70721rem
    }
}

.footer-nav__item:hover {
    text-decoration: underline
}

.footer-nav__item + .footer-nav__item:before {
    content: "/";
    display: inline-block;
    padding-left: .3625rem;
    padding-right: .3625rem;
    color: #8e8083
}

.legal {
    color: #8e8083;
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.rating {
    display: inline-flex;
    align-items: flex-start;
    color: #8e8083;
    margin: 2.9rem 0 0;
    text-align: left
}

@media (min-width: 84em) {
    .rating {
        position: absolute;
        bottom: 2.9rem;
        right: 2.175rem
    }
}

.rating__badge img {
    vertical-align: top;
    width: 38px;
    min-width: 38px
}

.rating__descriptors {
    font-size: 2.197rem;
    line-height: 1.4;
    padding-left: 12px;
    margin: 0;
    max-width: 10rem
}

@media (min-width: 40em) {
    .rating__descriptors {
        font-size: calc(2.197rem + .63015 * (100vw - 40em) / 44)
    }
}

@media (min-width: 84em) {
    .rating__descriptors {
        font-size: 2.82715rem
    }
}

#contact-form, #modal-contact-form {
    width: 30rem;
    max-width: 100%
}

.support-form {
    width: 40rem
}

.section__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #18131c;
    z-index: 100;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

.hero--until-you-fall:after, .hero--until-you-fall:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 150
}

.hero--until-you-fall {
    min-height: 85vh
}

.hero--until-you-fall:after {
    opacity: 0;
    transition: opacity 1s ease;
    background: linear-gradient(90deg, #18131c 0, rgba(24, 19, 28, 0) 12% 88%, #18131c)
}

@media (min-width: 2400px) {
    .hero--until-you-fall:after {
        opacity: 1;
        transition: opacity 1s ease
    }
}

.hero--until-you-fall {
    background-color: #18131c;
    padding-top: 40vh;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.hero--until-you-fall:before {
    background: linear-gradient(rgba(24, 19, 28, 0) 30%, #18131c 60%)
}

.hero--until-you-fall .section__background {
    height: 60%
}

@media (min-width: 50em) {
    .hero--until-you-fall {
        padding-top: 4.35rem
    }

    .hero--until-you-fall:before {
        background: rgba(24, 19, 28, .35)
    }

    .hero--until-you-fall .section__background {
        height: 100%
    }
}

@media (max-width: 40em) {
    .basic-section .section__image {
        height: 0;
        padding-top: 56.25% !important;
        position: relative
    }

    .basic-section .section__image > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .basic-section .section__image > img {
        -o-object-fit: "cover";
        object-fit: "cover";
        font-family: object-fit\: cover
    }
}

@media (min-width: 40em) {
    .basic-section {
        display: flex;
        align-items: center
    }

    .basic-section .section__image {
        flex-grow: 1;
        flex: 2 2 auto
    }

    .basic-section .section__image, .basic-section .text-content {
        display: block;
        padding-left: 1.0875rem;
        padding-right: 1.0875rem
    }

    .basic-section .text-content {
        flex-grow: 1;
        flex: 2 1 40rem
    }
}

@media (min-width: 50em) {
    .basic-section .section__image {
        flex: 2 1 auto
    }

    .basic-section .text-content {
        flex: 2 2 40rem
    }
}

.content--box {
    background-color: #3f2c45;
    padding: 2.9rem;
    width: 30rem;
    max-width: 50%
}

.content--box * {
    text-shadow: none
}

.article {
    overflow: hidden;
    margin-bottom: 4.35rem
}

.article .section__header {
    margin-bottom: 1.45rem
}

.article__navbar, .breadcrumbs {
    margin-left: -.725rem
}

.article__navbar__item, .breadcrumb__item {
    font-style: italic;
    display: inline-block;
    padding: .725rem
}

.article__navbar__item:hover, .breadcrumb__item:hover {
    color: #f3eee7
}

.article__navbar__item.disabled, .breadcrumb__item.disabled {
    color: #7f5a7e;
    cursor: default;
    text-decoration: line-through
}

.article__navbar__item.disabled:hover, .breadcrumb__item.disabled:hover {
    color: #7f5a7e
}

.article__header {
    position: relative;
    padding: 0;
    margin-bottom: .725rem;
    text-align: left
}

@media (min-width: 50em) {
    .article__header {
        margin-bottom: 2.9rem
    }
}

.article__header--no-banner {
    padding-top: 8.7rem
}

.article__header--has-banner .article__title, .article__header--has-banner .post__date {
    padding-top: 0
}

.article__banner {
    border: 1px solid #ab8ca4;
    height: 56vw;
    max-height: 70vh;
    overflow: hidden
}

.article__banner img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

@media (min-width: 50em) {
    .article__banner:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(24, 19, 28, .6), rgba(24, 19, 28, 0) 50%)
    }
}

@media (min-width: 84em) {
    .article__banner {
        max-height: 60vh
    }
}

.article__intro {
    margin-top: 1.45rem
}

@media (min-width: 50em) {
    .article__intro {
        position: absolute !important;
        left: 0;
        bottom: 0;
        padding: 0 1.45rem;
        text-shadow: 0 0 1em #18131c, 0 0 2em rgba(24, 19, 28, .6), 0 0 3em rgba(24, 19, 28, .5)
    }
}

.article__title {
    text-align: left;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    max-width: 24em
}

.post__author__portrait {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    margin-right: .5rem;
    float: left;
    background-position: 50%;
    background-size: cover
}

.article-flex-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

@media (min-width: 50em) {
    .article-flex-container {
        flex-direction: row
    }
}

.article__actions, .article__sidebar, .article__summary, .post__filters {
    flex: 0 1 auto
}

@media (min-width: 50em) {
    .article__actions, .article__sidebar, .article__summary, .post__filters {
        width: 25%;
        max-width: 16rem
    }
}

.article__container {
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-column-gap: 2.175rem;
    grid-row-gap: 1.45rem;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    -ms-grid-rows: auto 1.45rem auto 1.45rem auto;
    grid-template-areas:"a" "b" "c "
}

@media (min-width: 50em) {
    .article__container {
        -ms-grid-columns: minmax(10rem, 20%) minmax(30rem, 38rem);
        grid-template-columns:minmax(10rem, 20%) minmax(30rem, 38rem);
        grid-template-areas:"a b" "c b" ". b"
    }
}

.article__container .article__share {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: a
}

.is-IE .article__container .article__share {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-bottom: 1.45rem
}

.article__container .article__nav {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: c
}

.article__container .article__nav:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #5e3b5e
}

@media (min-width: 50em) {
    .article__container .article__nav {
        float: left
    }

    .is-IE .article__container .article__nav {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
        grid-row: 2/4
    }
}

.article__container .article__body {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: b;
    width: 100%;
    color: #e0dbd5;
    padding: 0
}

@media (min-width: 50em) {
    .article__container .article__share {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .article__container .article__nav {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .article__container .article__body {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 2
    }
}

@media (min-width: 50em) {
    .is-IE .article__container .article__body {
        padding-left: 2.175rem;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        grid-row: 1/4
    }
}

.share-header {
    display: inline;
    margin-right: .5em
}

.blog-share {
    padding-top: .725rem
}

.blog-share .article__share-link {
    margin-right: .5rem;
    display: inline-block;
    width: 1.45rem;
    height: 1.45rem;
    text-align: center
}

.blog-share .icon {
    width: 1.25rem;
    height: 1.25rem;
    position: relative;
    top: 0;
    transition: top .15s ease-in-out
}

.blog-share .icon:hover {
    position: relative;
    top: -4px
}

.blog-share .icon-facebook, .blog-share .icon-facebook:hover {
    fill: #3b5998
}

.blog-share .icon-twitter {
    fill: #55a5e7
}

.blog-share .icon-linkedin {
    fill: #00aae5
}

@media (min-width: 50em) {
    .blog-share {
        float: none;
        padding-top: 0
    }
}

@media (min-width: 50em) {
    .article__actions {
        order: 3
    }
}

.article__summary .post__author, .article__summary .post__date, .article__summary .post__type {
    font-style: italic;
    display: inline-block;
    padding: .725rem .725rem .725rem 0
}

@media (min-width: 50em) {
    .article__summary .post__author, .article__summary .post__date, .article__summary .post__type {
        display: block;
        padding: 0 0 1.45rem
    }
}

.article__body {
    padding-top: 1.45rem;
    padding-bottom: 1.45rem;
    flex: 0 2 auto
}

.article__body img {
    padding: .725rem 0
}

.article__body img + .caption {
    padding-top: 0
}

@media (min-width: 50em) {
    .article__body {
        width: 50%;
        max-width: 40rem;
        padding-top: 0;
        padding-bottom: 2.9rem
    }
}

p.intro {
    padding-bottom: 1.45rem;
    border-bottom: 1px solid #ab8ca4;
    margin-bottom: .725rem
}

.article__video, .legal {
    margin-top: 1.45rem
}

.article__video {
    margin-bottom: 1.45rem
}

.article__video:first-child {
    margin-top: 0
}

.video__poster {
    padding: 0 !important
}

.article__gallery {
    max-width: 100%;
    max-height: 56vw;
    overflow: hidden
}

.article__gallery.slick-initialized {
    max-height: none;
    overflow: visible
}

.article__gallery img {
    width: 100%
}

.related-articles {
    padding: 2.9rem 0 4.35rem
}

.related-articles .post {
    width: 100%;
    margin: 0
}

.related-articles .post .post__link {
    border-bottom: 0 none;
    padding: 0
}

@media (min-width: 40em) {
    .related-articles .post {
        max-width: 50%
    }

    .related-articles .post__image {
        width: 100%
    }
}

@media (min-width: 50em) {
    .related-articles {
        display: flex;
        flex-direction: row
    }
}

.related__group {
    width: 100%
}

.related__group:first-child {
    margin-bottom: 1.45rem
}

.related__group .post__title {
    font-size: 1rem;
    line-height: 1.45rem;
    padding-bottom: 0
}

.related__group .post__header {
    margin-top: .725rem
}

@media (min-width: 50em) {
    .related__group {
        width: 50%
    }
}

.related__group__list {
    flex-direction: column
}

@media (min-width: 40em) {
    .related__group__list {
        flex-direction: row
    }

    .related__group__list:first-child {
        margin-bottom: 0
    }
}

.posts--featured {
    position: relative
}

.post__filters {
    margin: 1.45rem 0;
    padding-top: 1.45rem;
    padding-bottom: 1.45rem;
    width: 100%
}

@media (min-width: 50em) {
    .post__filters {
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        width: auto;
        flex: 1
    }
}

.post__filters__heading {
    padding: .725rem 0;
    position: relative
}

.post__filters__heading .link {
    position: absolute;
    right: .5rem
}

@media (min-width: 50em) {
    .post__filters__heading .link {
        right: 0
    }
}

.blog__search {
    position: relative;
    margin-bottom: 1.45rem;
    max-width: 22rem;
    margin-left: auto;
    margin-right: auto
}

.blog__search input {
    padding-right: 2.9rem
}

.blog__search__submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 2.175rem;
    padding: 0 1em;
    display: flex;
    align-items: center
}

.blog__search__submit .icon {
    fill: #5e3b5e;
    width: 1rem;
    height: 1rem
}

.blog__search__submit:focus .icon, .blog__search__submit:hover .icon {
    fill: #52ffd5
}

.filter__group {
    text-align: center
}

@media (min-width: 50em) {
    .filter__group {
        text-align: left
    }
}

.filter__list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width: 30em) {
    .filter__list {
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

@media (min-width: 50em) {
    .filter__list {
        display: block
    }
}

.filter {
    display: inline-block;
    list-style: none;
    border: 1px solid #ab8ca4;
    margin-left: 0;
    cursor: pointer;
    text-align: center
}

@media (min-width: 30em) {
    .filter {
        margin-left: .5em;
        margin-right: .5em;
        min-width: 30%
    }
}

@media (min-width: 50em) {
    .filter {
        text-align: left;
        display: block;
        border: 0 none;
        margin-bottom: .3625rem
    }
}

.filter__label {
    text-indent: 0;
    display: block;
    padding: .3625rem 1.45rem
}

.filter--active .filter__label, .js-mix-filter--active .filter__label {
    background-color: #f6972a;
    position: relative;
    color: #18131c
}

.filter--active .filter__label .icon, .js-mix-filter--active .filter__label .icon {
    fill: #18131c
}

.filter--active .filter__label:hover, .js-mix-filter--active .filter__label:hover {
    color: #18131c
}

.filter--active .filter__label:hover .icon, .js-mix-filter--active .filter__label:hover .icon {
    fill: #18131c
}

@media (min-width: 50em) {
    .filter__label {
        padding-left: 0
    }

    .filter--active .filter__label, .js-mix-filter--active .filter__label {
        padding-left: .3625rem
    }
}

.rss__link .icon {
    fill: #ab8ca4
}

.rss__link:hover .icon {
    fill: #f75f20
}

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

@media (min-width: 50em) {
    .posts__grid {
        flex-direction: row;
        justify-content: center;
        padding-top: 2.9rem
    }

    .is-IE .posts__grid {
        justify-content: flex-start
    }
}

.posts {
    width: 100%
}

@media (min-width: 50em) {
    .posts {
        max-width: 40rem;
        flex: 1
    }
}

.search-results {
    border-top: 0;
    margin-top: 0;
    padding-top: 0
}

.search-results__header {
    padding-top: 0;
    padding-bottom: .3625rem;
    margin-bottom: 1.8125rem;
    border-bottom: 1px solid #7f5a7e
}

.search-results__clear {
    float: right
}

.search-results__clear .icon {
    width: 1rem;
    height: 1rem;
    fill: #52ffd5
}

.posts__grid {
    justify-content: space-between
}

.post-search-filter {
    display: flex;
    align-items: center
}

#algoliaSearchbox input[type=search] {
    border: 0;
    border-bottom: 1px solid #beb6b8;
    margin-bottom: 0
}

#algoliaSearchbox .ais-SearchBox {
    position: relative
}

#algoliaSearchbox .ais-SearchBox:after {
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-style: normal;
    content: "\f002";
    position: absolute;
    right: 10px;
    top: 10px;
    color: #c5bdbf
}

#algoliaCategories {
    display: flex;
    align-items: center;
    margin-right: 25px
}

#algoliaCategories > span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: .76923rem;
    color: #a69b9e
}

#algoliaCategories ul {
    display: flex;
    align-items: center;
    margin-left: 20px
}

#algoliaCategories ul li {
    padding-right: 20px;
    margin-bottom: 0;
    display: flex;
    font-size: .85rem
}

#algoliaCategories ul li:last-of-type {
    padding-right: 0
}

#hits .ais-Hits-list, #hits .ais-InfiniteHits-list, .algolia-hits .ais-Hits-list, .algolia-hits .ais-InfiniteHits-list {
    display: flex;
    flex-flow: wrap;
    margin: 0 -10px
}

#hits .ais-Hits-list .ais-Hits-item, #hits .ais-InfiniteHits-list .ais-Hits-item, .algolia-hits .ais-Hits-list .ais-Hits-item, .algolia-hits .ais-InfiniteHits-list .ais-Hits-item {
    width: 50%;
    padding: 20px
}

#hits .ais-Hits-list .ais-Hits-item a > div:first-of-type, #hits .ais-InfiniteHits-list .ais-Hits-item a > div:first-of-type, .algolia-hits .ais-Hits-list .ais-Hits-item a > div:first-of-type, .algolia-hits .ais-InfiniteHits-list .ais-Hits-item a > div:first-of-type {
    background-size: cover;
    background-position: 50%;
    margin-bottom: -30px;
    padding-top: 58%
}

#hits .ais-Hits-list .ais-Hits-item a > div:last-of-type, #hits .ais-InfiniteHits-list .ais-Hits-item a > div:last-of-type, .algolia-hits .ais-Hits-list .ais-Hits-item a > div:last-of-type, .algolia-hits .ais-InfiniteHits-list .ais-Hits-item a > div:last-of-type {
    font-size: .70721rem;
    color: #a69b9e;
    font-style: italic
}

#hits .ais-Hits-list .ais-Hits-item a h5, #hits .ais-InfiniteHits-list .ais-Hits-item a h5, .algolia-hits .ais-Hits-list .ais-Hits-item a h5, .algolia-hits .ais-InfiniteHits-list .ais-Hits-item a h5 {
    font-size: .9rem;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0
}

#hits .ais-Hits-list .ais-Hits-item a p, #hits .ais-InfiniteHits-list .ais-Hits-item a p, .algolia-hits .ais-Hits-list .ais-Hits-item a p, .algolia-hits .ais-InfiniteHits-list .ais-Hits-item a p {
    font-size: .7rem;
    padding-top: 0;
    margin-bottom: 5px;
    line-height: 1.5
}

#hits .ais-Hits-list .ais-InfiniteHits-item, #hits .ais-InfiniteHits-list .ais-InfiniteHits-item, .algolia-hits .ais-Hits-list .ais-InfiniteHits-item, .algolia-hits .ais-InfiniteHits-list .ais-InfiniteHits-item {
    width: 25%;
    padding: 10px
}

#hits .ais-Hits-list .ais-InfiniteHits-item a > div:first-of-type, #hits .ais-InfiniteHits-list .ais-InfiniteHits-item a > div:first-of-type, .algolia-hits .ais-Hits-list .ais-InfiniteHits-item a > div:first-of-type, .algolia-hits .ais-InfiniteHits-list .ais-InfiniteHits-item a > div:first-of-type {
    background-size: cover;
    background-position: 50%;
    margin-bottom: -30px;
    padding-top: 58%
}

#hits .ais-Hits-list .ais-InfiniteHits-item a > div:last-of-type, #hits .ais-InfiniteHits-list .ais-InfiniteHits-item a > div:last-of-type, .algolia-hits .ais-Hits-list .ais-InfiniteHits-item a > div:last-of-type, .algolia-hits .ais-InfiniteHits-list .ais-InfiniteHits-item a > div:last-of-type {
    font-size: .70721rem;
    color: #a69b9e;
    font-style: italic
}

#hits .ais-Hits-list .ais-InfiniteHits-item a h5, #hits .ais-InfiniteHits-list .ais-InfiniteHits-item a h5, .algolia-hits .ais-Hits-list .ais-InfiniteHits-item a h5, .algolia-hits .ais-InfiniteHits-list .ais-InfiniteHits-item a h5 {
    font-size: .9rem;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0
}

#hits .ais-Hits-list .ais-InfiniteHits-item a p, #hits .ais-InfiniteHits-list .ais-InfiniteHits-item a p, .algolia-hits .ais-Hits-list .ais-InfiniteHits-item a p, .algolia-hits .ais-InfiniteHits-list .ais-InfiniteHits-item a p {
    font-size: .7rem;
    padding-top: 0;
    margin-bottom: 5px;
    line-height: 1.5
}

#hits .ais-InfiniteHits-loadMore, .algolia-hits .ais-InfiniteHits-loadMore {
    display: inline-block;
    font-weight: 700;
    padding: .725rem 1em;
    line-height: 1;
    background: linear-gradient(#f99715, #f26625);
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    text-align: center;
    margin-bottom: .725rem;
    margin-top: .725rem;
    cursor: pointer;
    min-width: 6rem
}

#hits .ais-InfiniteHits-loadMore--disabled, .algolia-hits .ais-InfiniteHits-loadMore--disabled {
    display: none !important
}

@media screen and (max-width: 1210px) {
    .post-search-filter {
        flex-flow: column
    }

    .post-search-filter #algoliaCategories {
        margin-top: 20px;
        margin-right: 0
    }

    #hits .ais-InfiniteHits-list .ais-InfiniteHits-item {
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    #hits .ais-InfiniteHits-list .ais-InfiniteHits-item {
        width: 100%
    }
}

@media screen and (max-width: 560px) {
    #algoliaCategories {
        flex-flow: column
    }

    #algoliaCategories ul {
        margin-left: 0
    }
}

@media screen and (max-width: 500px) {
    #algoliaCategories, #algoliaCategories ul, .post-search-filter {
        align-items: flex-start
    }

    #algoliaCategories ul {
        flex-flow: column
    }

    #algoliaSearchbox input[type=search] {
        width: 100%
    }
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0 none;
    border: 0 none
}

.button, .site-nav .nav__item.buy-button {
    display: inline-block;
    font-weight: 700;
    padding: .725rem 1em;
    line-height: 1;
    background-color: #f75f20;
    text-decoration: none;
    border-radius: 2px;
    text-align: center;
    margin-bottom: .725rem;
    margin-top: .725rem;
    cursor: pointer;
    min-width: 6rem
}

.button .icon, .site-nav .nav__item.buy-button .icon {
    fill: #f3eee7;
    width: 1em;
    height: 1em
}

.button:focus, .button:hover, .site-nav .nav__item.buy-button:focus, .site-nav .nav__item.buy-button:hover {
    background-color: #ffd11a;
    outline: none
}

.button--large, .button--small {
    line-height: 1
}

.button--small .icon {
    width: 1em;
    height: 1em
}

@media (min-width: 50em) {
    .button--small {
        padding: .3625rem 1em
    }
}

.button--secondary {
    background-color: #52ffd5
}

.button--secondary:focus, .button--secondary:hover {
    background-color: #53d4f1
}

.button--no-border {
    border: 0 none
}

.button__group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.button__group .button, .button__group .site-nav .nav__item.buy-button, .site-nav .button__group .nav__item.buy-button {
    flex: 1 1 auto;
    margin-left: .5rem;
    margin-right: .5rem
}

@media (min-width: 40em) {
    .button__group .button, .button__group .site-nav .nav__item.buy-button, .site-nav .button__group .nav__item.buy-button {
        flex: 0 1 auto
    }
}

.button__group--attached {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    flex-wrap: nowrap
}

.button__group--attached .button, .button__group--attached .site-nav .nav__item.buy-button, .site-nav .button__group--attached .nav__item.buy-button {
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
    border-left: 1px solid #fefb42
}

.button__group--attached .button:first-of-type, .button__group--attached .site-nav .nav__item.buy-button:first-of-type, .site-nav .button__group--attached .nav__item.buy-button:first-of-type {
    border-radius: 2px 0 0 2px;
    border-left: none
}

.button__group--attached .button:last-of-type, .button__group--attached .site-nav .nav__item.buy-button:last-of-type, .site-nav .button__group--attached .nav__item.buy-button:last-of-type {
    border-radius: 0 2px 2px 0
}

.callout {
    border-left: 1vw solid #18131c;
    border-right: 1vw solid #18131c;
    background-color: #ccc2c6;
    padding: 2.9rem 1.45rem;
    margin-top: 1.45rem;
    margin-bottom: 1.45rem
}

@media (min-width: 50em) {
    .callout {
        border: none
    }
}

@media (min-width: 66em) {
    .callout {
        width: 83.33333%;
        margin-left: 8.33333%;
        padding-left: 2.9rem;
        padding-right: 2.9rem
    }
}

.callout__content {
    width: 100%
}

.pagination {
    width: 100%;
    max-width: 40rem;
    margin: 4.35rem auto;
    text-align: center;
    display: flex;
    justify-content: center
}

.pagination__control {
    background-color: #7f5a7e;
    margin-right: .3625rem;
    color: #f3eee7;
    cursor: pointer;
    text-align: center;
    padding: .3625rem 1rem;
    border-radius: 2px
}

.pagination__control .icon {
    width: 1em;
    height: 1em
}

.pagination__control--next .icon, .pagination__control--prev .icon {
    fill: #f3eee7
}

.pagination__control--next.pagination__control--disabled, .pagination__control--prev.pagination__control--disabled {
    opacity: .35;
    cursor: default
}

.pagination__control--current {
    background-color: #f75f20;
    color: #f3eee7
}

.post {
    width: 100%;
    position: relative;
    margin-bottom: 1.45rem;
    margin-left: auto;
    margin-right: auto
}

.post:hover .post__title {
    color: #52ffd5
}

@media (min-width: 40em) {
    .post {
        margin-bottom: 0
    }
}

@media (min-width: 50em) {
    .post {
        flex: 1;
        max-width: 40rem
    }
}

.post__link {
    text-decoration: none;
    color: #f3eee7;
    border-bottom: 1px solid #ab8ca4;
    padding-bottom: 1.45rem;
    margin-bottom: 1.45rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media (min-width: 40em) {
    .post__link {
        display: block
    }
}

@media (min-width: 50em) {
    .post__link {
        display: flex
    }

    .posts--featured .post__link {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0 none
    }
}

.post__image {
    width: 100%;
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1.45rem;
    position: relative;
    background-color: #9983ab;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: object-fit\: cover
}

.post__image img {
    width: 100%;
    vertical-align: top
}

@media (min-width: 40em) {
    .post__image {
        width: 33.33333%;
        margin-bottom: 0
    }
}

@media (min-width: 50em) {
    .post__image {
        width: 100%;
        margin-bottom: 1.45rem
    }
}

.post__title {
    padding-bottom: .725rem;
    padding-top: 0;
    margin: 0
}

.post__header {
    color: #7f5a7e;
    font-style: italic;
    padding-bottom: .725rem;
    white-space: nowrap
}

.post__type {
    font-style: italic;
    vertical-align: baseline
}

.post__type .icon {
    vertical-align: middle
}

.post__date {
    vertical-align: baseline
}

.post__event-date {
    padding-top: 0
}

.post__description {
    padding-bottom: .725rem
}

.post--no-image .post__image {
    display: none
}

.post--no-description .post__header {
    padding-bottom: 0
}

.post--no-description .post__description, .post--no-header .post__header {
    display: none
}

@media (min-width: 50em) {
    .post--featured .post__link {
        border-bottom: 0 none;
        width: 100%;
        display: flex;
        justify-content: stretch;
        padding-bottom: 0;
        padding-top: 0;
        background-color: #3f2c45
    }

    .post--featured .post__image {
        margin-bottom: -1.8125rem;
        order: 1
    }

    .post--featured .post__description, .post--featured .post__header, .post--featured .post__title {
        z-index: 300;
        background-color: #3f2c45;
        margin: 0
    }

    .post--featured .post__header {
        align-self: flex-start;
        order: 2;
        padding-bottom: 0;
        color: #ab8ca4;
        padding: .3625rem 1.45rem 0
    }

    .post--featured .post__title {
        padding: .725rem 1.45rem;
        color: #f3eee7;
        order: 3
    }

    .post--featured .post__description {
        padding-top: 0
    }

    .post--featured + .post--featured {
        width: 33.33333%
    }

    .post--featured:hover .post__title {
        color: #ab8ca4
    }
}

.post-listing {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 50em) {
    .post-listing {
        align-items: stretch;
        flex-wrap: nowrap
    }

    .post-listing .post__image {
        width: 100%
    }
}

body {
    transition: padding-bottom .5s ease-in-out
}

.privacy__popup {
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    z-index: 550;
    width: 100%;
    padding: 1.45rem 0;
    background: #ccc2c6;
    border-top: 5px solid #f75f20;
    box-shadow: none;
    transform: translateY(100%);
    transition: all .5s ease-in-out
}

.privacy__popup.active {
    transform: translateY(0)
}

.privacy__popup.active:before {
    content: "";
    width: 100%;
    height: 1.45rem;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: linear-gradient(0deg, transparent 0, transparent 5px, rgba(24, 19, 28, .25) 0, rgba(24, 19, 28, 0))
}

.privacy__notice a.link {
    font-weight: 700
}

.privacy__notice .text-content {
    margin: 0
}

@media (min-width: 50em) {
    .privacy__notice {
        display: flex;
        align-items: flex-start;
        justify-content: center
    }

    .privacy__notice .button, .privacy__notice .site-nav .nav__item.buy-button, .site-nav .privacy__notice .nav__item.buy-button {
        margin-left: 2.175rem
    }
}

.support .flex-container {
    justify-content: center;
    flex-wrap: wrap
}

.support .faqs, .support .min-specs {
    flex: 1 1 100%
}

@media (min-width: 50em) {
    .support .faqs {
        flex: 0 1 40rem
    }

    .support .min-specs {
        flex: 0 1 14rem
    }
}

.faq {
    margin-bottom: 2.9rem
}

.faq__question {
    margin-bottom: 0;
    padding-bottom: 0
}

.min-specs__list {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 2.175rem;
    grid-row-gap: 1.45rem;
    grid-template-columns:repeat(auto-fill, minmax(12rem, 1fr))
}

.is-IE .min-specs__list {
    display: block
}

.not-IE .min-specs__list dd {
    margin-bottom: 0
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 2.175rem;
    width: 2.175rem;
    font-size: 0;
    cursor: pointer;
    background: #f6972a;
    border-radius: 50%;
    color: transparent;
    top: 100%;
    margin-top: .3625rem;
    padding: 0;
    border: none;
    outline: none;
    text-align: center;
    z-index: 1
}

.slick-next .icon, .slick-prev .icon {
    fill: #18131c
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: none;
    color: transparent
}

.slick-next.slick-disabled, .slick-prev.slick-disabled {
    opacity: 0
}

.slick-prev {
    left: 0
}

[dir=rtl] .slick-prev {
    left: auto;
    right: 0
}

.slick-next {
    right: 0
}

[dir=rtl] .slick-next {
    left: 0;
    right: auto
}

.gallery--sidescroll .slick-dots {
    margin-top: .3625rem
}

@media (min-width: 84em) {
    .gallery--sidescroll .slick-next, .gallery--sidescroll .slick-prev {
        top: 50%;
        margin-top: 0;
        transform: translate(-6.525rem, -50%)
    }

    .gallery--sidescroll .slick-next {
        transform: translate(6.525rem, -50%)
    }
}

.slick-dotted.slick-slider {
    margin-bottom: 2.5375rem
}

.slick-dots {
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0 2.9rem;
    margin-top: .3625rem;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    width: .725rem;
    margin: 0;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    position: relative;
    height: 1.45rem;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    width: 1.45rem;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "•";
    width: .725rem;
    height: .725rem;
    margin-top: -.3625rem;
    margin-left: -.3625rem;
    font-family: Arial;
    font-size: 1.45rem;
    line-height: .725rem;
    text-align: center;
    color: #18131c;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #f75f20;
    opacity: .75
}

@media (min-width: 40em) {
    .slick-dots li {
        width: 1.45rem
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #18131c;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .5) 75%, transparent);
    bottom: 0;
    text-shadow: 0 0 1em #18131c, 0 0 2em rgba(24, 19, 28, .6), 0 0 3em rgba(24, 19, 28, .5);
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 0 1.45rem 1.45rem;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    max-width: 40rem;
    margin: 0 auto;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: c 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes c {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:0px) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.-nowrap {
    white-space: nowrap
}

.-centered {
    text-align: center !important
}

.-left-align {
    text-align: left !important
}

.-right-align {
    text-align: right !important
}

.-hidden {
    display: none
}

.hidden-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.-inline {
    display: inline !important
}

.-inline-block {
    display: inline-block !important;
    vertical-align: middle
}

.article-flex-container:after, .clearfix:after, .form-row:after, .layout-container:after, .post-listing:after, .post__link:after, .posts__grid:after, .related-articles:after, .related__group__list:after, .row:after, dl:after {
    display: block;
    content: "";
    clear: both
}

.-sixteen-nine, .super__video {
    height: 0;
    padding-top: 56.25% !important;
    position: relative
}

.-sixteen-nine > *, .super__video > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.-sixteen-nine > img, .super__video > img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: object-fit\: cover
}

.-auto-margins, .hero--until-you-fall .text-content {
    margin-left: auto;
    margin-right: auto
}

.article-container > :first-child, .article__actions > :first-child, .article__body > :first-child, .article__sidebar > :first-child, .article__summary > :first-child, .callout__content > :first-child, .gallery__intro > :first-child, .overview__copy > :first-child, .post__filters > :first-child, .posts--featured > :first-child {
    padding-top: 0
}

.flex-dangle:after {
    content: "";
    flex: 10 0 auto
}

.block-scrolling {
    overflow: hidden
}

@media (min-width: 50em) {
    :root {
        --site-nav-height: $ baseline *4.25
    }
}

.page__header {
    padding-top: 4.35rem;
    padding-bottom: 4.35rem
}

@media (min-width: 50em) {
    .page__header {
        padding-top: 8.7rem;
        padding-bottom: 8.7rem
    }
}

.blog {
    padding-top: 0
}

.article-container {
    padding-bottom: 4.35rem
}

.article__header--has-banner .article__title, .default-header__label, .fancy-header, .modal__title, .nav__item, .pagination__control, .preview-gallery__stage .stage__title, .share-header, .site-nav .nav__item, .site-title__text, .tab, .tab__text, h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase
}

.link:hover, .site-title__text:hover {
    text-decoration: underline
}

.link:focus, .site-title__text:focus {
    outline: 1px dotted #f75f20;
    outline-offset: .2em
}

.button, .site-nav .nav__item.buy-button {
    font-weight: 700;
    text-transform: uppercase;
    color: #f3eee7;
    text-shadow: 0 0 2px #18131c;
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    background: linear-gradient(60deg, #0e3443 16%, #18131c 30% 70%, #0e3443 88%);
    border-top: 1px solid #53d4f1;
    border-bottom: 3px solid #d2a46a;
    border-radius: 0
}

.button:focus, .button:hover, .site-nav .nav__item.buy-button:focus, .site-nav .nav__item.buy-button:hover {
    background: linear-gradient(60deg, #1b6582 16%, #0e3443 30% 70%, #1b6582 88%)
}

.button:after, .button:before, .site-nav .nav__item.buy-button:after, .site-nav .nav__item.buy-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: -5px;
    background: url(https://schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/button-edge.svg) 0 0 no-repeat;
    height: 100%;
    background-size: auto 100%;
    width: .85rem
}

.button:after, .site-nav .nav__item.buy-button:after {
    left: auto;
    right: -5px;
    transform: scaleX(-1)
}

.button--emphasis, .nav__modal--site .buy-button, .site-nav .nav__item.buy-button {
    background: linear-gradient(60deg, #993213 16%, #631a0b 30% 70%, #993213 88%);
    border-top-color: #ffd11a
}

.button--emphasis:focus, .button--emphasis:hover, .nav__modal--site .buy-button:focus, .nav__modal--site .buy-button:hover, .site-nav .nav__item.buy-button:focus, .site-nav .nav__item.buy-button:hover {
    background: linear-gradient(60deg, #d72f0a 16%, #993213 30% 70%, #d72f0a 88%)
}

.more-button {
    background: linear-gradient(60deg, #0e3443 16%, #18131c 30% 70%, #0e3443 88%);
    border-top: 1px solid #53d4f1;
    border-left: 1px solid #d2a46a;
    border-right: 1px solid #d2a46a;
    border-bottom: 3px solid #d2a46a
}

.more-button:focus, .more-button:hover {
    background: linear-gradient(60deg, #1b6582 16%, #0e3443 30% 70%, #1b6582 88%)
}

.callout {
    background-color: rgba(43, 32, 51, .88);
    border: 1px solid #a07c48;
    border-bottom-width: 3px
}

.fancybox-content {
    background: transparent
}

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

::-moz-placeholder {
    color: #f3eee7
}

:-ms-input-placeholder, ::-ms-input-placeholder {
    color: #f3eee7
}

::placeholder {
    color: #f3eee7
}

label {
    font-weight: 400;
    color: #ccc2c6;
    margin-bottom: 1.45rem;
    margin-left: 1.45rem
}

input:not([type=checkbox]):not([type=radio]), textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #52ffd5;
    border-left: 1.45rem solid transparent;
    border-right: 1.45rem solid transparent;
    margin-top: .725rem;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

input:not([type=checkbox]):not([type=radio]):focus, textarea:focus {
    border-bottom-color: #f75f20;
    border-left-color: transparent;
    border-right-color: transparent
}

.dialog, .modal__content {
    background-color: #0e3443 !important;
    padding: 1.45rem !important;
    background: linear-gradient(180deg, #3f2c45, #2b2033);
    border: 1px solid #a07c48;
    outline: none;
    overflow: visible;
    position: relative;
    min-width: 18rem
}

.dialog .button, .dialog .site-nav .nav__item.buy-button, .modal__content .button, .modal__content .site-nav .nav__item.buy-button, .site-nav .dialog .nav__item.buy-button, .site-nav .modal__content .nav__item.buy-button {
    margin: 0
}

.modal__title {
    margin-bottom: 1.45rem
}

.button.buy-modal__button, .site-nav .buy-modal__button.nav__item.buy-button {
    display: block;
    margin: .725rem 0
}

.until-you-fall-mailing-list-signup .flex-container {
    align-items: center;
    justify-content: space-between
}

.site-nav {
    background-color: rgba(24, 19, 28, .5);
    border-bottom: 1px solid #ab8ca4;
    padding-top: 0
}

@media (min-width: 50em) {
    .site-nav {
        padding-top: 0 !important
    }
}

.site-nav .navbar__flex-container {
    justify-content: flex-start
}

.site-nav .nav__items {
    flex: 999;
    justify-content: flex-end;
    align-self: flex-end
}

.is-sticky .site-nav .nav__items {
    padding-top: 0
}

@media (orientation: landscape) {
    .site-nav .nav__items {
        padding-top: 1.45rem
    }
}

.site-nav .nav__item {
    margin-left: 1.45rem;
    margin-bottom: 0;
    color: #f3eee7;
    line-height: 1;
    display: flex;
    align-items: flex-end
}

.site-nav .nav__item:hover {
    color: #52ffd5
}

.site-nav .nav__item.buy-button {
    margin-bottom: 0;
    min-width: 0;
    border-bottom: 0;
    position: relative;
    bottom: -.8rem
}

.site-nav .nav__item.buy-button:hover {
    color: #f3eee7
}

.is-sticky .site-nav .nav__item.buy-button {
    border-top: 1px solid #ffd11a
}

@media (min-width: 50em) {
    .site-nav {
        margin-top: 0;
        padding-top: .725rem
    }
}

.is-sticky .site-nav {
    border-bottom: 1px solid #ab8ca4;
    background-color: rgba(24, 19, 28, .5);
    padding-bottom: 0
}

.is-sticky .site-nav .nav__item {
    border: none
}

@media (min-width: 50em) {
    .is-sticky .site-nav {
        padding-top: 0
    }
}

.until-you-fall--home .site-nav .site-title {
    height: 2.5375rem;
    width: 11.2375rem
}

.until-you-fall--home .site-nav .site-title .site-logo--icon {
    display: block;
    opacity: 1
}

.until-you-fall--home .site-nav .site-title .site-logo--full {
    display: none;
    opacity: 0
}

@media (min-width: 2400px) {
    .until-you-fall--home .site-nav .site-title .site-logo--full {
        width: calc(22rem + 5vw)
    }
}

@media (orientation: landscape) {
    .until-you-fall--home .site-nav .site-title {
        position: absolute;
        top: 1.45rem;
        width: calc(22rem + 5vw);
        max-width: 80%;
        height: auto
    }

    .until-you-fall--home .site-nav .site-title .site-logo--full {
        display: block;
        opacity: 1
    }

    .until-you-fall--home .site-nav .site-title .site-logo--icon {
        display: none;
        opacity: 0
    }
}

@media (orientation: landscape) {
    .until-you-fall--home .is-sticky .site-nav .site-title {
        position: static;
        height: 2.5375rem;
        width: 11.2375rem
    }

    .until-you-fall--home .is-sticky .site-nav .site-title .site-logo--full {
        display: none;
        opacity: 0
    }

    .until-you-fall--home .is-sticky .site-nav .site-title .site-logo--icon {
        display: block;
        opacity: 1
    }
}

.page.until-you-fall--news, .page.until-you-fall--news-entry--no-banner {
    position: relative
}

.page.until-you-fall--news-entry--no-banner:before, .page.until-you-fall--news:before {
    content: "";
    width: 100%;
    height: 15rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../../../../schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/slumped-unbranded.jpg) 50% 0 no-repeat;
    background-size: cover;
    opacity: .75;
    z-index: -1
}

.page.until-you-fall--news-entry--no-banner:after, .page.until-you-fall--news:after {
    content: "";
    width: 100%;
    height: 15rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #18131c, transparent 70%);
    z-index: -1
}

@media (min-width: 40em) {
    .page.until-you-fall--news-entry--no-banner:after, .page.until-you-fall--news-entry--no-banner:before, .page.until-you-fall--news:after, .page.until-you-fall--news:before {
        height: 50vw
    }
}

@media (min-width: 106em) {
    .page.until-you-fall--news-entry--no-banner:after, .page.until-you-fall--news-entry--no-banner:before, .page.until-you-fall--news:after, .page.until-you-fall--news:before {
        height: 35rem
    }
}

.news--until-you-fall, .news--until-you-fall .posts__grid {
    padding-top: 0
}

.blog__search input {
    margin-top: 0 !important
}

.blog__search .icon {
    fill: #f3eee7
}

.post__link {
    padding-top: 0;
    padding-bottom: 2.9rem;
    border: none
}

@media (min-width: 50em) {
    .filter__group--categories {
        padding-left: 1.45rem;
        padding-right: 1.45rem
    }
}

.filter__label:hover {
    color: #52ffd5
}

.article__container .article__nav:before {
    background-color: #ab8ca4
}

.article__navbar__item {
    padding-left: 0;
    padding-right: 0;
    color: #52ffd5
}

.article__navbar__item:hover {
    color: #52ffd5;
    text-decoration: underline
}

.fancy-header, .preview-gallery__stage .stage__title {
    padding: .725rem 0 !important;
    margin: 0 2.9rem;
    background-color: #2b2033;
    border-top: 1px solid #fdfdc4;
    border-bottom: 1px solid #fdfdc4;
    position: relative;
    white-space: nowrap
}

.fancy-header:after, .fancy-header:before, .preview-gallery__stage .stage__title:after, .preview-gallery__stage .stage__title:before {
    content: "";
    width: 5.8rem;
    height: calc(100% + 2px);
    background: url(https://schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/fancy-endcaps-light.svg) 0 0 no-repeat;
    background-size: 200% 100%;
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -2.9rem
}

.fancy-header:after, .preview-gallery__stage .stage__title:after {
    background-position: 100% 100%;
    right: -2.9rem;
    left: auto
}

.fancy-header__text, .preview-gallery__stage .stage__title .stage__title__text {
    position: relative;
    z-index: 2
}

.fancy-header--dark, .until-you-fall-about-section:nth-child(2n) .item__title {
    background-color: #18131c
}

.fancy-header--dark:after, .fancy-header--dark:before, .until-you-fall-about-section:nth-child(2n) .item__title:after, .until-you-fall-about-section:nth-child(2n) .item__title:before {
    background-image: url(https://schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/fancy-endcaps.svg)
}

.post__header {
    color: #ab8ca4
}

.until-you-fall--support {
    position: relative
}

.until-you-fall--support:before {
    background: url(../../../../schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/armory-unbranded.jpg) 50% 0 no-repeat;
    background-size: cover;
    opacity: .75
}

.until-you-fall--support:after, .until-you-fall--support:before {
    content: "";
    width: 100%;
    height: 15rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.until-you-fall--support:after {
    background: linear-gradient(0deg, #18131c, transparent 70%)
}

@media (min-width: 40em) {
    .until-you-fall--support:after, .until-you-fall--support:before {
        height: 50vw
    }
}

@media (min-width: 106em) {
    .until-you-fall--support:after, .until-you-fall--support:before {
        height: 35rem
    }
}

.support--until-you-fall {
    padding-top: 0
}

.faq__question {
    color: #f75f20
}

.tabs {
    justify-content: center
}

.tabs:after {
    content: "";
    position: absolute;
    top: 100%;
    height: 2px;
    width: 100%;
    left: 0;
    background: linear-gradient(90deg, transparent 20%, #a07c48, #fcd07d, #896b3f, #d2a46a, transparent 80%)
}

.tab {
    padding-left: 1.45rem;
    padding-right: 1.45rem
}

.tab.active, .tab:focus, .tab:hover {
    color: #52ffd5
}

.tab.active {
    position: relative
}

.tab.active:before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    bottom: -0.725rem;
    left: 0;
    border-bottom: 4px solid #a07c48;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.dialog, .modal__content, .overview, .preview-gallery__stage .stage__description {
    position: relative
}

.dialog:after, .dialog:before, .modal__content:after, .modal__content:before, .overview:after, .overview:before, .preview-gallery__stage .stage__description:after, .preview-gallery__stage .stage__description:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: -5px;
    width: 40px;
    height: 40px;
    background: url(https://schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/fancy-corners.svg) 0 100% no-repeat;
    background-size: 200% 200%
}

.dialog:after, .modal__content:after, .overview:after, .preview-gallery__stage .stage__description:after {
    left: auto;
    right: -5px;
    background-position: 100% 100%
}

.bottom-decoration {
    position: absolute;
    bottom: -22px;
    left: 0;
    display: block;
    width: 100%;
    height: 27px;
    background: url(https://schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/bottom-filigree-fade.svg) 50% 50% no-repeat
}

.page.until-you-fall--about .header--about {
    text-shadow: 0 2px .25em rgba(24, 19, 28, .8), 0 .25em 2em rgba(24, 19, 28, .6), 0 .5em 3em rgba(24, 19, 28, .6)
}

.until-you-fall-about-intro {
    padding-top: 0;
    position: relative
}

.until-you-fall-about-intro:before {
    background: url(../../../../schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/about-page-bg.jpg) 50% 0 no-repeat;
    background-size: cover;
    opacity: .75
}

.until-you-fall-about-intro:after, .until-you-fall-about-intro:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.until-you-fall-about-intro:after {
    background: linear-gradient(0deg, #18131c, transparent 70%)
}

.until-you-fall-about-intro + section {
    padding-top: 2.9rem
}

@media (min-width: 50em) {
    .until-you-fall-about-intro {
        padding-bottom: 8.7rem
    }
}

.overview {
    margin-top: 8rem;
    background: linear-gradient(180deg, rgba(43, 32, 51, .75), #2b2033)
}

@media (min-width: 50em) {
    .overview {
        margin-top: 0
    }
}

.overview .callout__content {
    display: flex;
    justify-content: center;
    align-items: center
}

.overview__image {
    width: 20rem;
    order: 2;
    top: -10rem;
    right: -2rem;
    height: 100%;
    z-index: -1
}

.overview__image, .overview__image img {
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 0 0;
    object-position: 0 0;
    font-family: "object-fit: contain; object-position: 0 0"
}

.overview__image img {
    top: 0;
    height: 160%
}

@media (min-width: 50em) {
    .overview__image {
        position: static;
        top: auto;
        right: auto;
        height: auto;
        z-index: 1
    }

    .overview__image img {
        top: -30%
    }
}

@media (min-width: 50em) {
    .overview__copy {
        position: relative;
        max-width: 30rem
    }
}

.preview-gallery__stage {
    position: relative;
    overflow: visible
}

.preview-gallery__stage .stage__image {
    background: url(../../../../schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/lattice-bg.png) 0 0 no-repeat;
    background-size: 100% 100%;
    background-position: 50% 100%
}

.preview-gallery__stage .stage__description {
    border-color: #a07c48;
    background-color: rgba(43, 32, 51, .88);
    border-bottom-width: 3px
}

.weapons .item {
    position: relative;
    overflow: visible;
    border: 1px solid transparent;
    border-bottom-width: 3px
}

.weapons .item .item__image {
    transform: rotate(45deg);
    transition: transform .25s ease
}

.weapons .item .item__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: object-fit\: contain
}

.weapons .item:after {
    content: "";
    position: absolute;
    top: calc(100% - 5px);
    left: 0;
    width: 100%;
    height: 27px;
    background: url(https://schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/bottom-filigree-fade.svg) 50% 50% no-repeat;
    background-size: 100% 100%
}

.weapons .item.current, .weapons .item:hover {
    background-color: #2b2033;
    border-color: #d2a46a
}

.weapons .item.current .item__image, .weapons .item:hover .item__image {
    transform: rotate(40deg);
    transition: transform .25s ease
}

@media (min-width: 50em) {
    .weapons {
        padding-top: 8.7rem;
        padding-bottom: 8.7rem
    }
}

.enemies {
    padding-top: 8.7rem;
    padding-bottom: 8.7rem
}

.enemies .item {
    border-top: 1px solid transparent;
    border-left: 1px solid #a07c48;
    border-right: 1px solid #a07c48;
    border-bottom: 3px solid #a07c48;
    position: relative;
    overflow: visible;
    background-color: #18131c
}

.enemies .item:after {
    content: "";
    position: absolute;
    top: calc(100% - 5px);
    left: 0;
    width: 100%;
    height: 27px;
    background: url(https://schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/bottom-filigree-fade.svg) 50% 50% no-repeat;
    background-size: 100% 100%
}

.enemies .item:before {
    content: "";
    opacity: 1;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    background: linear-gradient(180deg, #2b2033 50%, rgba(43, 32, 51, 0) 90%);
    transition: opacity .2s ease-in-out
}

.enemies .item.current, .enemies .item:hover {
    border-top-color: #a07c48
}

.enemies .item.current:before, .enemies .item:hover:before {
    opacity: 0
}

.enemies .item .item__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
    font-family: "object-fit: contain; object-position: 50% 100%"
}

.environments {
    padding-top: 8.7rem;
    padding-bottom: 8.7rem
}

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

@media (min-width: 50em) {
    .environments__gallery {
        height: 40vw;
        max-height: 29rem
    }
}

.environments__gallery .environment {
    width: 100%;
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
    height: 11.6rem;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    opacity: .75;
    transition: opacity .2s ease
}

.environments__gallery .environment + .environment {
    margin-top: .725rem
}

.environments__gallery .environment img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

.environments__gallery .environment:hover {
    opacity: 1;
    transition: opacity .2s ease
}

@supports ((-webkit-clip-path:polygon(0 100%,0 0,100% 0,100% 100%)) or (clip-path:polygon(0 100%,0 0,100% 0,100% 100%))) {
    .environments__gallery .environment + .environment {
        margin-top: -1.45rem
    }

    .environments__gallery .environment:first-child {
        -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 75.28%);
        clip-path: polygon(0 100%, 0 0, 100% 0, 100% 75.28%)
    }

    .environments__gallery .environment:nth-child(2) {
        -webkit-clip-path: polygon(0 77.4%, 0 22.6%, 100% 0, 100% 100%);
        clip-path: polygon(0 77.4%, 0 22.6%, 100% 0, 100% 100%)
    }

    .environments__gallery .environment:nth-child(3) {
        -webkit-clip-path: polygon(0 100%, 0 0, 100% 22.6%, 100% 77.4%);
        clip-path: polygon(0 100%, 0 0, 100% 22.6%, 100% 77.4%)
    }

    .environments__gallery .environment:nth-child(4) {
        -webkit-clip-path: polygon(0 100%, 0 24.72%, 100% 0, 100% 100%);
        clip-path: polygon(0 100%, 0 24.72%, 100% 0, 100% 100%)
    }
}

@media (min-width: 40em) {
    .environments__gallery .environment {
        height: 11.6rem
    }
}

@media (min-width: 50em) {
    .environments__gallery .environment {
        float: left;
        width: 25%;
        height: 100%
    }

    .environments__gallery .environment + .environment {
        margin-top: 0;
        border-left: 20px solid #18131c
    }

    @supports ((-webkit-clip-path:polygon(0 100%,0 0,100% 0,100% 100%)) or (clip-path:polygon(0 100%,0 0,100% 0,100% 100%))) {
        .environments__gallery .environment {
            position: absolute;
            float: none
        }

        .environments__gallery .environment + .environment {
            border: none
        }

        .environments__gallery .environment:first-child {
            width: 27.81%;
            left: 0;
            -webkit-clip-path: polygon(0 100%, 0 0, 75.28% 0, 100% 100%);
            clip-path: polygon(0 100%, 0 0, 75.28% 0, 100% 100%)
        }

        .environments__gallery .environment:nth-child(2) {
            width: 30.69%;
            left: 22.16%;
            -webkit-clip-path: polygon(22.6% 100%, 0 0, 100% 0, 77.4% 100%);
            clip-path: polygon(22.6% 100%, 0 0, 100% 0, 77.4% 100%)
        }

        .environments__gallery .environment:nth-child(3) {
            width: 30.69%;
            right: 22.16%;
            -webkit-clip-path: polygon(0 100%, 22.6% 0, 77.4% 0, 100% 100%);
            clip-path: polygon(0 100%, 22.6% 0, 77.4% 0, 100% 100%)
        }

        .environments__gallery .environment:nth-child(4) {
            width: 27.81%;
            right: 0;
            -webkit-clip-path: polygon(24.72% 100%, 0 0, 100% 0, 100% 100%);
            clip-path: polygon(24.72% 100%, 0 0, 100% 0, 100% 100%)
        }
    }
}

.supers {
    padding-top: 8.7rem;
    padding-bottom: 8.7rem
}

.super__video {
    border: 1px solid #a07c48
}

.supers__gallery .item {
    position: relative
}

.supers__gallery .item .super__thumb--active {
    display: none
}

.supers__gallery .item.current .super__thumb--active {
    display: block
}

.supers__gallery .item.current .super__thumb--inactive {
    display: none
}

.supers__gallery .preview-gallery__stage .stage__title {
    margin-bottom: -.725rem;
    position: relative;
    z-index: 1
}

@media (min-width: 50em) {
    .progression__image {
        height: 40vh;
        max-height: 29rem
    }

    .progression__image img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        font-family: object-fit\: contain
    }
}

.until-you-fall-buy-section {
    background: url(https://schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/background-gradient.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    overflow: visible;
    border-bottom: 1px solid #a07c48
}

.until-you-fall-buy-section:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: linear-gradient(90deg, #a07c48, #fcd07d, #896b3f, #d2a46a)
}

.until-you-fall-buy-section .text-content {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.until-you-fall-buy-section .site-logo {
    margin-bottom: 1.45rem;
    max-width: 20rem
}

.until-you-fall-about-section {
    text-align: center
}

.until-you-fall-about-section .section__title {
    padding-top: 0
}

.until-you-fall-about-section .section__intro {
    margin-bottom: 4.35rem;
    margin-left: auto;
    margin-right: auto
}

.until-you-fall-about-section:nth-child(2n) {
    background-color: #2b2033
}

.until-you-fall-about-section:nth-child(2n) .item__description {
    background-color: #18131c
}

.site-logo--until-you-fall {
    width: calc(22rem + 5vw);
    max-width: 80%;
    margin-bottom: 1.45rem
}

@media (min-width: 2400px) {
    .site-logo--until-you-fall {
        width: calc(22rem + 5vw)
    }
}

.hero--until-you-fall {
    padding-top: 110vw;
    padding-bottom: 2.9rem;
    color: #f3eee7
}

.hero--until-you-fall .text-content {
    text-align: center
}

.hero--until-you-fall .button__group .button, .hero--until-you-fall .button__group .site-nav .nav__item.buy-button, .site-nav .hero--until-you-fall .button__group .nav__item.buy-button {
    flex: 1 1 12rem
}

.is-IE .hero--until-you-fall .button__group .button, .is-IE .hero--until-you-fall .button__group .site-nav .nav__item.buy-button, .site-nav .is-IE .hero--until-you-fall .button__group .nav__item.buy-button {
    flex: 1 1 200px
}

.hero--until-you-fall .section__background {
    height: 120vw;
    background-image: url(../../../../schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/key-art--tall.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 70%
}

.hero--until-you-fall:before {
    background: linear-gradient(rgba(24, 19, 28, 0) 110vw, #18131c 120vw)
}

.hero--until-you-fall .site-title {
    margin-left: 50%;
    transform: translateX(-50%)
}

.hero--until-you-fall .tagline {
    padding-top: .3625rem
}

@media (min-width: 40em) {
    .hero--until-you-fall {
        padding-top: 58vh
    }

    .hero--until-you-fall .section__background {
        height: 70vh
    }

    .hero--until-you-fall:before {
        background: linear-gradient(rgba(24, 19, 28, 0) 58vh, #18131c 70vh)
    }
}

@media (orientation: landscape) {
    .hero--until-you-fall {
        text-shadow: 0 0 1em #18131c, 0 0 2em rgba(24, 19, 28, .6), 0 0 3em rgba(24, 19, 28, .5);
        align-items: stretch;
        padding-top: 2.9rem
    }

    .hero--until-you-fall .text-content {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .hero--until-you-fall .section__background {
        height: 100%;
        background-image: url(https://imgur.com/Zsi1xsc);
        background-position: 65% 50%
    }

    .hero--until-you-fall .site-logo--until-you-fall {
        display: none;
        left: 0;
        margin-left: 0;
        transform: none;
        margin-bottom: 5.8rem
    }

    .hero--until-you-fall .page__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-top: 8.7rem
    }

    .hero--until-you-fall .tagline {
        text-shadow: 0 2px .25em rgba(24, 19, 28, .8), 0 .25em 2em rgba(24, 19, 28, .6), 0 .5em 3em rgba(24, 19, 28, .6)
    }

    .hero--until-you-fall:before {
        background: linear-gradient(20deg, rgba(24, 19, 28, .5) 40%, rgba(24, 19, 28, 0) 50%)
    }

    @supports (mix-blend-mode:multiply) {
        .hero--until-you-fall:before {
            mix-blend-mode: multiply
        }
    }.hero--until-you-fall .text-content {
         max-width: 83.33333%
     }
}

@media (orientation: landscape) and (min-width: 2000px) {
    .hero--until-you-fall .section__background {
        background-position: 100% 50%
    }
}

.gallery--until-you-fall {
    padding-top: 0;
    padding-bottom: 2.9rem
}

@media (orientation: landscape) {
    .gallery--until-you-fall {
        padding-top: 2.9rem
    }
}

.email-signup-uyf {
    background: url(../../../../schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/uyfemailbanner.jpg);
    background-size: cover;
    background-position: 50%;
    padding-left: 1.45rem;
    padding-right: 1.45rem
}

.email-signup-uyf button {
    width: 100%;
    max-width: 400px
}

.quiz-uyf {
    position: relative
}

.quiz-uyf:before {
    background: url(../../../../schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/armory-unbranded.jpg) 50% 0 no-repeat;
    background-size: cover;
    opacity: .75
}

.quiz-uyf:after, .quiz-uyf:before {
    content: "";
    width: 100%;
    height: 15rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.quiz-uyf:after {
    background: linear-gradient(0deg, #18131c, transparent 70%)
}

.quiz-uyf > div {
    margin-top: 120px;
    text-align: center
}

.quiz-uyf > div p {
    max-width: 1650px;
    margin: 0 auto;
    margin-bottom: 70px
}

.quiz-uyf > div div {
    min-height: 900px;
    max-height: 1100px
}

.nav__Quiz {
    display: none !important
}

.until-you-fall--media {
    position: relative
}

.until-you-fall--media:before {
    background: url(../../../../schellgames.nyc3.cdn.digitaloceanspaces.com/images/Microsites/until-you-fall/static/Tier01.png) 50% 0 no-repeat;
    background-size: cover;
    opacity: .75
}

.until-you-fall--media:after, .until-you-fall--media:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.until-you-fall--media:after {
    background: linear-gradient(0deg, #18131c, transparent 70%)
}

@media (min-width: 40em) {
    .until-you-fall--media:after, .until-you-fall--media:before {
        height: 50vw
    }
}

@media (min-width: 106em) {
    .until-you-fall--media:after, .until-you-fall--media:before {
        height: 35rem
    }
}

.until-you-fall--media .tab__section {
    display: none
}

.until-you-fall--media .tab__sections {
    padding-top: 2.9rem
}

.media__video .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .3625rem .725rem;
    margin: 0;
    background-color: rgba(24, 19, 28, .8)
}

/*# sourceMappingURL=site.css.map */