@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    border: 2px solid #999;
    border-left-color: transparent;
    contain: strict
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: #282c34;
    color: #abb2bf
}

.hljs-comment,
.hljs-quote {
    color: #5c6370;
    font-style: italic
}

.hljs-doctag,
.hljs-formula,
.hljs-keyword {
    color: #c678dd
}

.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
    color: #e06c75
}

.hljs-literal {
    color: #56b6c2
}

.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
    color: #98c379
}

.hljs-attr,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: #d19a66
}

.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
    color: #61aeee
}

.hljs-built_in,
.hljs-class .hljs-title,
.hljs-title.class_ {
    color: #e6c07b
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    max-width: 100%;
    *zoom: 1
}

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

[hidden] {
    display: none !important
}

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

body {
    line-height: 1
}

b,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

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

button {
    background: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto
}

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

dfn {
    font-style: italic
}

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

mark {
    background-color: #fff;
    color: #000
}

pre {
    white-space: normal;
    word-wrap: break-word
}

q {
    quotes: none
}

q:after,
q:before {
    content: "";
    content: none
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

s {
    background: linear-gradient(180deg, transparent 55%, currentColor 0, currentColor calc(55% + 1px), transparent calc(55% + 1px));
    text-decoration: none
}

button,
html,
input,
select,
textarea {
    font-family: inherit
}

button,
input,
label,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    display: inline-block;
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: normal
}

input:focus,
select:focus,
textarea:focus {
    outline: 0
}

button,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=search],
input[type=submit],
select {
    box-sizing: border-box
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

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

button,
input[type=button],
input[type=reset],
input[type=submit] {
    overflow: visible;
    width: auto
}

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

input[type=number] {
    -moz-appearance: textfield
}

::-webkit-file-upload-button {
    background: none;
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

select[multiple],
textarea {
    vertical-align: top
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    background: transparent;
    color: #000
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: normal;
    font-weight: 200;
    src: url(/static/dist/ee5b0c5e996b4405567e.woff) format("woff"), url(/static/dist/7b35ee07daebc43b8b9c.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: normal;
    font-weight: 300;
    src: url(/static/dist/e9df15a55e00bc099d27.woff) format("woff"), url(/static/dist/762ba981f0f3d6cd37b7.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: italic;
    font-weight: 300;
    src: url(/static/dist/b5487bb1442485c2b5da.woff) format("woff"), url(/static/dist/05057939aed945eb67a1.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: normal;
    font-weight: 400;
    src: url(/static/dist/5467bc49331912ddec0a.woff) format("woff"), url(/static/dist/9d7f8515b85c7b6b2e7d.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: italic;
    font-weight: 400;
    src: url(/static/dist/51b988ab4ddc437b9208.woff) format("woff"), url(/static/dist/72ffed6a5ffff89317af.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: normal;
    font-weight: 500;
    src: url(/static/dist/3a268e7b51e6cc4ffb9c.woff) format("woff"), url(/static/dist/c567f20346da2627c191.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: italic;
    font-weight: 500;
    src: url(/static/dist/0f42d2b2288d56aa53a5.woff) format("woff"), url(/static/dist/1a74ade66891401649c0.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: normal;
    font-weight: 700;
    src: url(/static/dist/6ce02081497e340e7d4e.woff) format("woff"), url(/static/dist/8a66dddc1bb66365a0d2.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: italic;
    font-weight: 700;
    src: url(/static/dist/ef4500cac54ae06bc063.woff) format("woff"), url(/static/dist/af3436a350ab9f92f219.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: TT Ramillas;
    font-style: normal;
    font-weight: 300;
    src: url(/static/dist/533d5a8069a8b646ea03.woff) format("woff"), url(/static/dist/55d26b9ee1f0eb16b0d5.woff2) format("woff2")
}

@font-face {
    font-display: auto;
    font-family: TT Ramillas;
    font-style: italic;
    font-weight: 300;
    src: url(/static/dist/51efe1ae9dcdc3c710b1.woff) format("woff"), url(/static/dist/3fa5b0915f0ec0a1c2a3.woff2) format("woff2")
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

:root {
    --c-bg-light: #1f1f1f;
    --c-bg: #000;
    --c-border: hsla(0, 0%, 100%, .2);
    --c-error: #f8cb54;
    --c-pop: #767676;
    --c-text-light: #858585;
    --c-text: #fff;
    --c-hamburger: #fff;
    --c-logo: #fff;
    --border-radius: 14px;
    --border-radius-sm: 7px;
    --border-radius-lg: 28px
}

.theme-white {
    --c-bg-light: rgba(0, 0, 0, .1);
    --c-bg: #fff;
    --c-border: #e1e1e1;
    --c-error: #f8cb54;
    --c-pop: #757575;
    --c-text-light: #757575;
    --c-text: #000;
    --c-hamburger: #000;
    --c-logo: #000
}

.theme-black {
    --c-bg-light: #1f1f1f;
    --c-bg: #000;
    --c-border: hsla(0, 0%, 100%, .2);
    --c-error: #f8cb54;
    --c-pop: #767676;
    --c-text-light: #858585;
    --c-text: #fff;
    --c-hamburger: #fff;
    --c-logo: #fff
}

* ::-moz-selection {
    background: var(--c-text);
    color: var(--c-bg);
    text-shadow: none
}

* ::selection {
    background: var(--c-text);
    color: var(--c-bg);
    text-shadow: none
}

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

html {
    overflow-x: hidden;
    overflow-y: scroll
}

html.dialog-open {
    overflow-y: hidden
}

body {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision
}

@media(min-width:600px)and (max-width:1399px) {
    body {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    body {
        font-size: 20px
    }
}

img {
    width: 100%
}

a[data-type=external] {
    cursor: ne-resize
}

.base {
    background-color: var(--c-bg);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

b,
strong {
    font-weight: 500
}

#content {
    flex-grow: 1;
    outline: 0
}

.skip-to-content {
    color: var(--c-bg);
    height: 1px;
    left: -999px;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    width: 1px;
    z-index: -1
}

.skip-to-content:active,
.skip-to-content:focus {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    color: var(--c-bg);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    left: 0;
    letter-spacing: normal;
    line-height: 1;
    padding: 9px 15px 10px;
    position: absolute;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: auto;
    z-index: 100
}

@media(min-width:600px)and (max-width:1399px) {

    .skip-to-content:active,
    .skip-to-content:focus {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {

    .skip-to-content:active,
    .skip-to-content:focus {
        font-size: 20px
    }
}

.skip-to-content:active:focus,
.skip-to-content:active:hover,
.skip-to-content:focus:focus,
.skip-to-content:focus:hover {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    color: var(--c-text);
    cursor: pointer
}

.skip-to-content:active:focus,
.skip-to-content:focus:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.rich-text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    overflow-wrap: break-word;
    word-wrap: break-word
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text {
        font-size: 20px
    }
}

.rich-text h1 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    margin-bottom: 40px
}

@media(min-width:600px) {
    .rich-text h1 {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .rich-text h1 {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .rich-text h1 {
        font-size: 62px
    }
}

.rich-text h2 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1549px) {
    .rich-text h2 {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .rich-text h2 {
        font-size: 48px
    }
}

.rich-text h3 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1549px) {
    .rich-text h3 {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .rich-text h3 {
        font-size: 34px
    }
}

.rich-text h4 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 20px
}

@media(min-width:1200px)and (max-width:1549px) {
    .rich-text h4 {
        font-size: calc(-2.57143px + 1.71429vw)
    }
}

@media(min-width:1550px) {
    .rich-text h4 {
        font-size: 24px
    }
}

.rich-text h5 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text h5 {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text h5 {
        font-size: 20px
    }
}

.rich-text h6 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text h6 {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .rich-text h6 {
        font-size: 16px
    }
}

.rich-text *+h1,
.rich-text *+h2 {
    margin-top: 80px
}

@media(min-width:768px) {

    .rich-text *+h1,
    .rich-text *+h2 {
        margin-top: 100px
    }
}

.rich-text *+h3,
.rich-text *+h4 {
    margin-top: 60px
}

.rich-text *+h5,
.rich-text *+h6 {
    margin-top: 30px
}

.rich-text p {
    margin-bottom: 20px
}

.rich-text p:last-child {
    margin-bottom: 0
}

.rich-text a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.rich-text a:focus,
.rich-text a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.rich-text hr {
    background: var(--c-border);
    border: 0;
    height: 1px;
    margin-bottom: 40px;
    margin-top: 40px
}

.rich-text ol {
    color: var(--c-text);
    counter-reset: counter;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    list-style: none;
    padding-left: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ol {
        font-size: 20px
    }
}

.rich-text ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ol li:before {
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ol>li {
    padding-left: 1.8em;
    position: relative
}

.rich-text ol>li:before {
    color: var(--c-pop);
    content: counter(counter) ".";
    counter-increment: counter
}

.rich-text ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ol ol {
        font-size: 20px
    }
}

.rich-text ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ol ol li:before {
    content: counter(counter, lower-alpha) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ol ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ol ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ol ol ol {
        font-size: 20px
    }
}

.rich-text ol ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ol ol ol li:before {
    content: counter(counter, upper-roman) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ol ol ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ol ol ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ol ol ol ol {
        font-size: 20px
    }
}

.rich-text ol ol ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ol ol ol ol li:before {
    content: counter(counter) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ol ol ol ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ol ol ol ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ol ol ol ol ol {
        font-size: 20px
    }
}

.rich-text ol ol ol ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ol ol ol ol ol li:before {
    content: counter(counter, lower-alpha) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ol ol ol ol ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ol ol ol ol ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ol ol ol ol ol ol {
        font-size: 20px
    }
}

.rich-text ol ol ol ol ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ol ol ol ol ol ol li:before {
    content: counter(counter, upper-roman) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    list-style: none;
    padding-left: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ul {
        font-size: 20px
    }
}

.rich-text ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ul li:before {
    left: 0;
    top: 5px
}

.rich-text ul li {
    padding-left: 1.4em;
    position: relative
}

.rich-text ul li:before {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    content: "";
    height: .5em;
    margin-top: .47em;
    position: absolute;
    width: .5em
}

.rich-text ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ul ul {
        font-size: 20px
    }
}

.rich-text ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ul ul li:before {
    background-color: var(--c-bg);
    border-color: var(--c-text);
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ul ul ul {
        font-size: 20px
    }
}

.rich-text ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ul ul ul li:before {
    background-color: var(--c-bg-light);
    border-color: transparent;
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    list-style: none;
    padding-left: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ul ul ul ul {
        font-size: 20px
    }
}

.rich-text ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ul ul ul ul li:before {
    left: 0;
    top: 5px
}

.rich-text ul ul ul ul li {
    padding-left: 1.4em;
    position: relative
}

.rich-text ul ul ul ul li:before {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    content: "";
    height: .5em;
    margin-top: .47em;
    position: absolute;
    width: .5em
}

.rich-text ul ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ul ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ul ul ul ul ul {
        font-size: 20px
    }
}

.rich-text ul ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ul ul ul ul ul li:before {
    background-color: var(--c-bg);
    border-color: var(--c-text);
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ul ul ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text ul ul ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text ul ul ul ul ul ul {
        font-size: 20px
    }
}

.rich-text ul ul ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.rich-text ul ul ul ul ul ul li:before {
    background-color: var(--c-bg-light);
    border-color: transparent;
    left: 0;
    position: absolute;
    top: 5px
}

.rich-text ol,
.rich-text ul {
    margin-bottom: 20px;
    margin-top: 20px
}

.rich-text blockquote {
    border-left: 1px solid var(--c-border);
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-left: 15px
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text blockquote {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text blockquote {
        font-size: 20px
    }
}

@media(min-width:768px) {
    .rich-text blockquote {
        padding-left: 25px
    }
}

.rich-text pre {
    background-color: var(--c-text);
    border-radius: calc(var(--border-radius)/2);
    color: var(--c-bg);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 30px;
    margin-top: 30px;
    overflow: hidden;
    padding: 20px
}

@media(min-width:600px) {
    .rich-text pre {
        border-radius: var(--border-radius)
    }
}

@media(min-width:600px)and (max-width:1399px) {
    .rich-text pre {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .rich-text pre {
        font-size: 20px
    }
}

.rich-text code {
    background-color: var(--c-bg-light);
    border-radius: 2px;
    font-family: monospace;
    font-size: 80%;
    padding: 2px 4px
}

.rich-text>:first-child {
    margin-top: 0 !important
}

.rich-text>:last-child {
    margin-bottom: 0 !important
}

a,
button {
    cursor: pointer
}

.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.article__body {
    background-color: var(--c-bg);
    padding: 40px 20px
}

@media(min-width:768px) {
    .article__body {
        padding-bottom: 120px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 120px
    }
}

.article__introduction {
    border-bottom: 1px solid var(--c-border);
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em;
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    padding-bottom: 40px
}

@media(min-width:600px)and (max-width:1549px) {
    .article__introduction {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .article__introduction {
        font-size: 34px
    }
}

.article__introduction a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.article__introduction a:focus,
.article__introduction a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.article__introduction+.content-block {
    margin-top: 40px !important
}

.blog__body {
    padding: 80px 20px 40px
}

@media(min-width:768px) {
    .blog__body {
        padding-bottom: 120px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 100px
    }
}

.blog__topper {
    border-bottom: 1px solid var(--c-border)
}

@media(min-width:768px) {
    .blog__topper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-top: 20px
    }
}

.blog__topper-left {
    border-bottom: 1px solid var(--c-border);
    padding-bottom: 60px
}

@media(min-width:768px) {
    .blog__topper-left {
        border-bottom: 0;
        padding-bottom: 100px;
        padding-right: 20px;
        width: 100%
    }
}

.blog__topper-right {
    padding-bottom: 30px;
    padding-top: 30px
}

@media(min-width:768px) {
    .blog__topper-right {
        border-left: 1px solid var(--c-border);
        flex-shrink: 0;
        padding-left: 30px;
        width: 33.3%
    }
}

@media(min-width:1200px) {
    .blog__topper-right {
        width: calc(25% - 15px)
    }
}

.blog__topper-illo {
    margin-bottom: 30px;
    max-width: 120px;
    width: 40%
}

.blog__topper-page-title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 40px;
    margin-top: 40px
}

@media(min-width:600px)and (max-width:1549px) {
    .blog__topper-page-title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .blog__topper-page-title {
        font-size: 48px
    }
}

@media(min-width:768px) {
    .blog__topper-page-title {
        margin-top: 120px
    }
}

.blog__topper-page-number {
    color: var(--c-text-light);
    display: block
}

.blog__article-list {
    margin-bottom: 40px;
    margin-top: 20px
}

@media(min-width:768px) {
    .blog__article-list {
        margin-bottom: 120px
    }
}

@media(min-width:1200px)and (max-width:1499px) {
    .blog__topper .article-tease__desc {
        width: 100%
    }
}

.brand__header {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .brand__header {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .brand__header {
        font-size: 20px
    }
}

.brand__section:not(:first-child) {
    margin-top: 8vh
}

@media(min-width:768px) {
    .brand__section:not(:first-child) {
        margin-top: 16vh
    }

    .blog .brand__section:not(:first-child),
    .brand .brand__section:not(:first-child),
    .case-study .brand__section:not(:first-child),
    .has-sidebar .brand__section:not(:first-child) {
        margin-top: 100px
    }
}

.brand__logos {
    border-left: 1px solid var(--c-border);
    border-top: 1px solid var(--c-border);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.brand__logos-item {
    border-bottom: 1px solid var(--c-border);
    border-right: 1px solid var(--c-border);
    flex-shrink: 0;
    width: 50%
}

@media(min-width:600px) {
    .brand__logos-item {
        width: 33.3%
    }
}

@media(min-width:1070px) {
    .brand__logos-item {
        width: 20%
    }
}

.brand__logos-link {
    display: block;
    padding: 20px
}

.brand__logos-link:focus,
.brand__logos-link:hover {
    background-color: var(--c-bg-light)
}

.brand__colors {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px
}

@media(min-width:768px) {
    .brand__colors {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media(min-width:1200px) {
    .brand__colors {
        grid-template-columns: repeat(7, 1fr)
    }
}

.brand__colors-item {
    background-color: var(--c-text);
    padding: 5px
}

.brand__colors-swatch {
    border: 1px solid var(--c-bg);
    height: 200px;
    width: 100%
}

.brand__colors-hex {
    color: var(--c-bg);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    padding-bottom: 10px;
    padding-top: 12px;
    text-align: center
}

@media(min-width:600px)and (max-width:1399px) {
    .brand__colors-hex {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .brand__colors-hex {
        font-size: 20px
    }
}

@media(min-width:768px) {
    .brand__links-cols {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 40px
    }
}

.brand__links-col {
    flex: 1
}

.case-study {
    margin-bottom: 40px
}

@media(min-width:768px) {
    .case-study {
        margin-bottom: 120px
    }
}

.case-study__content-blocks {
    background-color: var(--c-bg);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px
}

.case-study__content-blocks ::-moz-selection {
    background: var(--c-text);
    color: var(--c-bg);
    text-shadow: none
}

.case-study__content-blocks ::selection {
    background: var(--c-text);
    color: var(--c-bg);
    text-shadow: none
}

@media(min-width:768px) {
    .case-study__content-blocks {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 120px
    }
}

.case-study__recirc {
    margin-top: 40px;
    position: relative
}

@media(min-width:768px) {
    .case-study__recirc {
        margin-top: 120px
    }
}

.case-study__recirc .recirc__header {
    padding-top: 8vh
}

@media(min-width:768px) {
    .case-study__recirc .recirc__header {
        padding-top: 16vh
    }

    .blog .case-study__recirc .recirc__header,
    .brand .case-study__recirc .recirc__header,
    .case-study .case-study__recirc .recirc__header,
    .has-sidebar .case-study__recirc .recirc__header {
        padding-top: 100px
    }
}

.case-study__recirc:before {
    border-top: 1px solid var(--c-border);
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    right: 20px
}

@media(min-width:768px) {
    .case-study__recirc:before {
        left: 40px;
        position: absolute;
        right: 40px
    }
}

.category__topper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 160px
}

@media(min-width:768px) {
    .category__topper {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 250px
    }
}

.category__topper-button {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 40px;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .category__topper-button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .category__topper-button {
        font-size: 20px
    }
}

.category__topper-button:focus,
.category__topper-button:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.category__topper-button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.category__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em
}

@media(min-width:600px) {
    .category__title {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .category__title {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .category__title {
        font-size: 62px
    }
}

.category__title-text {
    display: block;
    margin-bottom: -.15em;
    width: 80%
}

.category__body {
    margin-bottom: 40px;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .category__body {
        margin-bottom: 80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

.category__article-list {
    margin-bottom: 40px
}

@media(min-width:768px) {
    .category__article-list {
        margin-bottom: 120px
    }
}

.error-page {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    min-height: 90vh;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    text-align: center;
    width: 80%
}

@media(min-width:768px) {
    .error-page {
        padding-left: 40px;
        padding-right: 40px
    }
}

.error-page__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-size: 80px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em
}

@media(min-width:600px) {
    .error-page__title {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .error-page__title {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .error-page__title {
        font-size: 62px
    }
}

@media(min-width:300px)and (max-width:1549px) {
    .error-page__title {
        font-size: calc(46.4px + 11.2vw)
    }
}

@media(min-width:1550px) {
    .error-page__title {
        font-size: 220px
    }
}

.error-page__subtitle {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-top: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .error-page__subtitle {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .error-page__subtitle {
        font-size: 20px
    }
}

.error-page__description {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .error-page__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .error-page__description {
        font-size: 20px
    }
}

@media(min-width:768px) {
    .error-page__description {
        max-width: 480px
    }

    .home .header,
    .home .menu-button {
        mix-blend-mode: exclusion
    }
}

.home__content {
    margin-top: 8vh
}

@media(min-width:768px) {
    .home__content {
        margin-top: 16vh
    }

    .blog .home__content,
    .brand .home__content,
    .case-study .home__content,
    .has-sidebar .home__content {
        margin-top: 100px
    }
}

.home__quote-and-links {
    margin-bottom: 8vh;
    margin-top: 8vh
}

@media(min-width:768px) {
    .home__quote-and-links {
        margin-bottom: 16vh;
        margin-top: 16vh
    }

    .blog .home__quote-and-links,
    .brand .home__quote-and-links,
    .case-study .home__quote-and-links,
    .has-sidebar .home__quote-and-links {
        margin-bottom: 100px;
        margin-top: 100px
    }
}

@media(min-width:0)and (max-width:1069px) {
    .home__quote-and-links {
        flex-direction: column-reverse !important
    }
}

.home__cols {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(min-width:0)and (max-width:1069px) {
    .home__cols {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0;
        row-gap: 40px
    }
}

.home__col-left {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .home__col-left {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .home__col-left {
        width: 33.3%
    }
}

.home__col-right {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .home__col-right {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .home__col-right {
        width: 66.6%
    }
}

.home__featured-links {
    margin-bottom: 8vh;
    padding-top: 15px
}

@media(min-width:768px) {
    .home__featured-links {
        margin-bottom: 16vh
    }

    .blog .home__featured-links,
    .brand .home__featured-links,
    .case-study .home__featured-links,
    .has-sidebar .home__featured-links {
        margin-bottom: 100px
    }
}

@media(min-width:600px) {
    .home__featured-links {
        padding-top: 20px
    }
}

.home__featured-links-title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .home__featured-links-title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home__featured-links-title {
        font-size: 20px
    }
}

.home__hr {
    background: var(--c-border);
    border: 0;
    height: 1px;
    margin: 0 20px
}

@media(min-width:768px) {
    .home__hr {
        margin-left: 40px;
        margin-right: 40px
    }
}

.home__tease-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    row-gap: 40px
}

@media(min-width:768px) {
    .home__tease-grid {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:600px) {
    .home__tease-grid {
        display: flex;
        margin-left: -5px;
        margin-right: -5px;
        row-gap: 80px
    }
}

@media(min-width:600px)and (min-width:768px) {
    .home__tease-grid {
        margin-left: -10px;
        margin-right: -10px
    }
}

.home__tease-grid-item {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

@media(min-width:768px) {
    .home__tease-grid-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:600px) {
    .home__tease-grid-item {
        width: 50%
    }
}

.job__button {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-top: 30px;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .job__button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__button {
        font-size: 20px
    }
}

.job__button:focus,
.job__button:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.job__button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.job__topper {
    border-bottom: 1px solid var(--c-border);
    margin-bottom: 40px;
    padding-bottom: 40px
}

@media(min-width:768px) {
    .job__topper {
        margin-bottom: 80px;
        padding-bottom: 80px
    }
}

.job__topper-text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    max-width: 780px
}

@media(min-width:600px)and (max-width:1399px) {
    .job__topper-text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__topper-text {
        font-size: 20px
    }
}

.job__topper-text a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.job__topper-text a:focus,
.job__topper-text a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.job__rich-text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    overflow-wrap: break-word;
    word-wrap: break-word;
    max-width: 780px
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text {
        font-size: 20px
    }
}

.job__rich-text h1 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    margin-bottom: 40px
}

@media(min-width:600px) {
    .job__rich-text h1 {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .job__rich-text h1 {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .job__rich-text h1 {
        font-size: 62px
    }
}

.job__rich-text h2 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1549px) {
    .job__rich-text h2 {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .job__rich-text h2 {
        font-size: 48px
    }
}

.job__rich-text h3 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1549px) {
    .job__rich-text h3 {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .job__rich-text h3 {
        font-size: 34px
    }
}

.job__rich-text h4 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 20px
}

@media(min-width:1200px)and (max-width:1549px) {
    .job__rich-text h4 {
        font-size: calc(-2.57143px + 1.71429vw)
    }
}

@media(min-width:1550px) {
    .job__rich-text h4 {
        font-size: 24px
    }
}

.job__rich-text h5 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text h5 {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text h5 {
        font-size: 20px
    }
}

.job__rich-text h6 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text h6 {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text h6 {
        font-size: 16px
    }
}

.job__rich-text *+h1,
.job__rich-text *+h2 {
    margin-top: 80px
}

@media(min-width:768px) {

    .job__rich-text *+h1,
    .job__rich-text *+h2 {
        margin-top: 100px
    }
}

.job__rich-text *+h3,
.job__rich-text *+h4 {
    margin-top: 60px
}

.job__rich-text *+h5,
.job__rich-text *+h6 {
    margin-top: 30px
}

.job__rich-text p {
    margin-bottom: 20px
}

.job__rich-text p:last-child {
    margin-bottom: 0
}

.job__rich-text a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.job__rich-text a:focus,
.job__rich-text a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.job__rich-text hr {
    background: var(--c-border);
    border: 0;
    height: 1px;
    margin-bottom: 40px;
    margin-top: 40px
}

.job__rich-text ol {
    color: var(--c-text);
    counter-reset: counter;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    list-style: none;
    padding-left: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ol {
        font-size: 20px
    }
}

.job__rich-text ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ol li:before {
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ol>li {
    padding-left: 1.8em;
    position: relative
}

.job__rich-text ol>li:before {
    color: var(--c-pop);
    content: counter(counter) ".";
    counter-increment: counter
}

.job__rich-text ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ol ol {
        font-size: 20px
    }
}

.job__rich-text ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ol ol li:before {
    content: counter(counter, lower-alpha) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ol ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ol ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ol ol ol {
        font-size: 20px
    }
}

.job__rich-text ol ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ol ol ol li:before {
    content: counter(counter, upper-roman) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ol ol ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ol ol ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ol ol ol ol {
        font-size: 20px
    }
}

.job__rich-text ol ol ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ol ol ol ol li:before {
    content: counter(counter) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ol ol ol ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ol ol ol ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ol ol ol ol ol {
        font-size: 20px
    }
}

.job__rich-text ol ol ol ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ol ol ol ol ol li:before {
    content: counter(counter, lower-alpha) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ol ol ol ol ol ol {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ol ol ol ol ol ol {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ol ol ol ol ol ol {
        font-size: 20px
    }
}

.job__rich-text ol ol ol ol ol ol li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ol ol ol ol ol ol li:before {
    content: counter(counter, upper-roman) ".";
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    list-style: none;
    padding-left: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ul {
        font-size: 20px
    }
}

.job__rich-text ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ul li:before {
    left: 0;
    top: 5px
}

.job__rich-text ul li {
    padding-left: 1.4em;
    position: relative
}

.job__rich-text ul li:before {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    content: "";
    height: .5em;
    margin-top: .47em;
    position: absolute;
    width: .5em
}

.job__rich-text ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ul ul {
        font-size: 20px
    }
}

.job__rich-text ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ul ul li:before {
    background-color: var(--c-bg);
    border-color: var(--c-text);
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ul ul ul {
        font-size: 20px
    }
}

.job__rich-text ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ul ul ul li:before {
    background-color: var(--c-bg-light);
    border-color: transparent;
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    list-style: none;
    padding-left: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ul ul ul ul {
        font-size: 20px
    }
}

.job__rich-text ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ul ul ul ul li:before {
    left: 0;
    top: 5px
}

.job__rich-text ul ul ul ul li {
    padding-left: 1.4em;
    position: relative
}

.job__rich-text ul ul ul ul li:before {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    content: "";
    height: .5em;
    margin-top: .47em;
    position: absolute;
    width: .5em
}

.job__rich-text ul ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ul ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ul ul ul ul ul {
        font-size: 20px
    }
}

.job__rich-text ul ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ul ul ul ul ul li:before {
    background-color: var(--c-bg);
    border-color: var(--c-text);
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ul ul ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text ul ul ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text ul ul ul ul ul ul {
        font-size: 20px
    }
}

.job__rich-text ul ul ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.job__rich-text ul ul ul ul ul ul li:before {
    background-color: var(--c-bg-light);
    border-color: transparent;
    left: 0;
    position: absolute;
    top: 5px
}

.job__rich-text ol,
.job__rich-text ul {
    margin-bottom: 20px;
    margin-top: 20px
}

.job__rich-text blockquote {
    border-left: 1px solid var(--c-border);
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-left: 15px
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text blockquote {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text blockquote {
        font-size: 20px
    }
}

@media(min-width:768px) {
    .job__rich-text blockquote {
        padding-left: 25px
    }
}

.job__rich-text pre {
    background-color: var(--c-text);
    border-radius: calc(var(--border-radius)/2);
    color: var(--c-bg);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 30px;
    margin-top: 30px;
    overflow: hidden;
    padding: 20px
}

@media(min-width:600px) {
    .job__rich-text pre {
        border-radius: var(--border-radius)
    }
}

@media(min-width:600px)and (max-width:1399px) {
    .job__rich-text pre {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .job__rich-text pre {
        font-size: 20px
    }
}

.job__rich-text code {
    background-color: var(--c-bg-light);
    border-radius: 2px;
    font-family: monospace;
    font-size: 80%;
    padding: 2px 4px
}

.job__rich-text>:first-child {
    margin-top: 0 !important
}

.job__rich-text>:last-child {
    margin-bottom: 0 !important
}

.newsletter-page__content {
    margin-top: -30px
}

.page {
    background-color: var(--c-bg);
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page__cols {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px
}

@media(min-width:768px) {
    .page__cols {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px
    }
}

.page__cols.page__cols--single .page__col-left {
    display: none
}

.page__cols.page__cols--single .page__col-right {
    flex-grow: 1
}

.page__cols.page__cols--single .page-topper,
.page__cols.page__cols--single .page__body {
    padding-left: 0;
    padding-right: 0
}

.page__col-left {
    order: 2
}

@media(min-width:0)and (max-width:767px) {
    .page__col-left {
        display: none
    }
}

@media(min-width:768px) {
    .page__col-left {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0;
        height: 100vh;
        justify-content: flex-end;
        order: 1;
        padding-bottom: 40px;
        padding-top: 40px;
        position: sticky;
        top: 0;
        width: 33.3%
    }
}

.page__col-right {
    order: 1;
    padding-bottom: 40px
}

@media(min-width:768px) {
    .page__col-right {
        order: 2;
        width: 66.6%
    }
}

.page__page-topper {
    padding-top: 160px
}

@media(min-width:768px) {
    .page__page-topper {
        padding-top: 250px
    }
}

.password-form {
    max-width: 400px
}

#password-field {
    width: 100%
}

.password-form__field {
    background: transparent;
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative
}

.password-form__field:focus-within {
    background: var(--c-text);
    border: 1px solid var(--c-border);
    color: var(--c-bg)
}

.password-form__input {
    background: transparent;
    border: 0;
    color: inherit;
    flex-shrink: 1;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    min-width: 0;
    padding: 20px 60px 20px 20px;
    width: 100%;
    z-index: 2
}

@media(min-width:600px)and (max-width:1399px) {
    .password-form__input {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .password-form__input {
        font-size: 20px
    }
}

.password-form__input:focus {
    outline: 0
}

.password-form__input::-moz-placeholder {
    color: var(--c-text);
    opacity: 1
}

.password-form__input::placeholder {
    color: var(--c-text);
    opacity: 1
}

.password-form__submit {
    animation: spin 5s linear infinite;
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    color: var(--c-text);
    flex-shrink: 0;
    font-size: 14px;
    height: 70px;
    margin-right: -2px;
    transition: background-color .15s, color .15s, border-color .15s;
    width: 70px;
    z-index: 2
}

@media(prefers-reduced-motion:reduce) {
    .password-form__submit {
        animation: none
    }
}

.password-form__submit:focus,
.password-form__submit:hover {
    background-color: var(--c-text);
    border-color: var(--c-bg);
    color: var(--c-bg);
    cursor: pointer;
    outline: 0
}

.password-form__submit:disabled {
    cursor: not-allowed;
    opacity: 0
}

.password-form__error {
    color: var(--c-error);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .password-form__error {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .password-form__error {
        font-size: 20px
    }
}

.people__body {
    background-color: var(--c-bg);
    padding: 40px 20px
}

@media(min-width:768px) {
    .people__body {
        padding-bottom: 120px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 120px
    }
}

.search {
    min-height: 80vh;
    padding: 160px 20px 40px
}

@media(min-width:768px) {
    .search {
        padding-bottom: 120px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 120px;
        padding-top: 250px
    }
}

.search__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em
}

@media(min-width:600px) {
    .search__title {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .search__title {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .search__title {
        font-size: 62px
    }
}

.search__form {
    margin-bottom: 20px;
    margin-top: 20px
}

@media(min-width:768px) {
    .search__form {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.search__count {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .search__count {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .search__count {
        font-size: 16px
    }
}

.search__no-results {
    color: var(--c-pop);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em
}

@media(min-width:600px)and (max-width:1549px) {
    .search__no-results {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .search__no-results {
        font-size: 34px
    }
}

.timber {
    margin-bottom: 40px
}

@media(min-width:768px) {
    .timber {
        margin-bottom: 120px
    }
}

.timber__topper {
    background-color: var(--c-bg);
    color: var(--c-text);
    padding: 140px 20px 40px
}

@media(min-width:768px) {
    .timber__topper {
        padding-bottom: 80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:600px) {
    .timber__topper {
        padding-top: 200px
    }
}

.timber__topper-inner {
    margin: 0 auto;
    max-width: 1500px;
    position: relative;
    z-index: 2
}

.timber__topper-logo {
    display: block;
    height: 45px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    fill: var(--c-logo)
}

@media(min-width:768px) {
    .timber__topper-logo {
        height: 60px;
        width: 200px
    }
}

.timber__topper-headline {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    text-align: center
}

@media(min-width:600px) {
    .timber__topper-headline {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .timber__topper-headline {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .timber__topper-headline {
        font-size: 62px
    }
}

.timber__topper-intro {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    max-width: 600px
}

@media(min-width:600px)and (max-width:1399px) {
    .timber__topper-intro {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .timber__topper-intro {
        font-size: 20px
    }
}

.timber__topper-intro a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.timber__topper-intro a:focus,
.timber__topper-intro a:hover {
    color: #fff;
    text-decoration-color: #fff
}

.timber__topper-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: center
}

.timber__topper-button {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .timber__topper-button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .timber__topper-button {
        font-size: 20px
    }
}

.timber__topper-button:focus,
.timber__topper-button:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.timber__topper-button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.timber__content-blocks {
    background-color: var(--c-bg);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px
}

.timber__content-blocks ::-moz-selection {
    background: var(--c-text);
    color: var(--c-bg);
    text-shadow: none
}

.timber__content-blocks ::selection {
    background: var(--c-text);
    color: var(--c-bg);
    text-shadow: none
}

@media(min-width:768px) {
    .timber__content-blocks {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 120px
    }
}

.admin-helpers__button {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    bottom: 10px;
    color: var(--c-text);
    color: var(--c-bg);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 8px 12px 9px;
    position: fixed;
    right: 10px;
    text-align: center;
    white-space: nowrap;
    z-index: 29
}

@media(min-width:600px)and (max-width:1399px) {
    .admin-helpers__button {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .admin-helpers__button {
        font-size: 16px
    }
}

.admin-helpers__button:focus,
.admin-helpers__button:hover {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    color: var(--c-text);
    cursor: pointer
}

.admin-helpers__button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.article-footer {
    display: block;
    margin-bottom: 20px;
    max-width: 780px
}

.article-footer.alignbreakout,
.article-footer.alignfull,
.article-footer.aligninset,
.article-footer.alignmedium,
.article-footer.aligntext {
    clear: both
}

.article-footer.alignfull {
    max-width: none;
    position: relative
}

.article-footer.alignmedium {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px
}

.article-footer.aligninset {
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    width: 30%
}

.page-align-left .article-footer {
    margin-left: 0
}

.page-align-center .article-footer {
    margin-left: auto;
    margin-right: auto
}

.article-footer.alignbreakout {
    margin-left: -20px;
    margin-right: -20px;
    max-width: none;
    position: relative
}

@media(min-width:768px) {
    .article-footer.alignbreakout {
        margin-left: -40px;
        margin-right: -40px
    }
}

.article-footer__bylines {
    padding-bottom: 20px
}

.article-footer__bylines,
.article-footer__categories {
    border-top: 1px solid var(--c-border);
    padding-top: 20px
}

.article-footer__categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px
}

.article-footer__category {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 8px 12px 9px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .article-footer__category {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .article-footer__category {
        font-size: 16px
    }
}

.article-footer__category:focus,
.article-footer__category:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.article-footer__category:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.content-block+.article-footer {
    margin-top: calc(-8vh + 40px)
}

@media(min-width:768px) {
    .content-block+.article-footer {
        margin-top: -60px
    }
}

.article-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    row-gap: 80px
}

@media(min-width:768px) {
    .article-list {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:600px) {
    .article-list {
        row-gap: 100px
    }
}

.article-list__item {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:768px) {
    .article-list__item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.length-4 .article-list__item {
    width: 100%
}

@media(min-width:600px) {
    .length-4 .article-list__item {
        width: 50%
    }
}

@media(min-width:1200px) {
    .length-4 .article-list__item {
        width: 25%
    }
}

.length-3 .article-list__item {
    width: 100%
}

@media(min-width:600px) {
    .length-3 .article-list__item {
        width: 50%
    }
}

@media(min-width:1070px) {
    .length-3 .article-list__item {
        width: 33.3%
    }
}

.length-2 .article-list__item {
    width: 100%
}

@media(min-width:600px) {
    .length-2 .article-list__item {
        width: 50%
    }
}

.article-tease {
    display: block
}

.article-tease__link {
    display: block;
    position: relative;
    width: 100%
}

.article-tease__link:focus,
.article-tease__link:hover {
    cursor: pointer
}

.article-tease__link:focus .article-tease__desc,
.article-tease__link:focus .article-tease__title,
.article-tease__link:hover .article-tease__desc,
.article-tease__link:hover .article-tease__title {
    color: var(--c-text-light) !important
}

@media(prefers-reduced-motion:no-preference) {

    .article-tease__link.active .article-tease__hover,
    .article-tease__link:hover .article-tease__hover {
        visibility: visible
    }

    .article-tease__link.active .article-tease__hover-img,
    .article-tease__link:hover .article-tease__hover-img {
        transform: scale(1.15)
    }

    .article-tease__link.active .article-tease__img,
    .article-tease__link:hover .article-tease__img {
        transform: scale(1.15);
        transition: transform 7s cubic-bezier(.25, .46, .45, .94)
    }
}

.article-tease__asset {
    border-radius: calc(var(--border-radius)/2);
    line-height: 0;
    margin-bottom: 15px;
    overflow: hidden
}

@media(min-width:600px) {
    .article-tease__asset {
        border-radius: var(--border-radius);
        margin-bottom: 20px
    }
}

.article-tease__figure {
    background-color: var(--c-bg-light);
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media(min-width:600px) {
    .article-tease__figure {
        border-radius: var(--border-radius)
    }
}

.article-tease__img {
    transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}

.article-tease__hover {
    border-radius: calc(var(--border-radius)/2);
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 3
}

@media(min-width:600px) {
    .article-tease__hover {
        border-radius: var(--border-radius)
    }
}

.article-tease__hover-img {
    transform: scale(1);
    transition: transform 7s cubic-bezier(.25, .46, .45, .94)
}

.article-tease__title {
    color: var(--c-text);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3em;
    max-width: 450px
}

@media(min-width:600px)and (max-width:1399px) {
    .article-tease__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .article-tease__title {
        font-size: 20px
    }
}

@media(min-width:600px) {
    .article-tease__title {
        width: 85%
    }
}

.article-tease__desc {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 15px;
    max-width: 450px
}

@media(min-width:600px)and (max-width:1399px) {
    .article-tease__desc {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .article-tease__desc {
        font-size: 20px
    }
}

@media(min-width:600px) {
    .article-tease__desc {
        width: 85%
    }
}

@media(min-width:1070px) {
    .article-tease__desc {
        margin-top: 20px
    }
}

.text-only .article-tease__desc {
    margin-top: 0
}

.article-tease__small-info {
    color: var(--c-text-light);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 7px;
    row-gap: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .article-tease__small-info {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .article-tease__small-info {
        font-size: 16px
    }
}

@media(min-width:600px) {
    .article-tease__small-info {
        margin-top: 10px
    }
}

.article-tease__pillar:after {
    content: " •  "
}

.article-tease.featured .article-tease__link {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0
}

@media(min-width:1200px) {
    .article-tease.featured .article-tease__text {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 100px;
        justify-content: space-between
    }

    .article-tease.featured .article-tease__info {
        flex-shrink: 0;
        width: calc(33.3% - 20px)
    }
}

.article-tease.featured .article-tease__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    max-width: 600px
}

@media(min-width:600px) {
    .article-tease.featured .article-tease__title {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .article-tease.featured .article-tease__title {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .article-tease.featured .article-tease__title {
        font-size: 62px
    }
}

@media(min-width:600px) {
    .article-tease.featured .article-tease__title {
        width: 90%
    }
}

@media(min-width:1200px) {
    .article-tease.featured .article-tease__desc {
        margin-top: 0
    }
}

.article-tease.featured .article-tease__asset {
    margin-bottom: 20px;
    margin-top: 0
}

@media(min-width:600px) {
    .article-tease.featured .article-tease__asset {
        margin-bottom: 30px;
        margin-top: 0
    }
}

.article-topper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 160px
}

@media(min-width:768px) {
    .article-topper {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 250px
    }
}

.article-topper__overline {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    margin-bottom: 40px
}

.article-topper__button {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .article-topper__button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .article-topper__button {
        font-size: 20px
    }
}

.article-topper__button:focus,
.article-topper__button:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.article-topper__button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.article-topper__pillar {
    color: var(--c-text-light);
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

@media(min-width:600px)and (max-width:1399px) {
    .article-topper__pillar {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .article-topper__pillar {
        font-size: 20px
    }
}

.article-topper__pillar:focus,
.article-topper__pillar:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.article-topper__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    max-width: 1100px;
    text-wrap: balance
}

@media(min-width:600px) {
    .article-topper__title {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .article-topper__title {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .article-topper__title {
        font-size: 62px
    }
}

.article-topper__info {
    align-items: center;
    border-bottom: 1px solid var(--c-border);
    border-top: 1px solid var(--c-border);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 20px;
    padding-bottom: 15px;
    padding-top: 15px
}

@media(min-width:600px) {
    .article-topper__info {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 40px;
        justify-content: space-between
    }
}

.article-topper__info.collapse {
    border-bottom: 0;
    padding: 0
}

.article-topper__date {
    color: var(--c-text-light);
    display: block;
    flex-shrink: 0
}

.article-topper__bylines {
    -moz-column-gap: 40px;
    column-gap: 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 10px
}

.article-topper__figure {
    margin-top: 60px
}

.article-topper__figure.large-image {
    width: 100%
}

.article-topper__figure.small-image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 8vh;
    max-width: 780px
}

@media(min-width:768px) {
    .article-topper__figure.small-image {
        margin-top: 16vh
    }

    .blog .article-topper__figure.small-image,
    .brand .article-topper__figure.small-image,
    .case-study .article-topper__figure.small-image,
    .has-sidebar .article-topper__figure.small-image {
        margin-top: 100px
    }
}

.article-topper__img {
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden
}

@media(min-width:600px) {
    .article-topper__img {
        border-radius: var(--border-radius)
    }
}

.article-topper__figcaption {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 12px;
    max-width: 950px
}

@media(min-width:600px)and (max-width:1399px) {
    .article-topper__figcaption {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .article-topper__figcaption {
        font-size: 16px
    }
}

.article-topper__figcaption a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.article-topper__figcaption a:focus,
.article-topper__figcaption a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.article-topper__figcaption.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    text-align: center
}

.aside {
    max-width: 280px;
    padding-top: 40px
}

.aside__text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .aside__text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .aside__text {
        font-size: 20px
    }
}

.aside__text a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.aside__text a:focus,
.aside__text a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.aside__text ul li {
    padding-bottom: 15px;
    padding-top: 15px
}

.aside__text ul li:before {
    top: 0
}

.aside__text ul li:not(:last-child) {
    border-bottom: 1px solid var(--c-border)
}

.aside__text ul li:last-child {
    padding-bottom: 0
}

.aside__text>* {
    margin-bottom: 20px
}

.aside__text>:last-child {
    margin-bottom: 0
}

.aside__header {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {
    .aside__header {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .aside__header {
        font-size: 20px
    }
}

.aside__figure {
    border-radius: calc(var(--border-radius)/2);
    margin-top: 40px;
    max-height: 40vh;
    overflow: hidden
}

@media(min-width:600px) {
    .aside__figure {
        border-radius: var(--border-radius)
    }
}

.aside__button {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-top: 20px;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .aside__button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .aside__button {
        font-size: 20px
    }
}

.aside__button:focus,
.aside__button:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.aside__button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

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

    to {
        transform: rotate(1turn)
    }
}

.badge {
    align-items: center;
    animation: spin 10s linear .01s infinite;
    background: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 16px;
    height: 100px;
    justify-content: space-around;
    padding: 10px;
    text-align: center;
    width: 100px
}

.badge .badge__text {
    color: var(--c-text)
}

@media(min-width:768px) {
    .badge {
        height: 120px;
        width: 120px
    }
}

.badge:focus,
.badge:hover {
    background: var(--c-text);
    border-color: var(--c-text);
    color: var(--c-bg)
}

.badge:focus .badge__text,
.badge:hover .badge__text {
    color: var(--c-bg)
}

.byline {
    line-height: 1;
    margin-top: 10px
}

.article-footer__bylines .byline {
    margin-top: 0
}

.article-footer__bylines .byline:not(:first-child) {
    border-top: 1px solid var(--c-border);
    margin-top: 20px;
    padding-top: 20px
}

.byline__cols {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.byline__figure {
    align-self: flex-start;
    border-radius: 100%;
    flex-shrink: 0;
    height: 45px;
    margin-right: 15px;
    overflow: hidden;
    position: relative;
    width: 45px
}

.byline__figure.fallback {
    align-items: center;
    background-color: var(--c-bg-light);
    display: flex;
    justify-content: center
}

.byline__img {
    transition-duration: .5s
}

.byline__text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3
}

@media(min-width:600px)and (max-width:1399px) {
    .byline__text {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .byline__text {
        font-size: 16px
    }
}

.byline__title {
    font-weight: 500
}

.byline__role {
    color: var(--c-text-light);
    margin-top: 2px;
    transition: color .2s cubic-bezier(.16, 1, .3, 1)
}

@media(prefers-reduced-motion:reduce) {
    .byline__role {
        transition: none
    }
}

.byline__bio {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 2px
}

.byline__bio a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.byline__bio a:focus,
.byline__bio a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

@media(min-width:600px)and (max-width:1399px) {
    .byline__bio {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .byline__bio {
        font-size: 16px
    }
}

.cs-topper {
    background-color: var(--c-bg);
    color: var(--c-text);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 160px
}

@media(min-width:768px) {
    .cs-topper {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 250px
    }
}

.cs-topper__inner {
    margin: 0 auto;
    max-width: 1500px;
    position: relative;
    z-index: 2
}

@media(min-width:1070px) {
    .cs-topper__inner {
        align-items: flex-end;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.cs-topper__text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    padding-bottom: 45px;
    position: relative;
    z-index: 2
}

@media(min-width:600px)and (max-width:1399px) {
    .cs-topper__text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .cs-topper__text {
        font-size: 20px
    }
}

@media(min-width:1070px) {
    .cs-topper__text {
        min-height: 600px;
        width: 45%
    }
}

@media(min-width:1200px) {
    .cs-topper__text {
        min-height: 700px
    }
}

.cs-topper__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 30px;
    text-wrap: balance
}

@media(min-width:600px) {
    .cs-topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .cs-topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .cs-topper__title {
        font-size: 85px
    }
}

@media(min-width:1070px) {
    .cs-topper__title {
        margin-bottom: 60px
    }
}

.cs-topper__description {
    border-bottom: 1px solid var(--c-border);
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 20px;
    padding-bottom: 15px
}

@media(min-width:600px)and (max-width:1399px) {
    .cs-topper__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .cs-topper__description {
        font-size: 20px
    }
}

.cs-topper__introduction {
    margin-bottom: 30px
}

.cs-topper__introduction a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.cs-topper__introduction a:focus,
.cs-topper__introduction a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

@media(min-width:1070px) {
    .cs-topper__introduction {
        margin-bottom: 60px
    }
}

.cs-topper__introduction p:not(:first-child) {
    margin-top: 15px
}

.cs-topper__cols a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.cs-topper__cols a:focus,
.cs-topper__cols a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

@media(min-width:600px) {
    .cs-topper__cols {
        align-items: baseline;
        display: flex;
        flex-flow: row wrap
    }
}

@media(min-width:1200px) {
    .cs-topper__cols {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

@media(min-width:0)and (max-width:599px) {
    .cs-topper__col {
        margin-bottom: 30px
    }
}

@media(min-width:600px) {
    .cs-topper__col {
        padding-right: 40px;
        width: 50%
    }
}

.cs-topper__col-header {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 5px
}

@media(min-width:600px)and (max-width:1399px) {
    .cs-topper__col-header {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .cs-topper__col-header {
        font-size: 20px
    }
}

.cs-topper__col-header:not(:first-child) {
    margin-top: 20px
}

.cs-topper__col-text li {
    margin-bottom: 5px
}

.cs-topper__asset {
    margin-top: 30px
}

@media(min-width:1070px) {
    .cs-topper__asset {
        bottom: 0;
        height: auto;
        margin-top: 0;
        max-width: 760px;
        position: absolute;
        right: 0;
        width: 50%
    }
}

.cs-topper__badges {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 40px
}

.cs-topper__badge-link:focus svg,
.cs-topper__badge-link:hover svg {
    fill: var(--c-pop)
}

.cs-topper__badge-app-store {
    height: 50px;
    width: 150px;
    fill: var(--c-text)
}

.cs-topper__badge-google-play {
    height: 50px;
    width: 162px;
    fill: var(--c-text)
}

.department-jobs {
    border-top: 1px solid var(--c-border);
    display: flex;
    flex-direction: column;
    margin-left: -5px;
    margin-right: -5px;
    padding-bottom: 40px;
    padding-top: 40px
}

@media(min-width:768px) {
    .department-jobs {
        align-items: flex-start;
        flex-direction: row;
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.department-jobs__header {
    color: var(--c-text);
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:768px) {
    .department-jobs__header {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:600px)and (max-width:1549px) {
    .department-jobs__header {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .department-jobs__header {
        font-size: 48px
    }
}

@media(min-width:768px) {
    .department-jobs__header {
        width: 33.3%
    }
}

.department-jobs__list-wrapper {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:768px) {
    .department-jobs__list-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        width: 66.6%
    }
}

.department-jobs__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 40px;
    max-width: 1100px
}

@media(min-width:1070px) {
    .department-jobs__list {
        flex-direction: row
    }

    .department-jobs__list-item {
        width: calc(50% - 20px)
    }
}

.department-jobs__job-title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {
    .department-jobs__job-title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .department-jobs__job-title {
        font-size: 20px
    }
}

.department-jobs__job-desc {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .department-jobs__job-desc {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .department-jobs__job-desc {
        font-size: 20px
    }
}

.department-jobs__button {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-top: 20px;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .department-jobs__button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .department-jobs__button {
        font-size: 20px
    }
}

.department-jobs__button:focus,
.department-jobs__button:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.department-jobs__button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.dropdown {
    display: block;
    left: 10px;
    opacity: 0;
    padding-top: 10px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: opacity .2s cubic-bezier(.16, 1, .3, 1), visibility .2s cubic-bezier(.16, 1, .3, 1);
    visibility: hidden;
    z-index: 21
}

@media(prefers-reduced-motion:reduce) {
    .dropdown {
        transition: none
    }
}

.dropdown__links {
    background-color: var(--c-bg);
    border: 1px solid var(--c-border);
    border-radius: calc(var(--border-radius)/2);
    min-width: 100px;
    overflow: hidden;
    padding: 20px 30px;
    width: 100%
}

@media(min-width:600px) {
    .dropdown__links {
        border-radius: var(--border-radius)
    }
}

.dropdown__item,
.dropdown__list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0
}

.dropdown__link {
    color: var(--c-text);
    white-space: nowrap
}

.dropdown__link:focus,
.dropdown__link:hover {
    color: var(--c-text-light)
}

.footer {
    background-color: var(--c-bg);
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 2
}

@media(min-width:768px) {
    .footer {
        padding-left: 40px;
        padding-right: 40px
    }
}

.footer__inner {
    border-top: 1px solid var(--c-border)
}

.footer__cols-top {
    display: flex;
    flex-direction: column;
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 20px;
    row-gap: 80px
}

@media(min-width:768px) {
    .footer__cols-top {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:600px) {
    .footer__cols-top {
        padding-top: 40px
    }
}

@media(min-width:1070px) {
    .footer__cols-top {
        flex-direction: row
    }
}

.footer__cols {
    display: flex;
    flex-direction: column;
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 40px;
    row-gap: 80px
}

@media(min-width:768px) {
    .footer__cols {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:1070px) {
    .footer__cols {
        flex-direction: row-reverse;
        padding-top: 120px
    }
}

.footer__left {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:768px) {
    .footer__left {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:0)and (max-width:1069px) {
    .footer__left {
        margin-right: 40px
    }
}

@media(min-width:1070px) {
    .footer__left {
        width: 33.3%
    }
}

.footer__right {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:768px) {
    .footer__right {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:1070px) {
    .footer__right {
        width: 66.6%
    }
}

.footer__headline {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    max-width: 680px
}

@media(min-width:600px) {
    .footer__headline {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .footer__headline {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .footer__headline {
        font-size: 62px
    }
}

@media(min-width:768px) {
    .footer__headline {
        width: 90%
    }
}

.footer__description {
    max-width: 400px
}

@media(min-width:1070px) {
    .footer__description {
        max-width: 260px
    }
}

@media(min-width:1200px) {
    .footer__description {
        max-width: 310px;
        padding-right: 40px
    }
}

.footer__description-text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .footer__description-text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .footer__description-text {
        font-size: 20px
    }
}

.footer__link {
    color: var(--c-text)
}

.footer__link:focus,
.footer__link:hover {
    color: var(--c-text-light)
}

@media(min-width:0)and (max-width:767px) {
    .footer__nav {
        margin: 20px 0 0
    }
}

.footer__nav-list {
    display: inline-block;
    max-width: 540px
}

.footer__nav-list:hover .footer__link {
    color: var(--c-text-light)
}

.footer__nav-list:hover .footer__link:focus,
.footer__nav-list:hover .footer__link:hover {
    color: var(--c-text)
}

.footer__nav-list-item {
    line-height: 1.2em
}

.footer__nav-list-item:not(:last-child) .footer__link {
    padding: 0 0 5px
}

.footer__nav-list-item .footer__link {
    display: block
}

.footer__bottom {
    padding-top: 40px
}

@media(min-width:1070px) {
    .footer__bottom {
        padding-top: 100px
    }
}

.footer__bottom a {
    display: inline-block
}

.footer__bottom-cols {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3
}

@media(min-width:600px)and (max-width:1399px) {
    .footer__bottom-cols {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .footer__bottom-cols {
        font-size: 16px
    }
}

@media(min-width:600px) {
    .footer__bottom-cols {
        border-bottom: 1px solid var(--c-border);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding: 0 0 10px
    }
}

@media(min-width:0)and (max-width:599px) {
    .footer__bottom-cols p {
        border-bottom: 1px solid var(--c-border);
        margin: 0 0 8px;
        padding: 0 0 10px
    }
}

.footer__bottom-links {
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 10px
}

@media(min-width:768px) {
    .footer--mini {
        padding-top: 40px
    }
}

.footer__contact-form {
    padding-bottom: 10px
}

.contact__wrap {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    position: relative
}

@media(min-width:600px)and (max-width:1399px) {
    .contact__wrap {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .contact__wrap {
        font-size: 20px
    }
}

.contact__label-text {
    bottom: .5em;
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    position: absolute
}

@media(min-width:600px)and (max-width:1399px) {
    .contact__label-text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .contact__label-text {
        font-size: 20px
    }
}

@media(min-width:1070px) {
    .contact__label-text {
        bottom: .3em;
        position: absolute
    }
}

.contact__checkbox-wrap {
    margin-top: 20px;
    position: relative
}

@media(min-width:1070px) {
    .contact__checkbox-wrap {
        margin-top: 40px;
        max-width: 550px;
        width: 70%
    }
}

.contact__checkbox {
    height: 37px;
    opacity: 0;
    position: absolute;
    width: 37px
}

.contact__checkbox+label {
    align-items: center;
    color: var(--c-text);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    padding: 0;
    position: relative;
    text-wrap: balance
}

@media(min-width:600px)and (max-width:1399px) {
    .contact__checkbox+label {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .contact__checkbox+label {
        font-size: 20px
    }
}

.contact__checkbox+label:before {
    align-self: flex-start;
    background: transparent;
    border: 1px solid var(--c-border);
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 37px;
    margin-right: 10px;
    margin-top: -.2em;
    vertical-align: middle;
    width: 37px
}

@media(min-width:600px) {
    .contact__checkbox+label:before {
        margin-right: 15px
    }
}

.contact__checkbox:focus+label:before,
.contact__checkbox:hover+label:before {
    border: 1px solid var(--c-text)
}

.contact__checkbox:focus:checked+label:before,
.contact__checkbox:hover:checked+label:before {
    box-shadow: 0 0 0 3px var(--c-text);
    outline: 2px solid var(--c-bg)
}

.contact__checkbox:checked+label:before {
    background: var(--c-text)
}

.contact__checkbox:checked+label:after {
    background: var(--c-bg);
    box-shadow: 2px 0 0 var(--c-bg), 4px 0 0 var(--c-bg), 4px -2px 0 var(--c-bg), 4px -4px 0 var(--c-bg), 4px -6px 0 var(--c-bg), 4px -8px 0 var(--c-bg);
    content: "";
    height: 2px;
    left: 14px;
    margin-top: -.2em;
    position: absolute;
    top: 18px;
    transform: rotate(45deg);
    width: 2px
}

.contact__input-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 12px;
    position: relative
}

.contact__input-wrap:focus-within .contact__label-text {
    color: var(--c-text)
}

.contact__input-wrap:focus-within .contact__input {
    border-color: var(--c-text)
}

.contact__input-wrap label {
    display: block;
    width: 100%
}

.contact__input-wrap input:-webkit-autofill,
.contact__input-wrap input:-webkit-autofill:focus,
.contact__input-wrap input:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 1000px transparent;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--c-text)
}

.contact__input-wrap-textarea {
    margin-bottom: 0
}

@media(min-width:1070px) {
    .contact__input-col-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px
    }
}

.contact__input {
    border-bottom: 1px solid var(--c-border);
    box-sizing: border-box;
    color: inherit;
    flex-shrink: 1;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 40px;
    min-width: 0;
    padding: 0 0 7px;
    width: 100%;
    z-index: 2
}

@media(min-width:600px)and (max-width:1399px) {
    .contact__input {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .contact__input {
        font-size: 20px
    }
}

.contact__input:focus {
    outline: 0
}

.contact__textarea-wrapper {
    border: 1px solid var(--c-border);
    border-radius: calc(var(--border-radius)/2);
    flex-shrink: 1;
    margin: 40px 0;
    min-width: 0;
    overflow: hidden;
    padding: 3px
}

@media(min-width:600px) {
    .contact__textarea-wrapper {
        border-radius: var(--border-radius)
    }
}

.contact__textarea {
    box-sizing: border-box;
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    overflow-y: auto;
    padding: 15px;
    resize: none;
    width: 100%;
    z-index: 2
}

@media(min-width:600px)and (max-width:1399px) {
    .contact__textarea {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .contact__textarea {
        font-size: 20px
    }
}

.contact__textarea::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none
}

.contact__textarea::-webkit-scrollbar-thumb {
    background-color: var(--c-border);
    border: 5px solid var(--c-bg);
    border-radius: var(--border-radius-lg)
}

.contact__textarea:focus {
    border-color: var(--c-text);
    outline: 0
}

.contact__button {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    cursor: pointer;
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-top: 20px;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .contact__button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .contact__button {
        font-size: 20px
    }
}

.contact__button:focus,
.contact__button:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.contact__button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

@media(min-width:1070px) {
    .contact__button {
        margin-top: 40px
    }
}

.contact__success,
.contact__success--ajax {
    color: var(--c-text);
    margin-top: 40px
}

.contact__success--ajax {
    display: none
}

@media(min-width:1070px) {
    .contact__success--ajax {
        margin-top: 0;
        position: absolute;
        top: 0
    }
}

.contact__success-h {
    display: block;
    font-weight: 500;
    margin-bottom: 3px
}

.contact__error--ajax {
    color: #ff3c5e;
    display: none;
    margin-top: 40px
}

.contact__error-message {
    margin-bottom: 40px
}

.contact__error {
    color: #ff3c5e;
    display: block;
    font-weight: 500
}

.js--contact-success .contact__success--ajax {
    display: block
}

.js--contact-success .contact__form {
    display: none
}

@media(min-width:1070px) {
    .js--contact-success .contact__form {
        display: block;
        visibility: hidden
    }
}

.contact__captcha-disclaimer {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 15px;
    max-width: 480px;
    text-wrap: balance
}

@media(min-width:600px)and (max-width:1399px) {
    .contact__captcha-disclaimer {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .contact__captcha-disclaimer {
        font-size: 16px
    }
}

.contact__captcha-disclaimer a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.contact__captcha-disclaimer a:focus,
.contact__captcha-disclaimer a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.js--contact-error:not(.js--contact-success) .contact__error--ajax {
    display: block
}

.grecaptcha-badge {
    visibility: hidden
}

.newsletter-form__input-wrap {
    color: var(--c-text);
    overflow: hidden;
    position: relative
}

.newsletter-form__input-wrap label {
    display: block;
    width: 100%
}

.newsletter-form__input {
    border-bottom: 1px solid var(--c-border);
    box-sizing: border-box;
    color: var(--c-text);
    flex-shrink: 1;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    min-width: 0;
    padding: 15px 0 5px;
    width: 100%;
    z-index: 2
}

@media(min-width:600px)and (max-width:1399px) {
    .newsletter-form__input {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .newsletter-form__input {
        font-size: 20px
    }
}

.newsletter-form__input:focus {
    border-color: var(--c-text);
    outline: 0
}

@media(min-width:1070px) {
    .newsletter-form__input {
        padding-top: 25px
    }
}

.js--success .newsletter-form__input {
    display: none
}

.newsletter-form__input::-moz-placeholder {
    color: var(--c-text-light);
    opacity: 1
}

.newsletter-form__input::placeholder {
    color: var(--c-text-light);
    opacity: 1
}

.newsletter-form__submit {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-top: 20px;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .newsletter-form__submit {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .newsletter-form__submit {
        font-size: 20px
    }
}

.newsletter-form__submit:focus,
.newsletter-form__submit:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.newsletter-form__submit:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.js--success .newsletter-form__submit {
    display: none
}

.newsletter-form__submit:focus {
    margin-bottom: 1px;
    margin-left: 1px
}

.newsletter-form__message {
    display: none
}

.js--has-error .newsletter-form__message,
.js--success .newsletter-form__message {
    display: block
}

.js--has-error .newsletter-form__message {
    color: #ff3c5e;
    margin-top: 10px
}

.js--success .newsletter-form__message {
    font-weight: 500
}

.newsletter-form__captcha-disclaimer {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 15px;
    max-width: 480px;
    text-wrap: balance
}

@media(min-width:600px)and (max-width:1399px) {
    .newsletter-form__captcha-disclaimer {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .newsletter-form__captcha-disclaimer {
        font-size: 16px
    }
}

.newsletter-form__captcha-disclaimer a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.newsletter-form__captcha-disclaimer a:focus,
.newsletter-form__captcha-disclaimer a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.js--success .newsletter-form__captcha-disclaimer {
    display: none
}

.home-about__cols {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 8vh;
    margin-top: 40px
}

@media(min-width:768px) {
    .home-about__cols {
        margin-bottom: 16vh
    }

    .blog .home-about__cols,
    .brand .home-about__cols,
    .case-study .home-about__cols,
    .has-sidebar .home-about__cols {
        margin-bottom: 100px
    }
}

@media(min-width:0)and (max-width:767px) {
    .home-about__cols {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0;
        row-gap: 80px
    }
}

.home-about__cols-left {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .home-about__cols-left {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:600px) {
    .home-about__cols-left {
        gap: 40px
    }
}

@media(min-width:600px)and (max-width:767px) {
    .home-about__cols-left {
        flex-direction: row
    }
}

@media(min-width:768px) {
    .home-about__cols-left {
        width: 50%
    }
}

@media(min-width:1070px) {
    .home-about__cols-left {
        width: 33.3%
    }
}

.home-about__cols-right {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .home-about__cols-right {
        padding-left: 40px;
        padding-right: 40px;
        width: 50%
    }
}

@media(min-width:1070px) {
    .home-about__cols-right {
        width: 66.6%
    }
}

.home-about__video {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .home-about__video {
        padding-left: 40px;
        padding-right: 40px
    }
}

.home-about__video+.home-about__teases {
    margin-top: 80px
}

.home-about__teases {
    margin-top: 0
}

.home-about__teases .tease {
    width: 100%
}

@media(min-width:0)and (max-width:767px) {
    .home-about__teases {
        flex-direction: column-reverse
    }
}

.home-about__list {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .home-about__list {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home-about__list {
        font-size: 20px
    }
}

.home-about__list a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.home-about__list a:focus,
.home-about__list a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

@media(min-width:600px)and (max-width:767px) {
    .home-about__list {
        flex: 1
    }
}

.home-about__list-header {
    font-weight: 500
}

.home-about__illo {
    width: 33.3%
}

@media(min-width:0)and (max-width:767px) {
    .home-about__illo {
        display: none
    }
}

.home-about__illo-img {
    height: 100px;
    width: 50px
}

.home-about__clients-header {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {
    .home-about__clients-header {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home-about__clients-header {
        font-size: 20px
    }
}

.home-about__clients {
    margin-top: 10px
}

@media(min-width:768px) {
    .home-about__clients {
        margin-top: 30px
    }
}

.home-about__clients-item {
    padding-bottom: .2em;
    position: relative
}

.home-about__clients-item:focus,
.home-about__clients-item:hover {
    z-index: 2
}

.home-about__clients-link .home-about__clients-title {
    display: inline-block;
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: .1em
}

.home-about__clients-link:hover .home-about__clients-title {
    opacity: .2
}

.home-about__clients-title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em
}

@media(min-width:600px) {
    .home-about__clients-title {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .home-about__clients-title {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .home-about__clients-title {
        font-size: 62px
    }
}

.home-about__clients-tooltip-trigger .home-about__clients-title {
    display: inline-block;
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: .1em
}

.home-about__clients-tooltip-trigger:hover .home-about__clients-tooltip {
    visibility: visible
}

.home-about__clients-tooltip-trigger:hover .home-about__clients-title {
    opacity: .2
}

.home-about__clients-tooltip-trigger:active .home-about__clients-tooltip,
.home-about__clients-tooltip-trigger:focus .home-about__clients-tooltip,
.home-about__clients-tooltip-trigger:not(:hover) .home-about__clients-tooltip {
    visibility: hidden
}

.home-about__clients-tooltip {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: var(--border-radius);
    margin-left: 10px;
    margin-top: 10px;
    max-width: 360px;
    padding: 30px;
    pointer-events: none;
    position: fixed;
    width: auto;
    z-index: 100
}

@media(min-width:0)and (max-width:599px) {
    .home-about__clients-tooltip {
        display: none
    }
}

.home-about__clients-quote {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    position: relative
}

@media(min-width:600px)and (max-width:1399px) {
    .home-about__clients-quote {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home-about__clients-quote {
        font-size: 20px
    }
}

.home-about__clients-quote:before {
    content: "“";
    left: -.3em;
    position: absolute;
    top: 0
}

@media(min-width:600px) {
    .home-about__clients-quote:before {
        left: -.4em;
        position: absolute;
        top: 0
    }
}

.home-about__clients-quote:after {
    content: "”"
}

.home-about__clients-headshot {
    border-radius: calc(var(--border-radius-sm)/2);
    height: auto;
    margin-bottom: 20px;
    overflow: hidden;
    width: 70px
}

@media(min-width:600px) {
    .home-about__clients-headshot {
        border-radius: var(--border-radius-sm)
    }
}

@media(min-width:1200px) {
    .home-about__clients-headshot {
        height: auto;
        width: 90px
    }
}

.home-about__clients-cite-text {
    color: var(--c-text);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .home-about__clients-cite-text {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .home-about__clients-cite-text {
        font-size: 16px
    }
}

.home-about__clients-cite-subtitle {
    color: var(--c-text-light);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3
}

@media(min-width:600px)and (max-width:1399px) {
    .home-about__clients-cite-subtitle {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .home-about__clients-cite-subtitle {
        font-size: 16px
    }
}

.home-links__item {
    position: relative
}

.home-links__item:focus,
.home-links__item:hover {
    z-index: 2
}

.home-links__item:first-child .home-links__trigger {
    padding-top: 0
}

.home-links__link {
    display: block
}

.home-links__link:hover .home-links__trigger {
    opacity: .2
}

.home-links__link:hover .home-links__tooltip {
    visibility: visible
}

.home-links__link:active .home-links__tooltip,
.home-links__link:focus .home-links__tooltip,
.home-links__link:not(:hover):not(:focus) .home-links__tooltip {
    visibility: hidden
}

.home-links__trigger {
    border-bottom: 1px solid var(--c-text);
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    padding-bottom: 5px;
    padding-top: 15px;
    position: relative
}

@media(min-width:600px)and (max-width:1399px) {
    .home-links__trigger {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home-links__trigger {
        font-size: 20px
    }
}

.home-links__number {
    bottom: 3px;
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    position: absolute;
    right: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .home-links__number {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home-links__number {
        font-size: 20px
    }
}

.home-links__tooltip {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: calc(var(--border-radius)/2);
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    width: 300px;
    z-index: 100
}

@media(min-width:600px) {
    .home-links__tooltip {
        border-radius: var(--border-radius)
    }
}

@media(min-width:0)and (max-width:599px) {
    .home-links__tooltip {
        display: none
    }
}

.home-quote {
    position: relative;
    z-index: 2
}

.home-quote__text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    max-width: 450px;
    position: relative;
    width: 95%
}

@media(min-width:600px)and (max-width:1399px) {
    .home-quote__text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home-quote__text {
        font-size: 20px
    }
}

.home-quote__text:before {
    content: "“";
    left: -.3em;
    position: absolute;
    top: 0
}

@media(min-width:600px) {
    .home-quote__text:before {
        left: -.4em;
        position: absolute;
        top: 0
    }
}

.home-quote__text:after {
    content: "”"
}

.home-quote__attribution {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    margin-top: 40px
}

@media(min-width:1070px)and (max-width:1199px) {
    .home-quote__attribution {
        align-items: flex-start;
        flex-direction: column
    }
}

.home-quote__headshot {
    border-radius: calc(var(--border-radius-sm)/2);
    flex-shrink: 0;
    height: auto;
    overflow: hidden;
    width: 60px
}

@media(min-width:600px) {
    .home-quote__headshot {
        border-radius: var(--border-radius-sm)
    }
}

@media(min-width:1070px) {
    .home-quote__headshot {
        height: auto;
        width: 85px
    }
}

.home-quote__cite-text {
    color: var(--c-text);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {
    .home-quote__cite-text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home-quote__cite-text {
        font-size: 20px
    }
}

.home-quote__cite-subtitle {
    color: var(--c-text-light);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    max-width: 400px
}

@media(min-width:600px)and (max-width:1399px) {
    .home-quote__cite-subtitle {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .home-quote__cite-subtitle {
        font-size: 20px
    }
}

@media(min-width:1500px) {
    .home-quote__cite-subtitle {
        width: 80%
    }
}

.home-topper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 80px;
    position: relative;
    z-index: 10
}

@media(min-width:768px) {
    .home-topper {
        padding-left: 40px;
        padding-right: 40px
    }
}

.home-topper__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 8vh;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding-bottom: 40px;
    text-align: center
}

@media(min-width:768px) {
    .home-topper__title {
        margin-bottom: 16vh
    }

    .blog .home-topper__title,
    .brand .home-topper__title,
    .case-study .home-topper__title,
    .has-sidebar .home-topper__title {
        margin-bottom: 100px
    }
}

@media(min-width:600px) {
    .home-topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .home-topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .home-topper__title {
        font-size: 85px
    }
}

@media(min-width:0)and (max-width:399px) {
    .home-topper__title {
        font-size: 30px
    }
}

@media(min-width:400px)and (max-width:599px) {
    .home-topper__title {
        font-size: 34px
    }
}

@media(min-width:600px) {
    .home-topper__title {
        width: 90%
    }
}

@media(min-width:768px) {
    .home-topper__title {
        padding-bottom: 80px;
        width: 80%
    }
}

.jobs-footer {
    margin-bottom: 40px
}

.jobs-footer__figure {
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden
}

@media(min-width:600px) {
    .jobs-footer__figure {
        border-radius: var(--border-radius)
    }
}

.jobs-footer__cols {
    border-top: 1px solid var(--c-border);
    display: flex;
    flex-direction: column;
    margin-left: -5px;
    margin-right: -5px;
    padding-bottom: 40px;
    padding-top: 40px
}

@media(min-width:768px) {
    .jobs-footer__cols {
        align-items: flex-start;
        flex-direction: row;
        margin-left: -10px;
        margin-right: -10px;
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.jobs-footer__header {
    color: var(--c-text);
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:768px) {
    .jobs-footer__header {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:600px)and (max-width:1549px) {
    .jobs-footer__header {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .jobs-footer__header {
        font-size: 48px
    }
}

@media(min-width:768px) {
    .jobs-footer__header {
        width: 33.3%
    }
}

.jobs-footer__desc-wrapper {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:768px) {
    .jobs-footer__desc-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        width: 66.6%
    }
}

.jobs-footer__desc {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .jobs-footer__desc {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .jobs-footer__desc {
        font-size: 20px
    }
}

.jobs-footer__desc a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.jobs-footer__desc a:focus,
.jobs-footer__desc a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

@media(min-width:1070px) {
    .jobs-footer__desc {
        max-width: calc(50% - 20px)
    }
}

.lazy-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.16, 1, .3, 1);
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .lazy-img {
        transition: none
    }
}

.lazy-img.lazyloaded {
    opacity: 1
}

.lazy-img__wrapper .lazy-img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.lazy-img__wrapper {
    overflow: hidden;
    position: relative
}

.lazy-img__placeholder {
    display: block;
    width: 100%
}

.lazy-img__placeholder.wide {
    padding-bottom: 66.6%
}

@media(min-width:600px) {
    .lazy-img__placeholder.wide {
        padding-bottom: 50%
    }
}

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity .3s
}

.lazy-video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.16, 1, .3, 1);
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .lazy-video {
        transition: none
    }
}

.lazy-video.lazyloading {
    opacity: 1
}

.lazy-video__wrapper .lazy-video {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.lazy-video__wrapper {
    overflow: hidden;
    position: relative
}

.lazy-video__placeholder {
    display: block;
    width: 100%
}

.logo {
    display: inline-block;
    line-height: 1;
    padding-top: 5px
}

@media(min-width:768px) {
    .logo {
        padding-top: 7px
    }
}

.logo:focus .logo__svg,
.logo:hover .logo__svg {
    color: var(--c-text-light)
}

.logo__svg {
    color: var(--c-logo);
    height: 24px;
    width: 130px
}

@media(min-width:600px) {
    .logo__svg {
        height: 28px;
        width: 150px
    }
}

.menu-button {
    align-items: center;
    background-color: transparent;
    border: 1px solid var(--c-hamburger);
    border-radius: 50%;
    color: var(--c-hamburger);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50px;
    justify-content: space-around;
    position: fixed;
    right: 10px;
    top: 10px;
    transform: translateZ(0);
    width: 50px;
    z-index: 100
}

@media(min-width:768px) {
    .menu-button {
        height: 60px;
        position: fixed;
        right: 20px;
        top: 20px;
        width: 60px
    }
}

.menu-button:focus,
.menu-button:hover {
    background-color: var(--c-hamburger);
    color: var(--c-bg)
}

.dialog-open .menu-button:focus,
.dialog-open .menu-button:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.dialog-open .menu-button {
    background-color: #fff;
    border-color: #fff;
    color: #000;
    position: absolute
}

.menu-button__hamburger {
    background-color: currentColor;
    height: 1px;
    left: 14px;
    position: absolute;
    right: 14px;
    top: 50%
}

@media(min-width:768px) {
    .menu-button__hamburger {
        left: 16px;
        right: 16px
    }
}

.dialog-open .menu-button__hamburger {
    background: transparent
}

.menu-button__hamburger:after,
.menu-button__hamburger:before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 50% 50%;
    transition: transform .3s cubic-bezier(.76, 0, .24, 1)
}

.menu-button__hamburger:before {
    transform: translate3d(0, -5px, 0)
}

.dialog-open .menu-button__hamburger:before {
    transform: rotate(45deg)
}

.menu-button__hamburger:after {
    transform: translate3d(0, 5px, 0)
}

.dialog-open .menu-button__hamburger:after {
    transform: rotate(-45deg)
}

.menu__dialog {
    bottom: 0;
    left: 0;
    min-height: 100%;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 30
}

.menu__inner {
    align-items: flex-start;
    background-color: var(--c-bg);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: space-between;
    min-height: 100vh;
    padding: 20px;
    width: 100%
}

@media(min-width:768px) {
    .menu__inner {
        padding: 30px 20px 40px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .menu__inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

.menu__logo {
    color: var(--c-text)
}

.menu__nav {
    width: 100%
}

.menu__nav-cols {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px;
    margin-bottom: 60px;
    margin-top: 100px
}

@media(min-width:768px) {
    .menu__nav-cols {
        flex-direction: row;
        justify-content: space-between
    }
}

.menu__nav-list {
    max-width: 1000px;
    width: 100%
}

@media(min-width:400px) {
    .menu__nav-list {
        align-items: flex-end;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 40px
    }
}

@media(min-width:768px) {
    .menu__nav-list {
        width: 50%
    }

    .menu__tease {
        flex-shrink: 0;
        width: 50%
    }
}

@media(min-width:0)and (max-width:399px) {
    .menu__nav-list-col:not(:first-child) {
        border-top: 1px solid var(--c-border);
        margin-top: 20px;
        padding-top: 20px
    }
}

@media(min-width:400px) {
    .menu__nav-list-col {
        width: 50%
    }
}

.menu__nav-list-col:hover .menu__link {
    color: var(--c-text-light)
}

.menu__link {
    color: var(--c-text);
    display: inline-block;
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    padding-bottom: 5px;
    position: relative
}

@media(min-width:600px) {
    .menu__link {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .menu__link {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .menu__link {
        font-size: 62px
    }
}

@media(min-width:768px) {
    .menu__link {
        padding: 0
    }
}

.menu__link:focus,
.menu__link:hover {
    color: var(--c-text) !important
}

.menu__link--secondary {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .menu__link--secondary {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .menu__link--secondary {
        font-size: 20px
    }
}

.menu__social-links {
    border-top: 1px solid var(--c-border);
    margin-top: 20px
}

@media(min-width:768px) {
    .menu__social-links {
        margin-top: 40px
    }
}

.menu__badge {
    margin-bottom: 20px
}

@media(min-width:0)and (max-width:399px) {
    .menu__badge {
        display: none
    }
}

.nav {
    align-items: center;
    background-color: var(--c-bg);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.dialog-open .nav .menu-button {
    display: none
}

.nav__logo {
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    z-index: 20
}

@media(min-width:768px) {
    .nav__logo {
        padding: 30px 40px
    }

    .nav__logo.nav__logo--sticky {
        position: fixed
    }
}

.nav__logo.unstuck {
    opacity: 0
}

.nav__logo:focus,
.nav__logo:hover {
    color: var(--c-text-light)
}

.nav__links {
    color: var(--c-text);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    gap: 20px;
    letter-spacing: normal;
    line-height: 1.4;
    position: absolute;
    right: 100px;
    top: 36px;
    z-index: 20
}

@media(min-width:600px)and (max-width:1399px) {
    .nav__links {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .nav__links {
        font-size: 20px
    }
}

@media(min-width:0)and (max-width:767px) {
    .nav__links {
        display: none
    }
}

.nav__link {
    color: var(--c-nav-text, var(--c-text))
}

.nav__link:focus,
.nav__link:hover {
    color: var(--c-nav-text-hover, var(--c-text-light))
}

.nav__link.active {
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .25em
}

.page-topper__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    margin-bottom: 20px;
    text-wrap: balance
}

@media(min-width:600px) {
    .page-topper__title {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .page-topper__title {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .page-topper__title {
        font-size: 62px
    }
}

@media(min-width:600px) {
    .page-topper__title {
        margin-bottom: 30px;
        max-width: 1100px
    }
}

@media(min-width:1200px) {
    .page-topper__title {
        width: 95%
    }
}

.page-topper__subtitle {
    border-top: 1px solid var(--c-border);
    margin-bottom: 8vh;
    padding-top: 20px
}

@media(min-width:768px) {
    .page-topper__subtitle {
        margin-bottom: 16vh
    }

    .blog .page-topper__subtitle,
    .brand .page-topper__subtitle,
    .case-study .page-topper__subtitle,
    .has-sidebar .page-topper__subtitle {
        margin-bottom: 100px
    }
}

@media(min-width:600px) {
    .page-topper__subtitle {
        padding-top: 30px
    }
}

.page-topper__subtitle-text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    max-width: 780px
}

@media(min-width:600px)and (max-width:1399px) {
    .page-topper__subtitle-text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page-topper__subtitle-text {
        font-size: 20px
    }
}

.page-topper__subtitle-text a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page-topper__subtitle-text a:focus,
.page-topper__subtitle-text a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.page-topper__subnav {
    margin-bottom: 60px
}

@media(min-width:1070px) {
    .page-topper__subnav {
        margin-bottom: 80px
    }
}

.page-topper__subnav:last-child {
    margin-bottom: 8vh
}

@media(min-width:768px) {
    .page-topper__subnav:last-child {
        margin-bottom: 16vh
    }

    .blog .page-topper__subnav:last-child,
    .brand .page-topper__subnav:last-child,
    .case-study .page-topper__subnav:last-child,
    .has-sidebar .page-topper__subnav:last-child {
        margin-bottom: 100px
    }
}

#results {
    scroll-margin-top: 100vh
}

.pagination {
    align-items: center;
    border-top: 1px solid var(--c-border);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 40px;
    padding-top: 40px
}

.pagination.no-border {
    border-top: 0
}

.pagination__button {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .pagination__button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .pagination__button {
        font-size: 20px
    }
}

.pagination__button:focus,
.pagination__button:hover {
    color: var(--c-pop)
}

.pagination__disabled-button {
    opacity: .2;
    pointer-events: none
}

.pagination__pages {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(min-width:0)and (max-width:599px) {
    .pagination__pages {
        display: none
    }
}

.pagination__link {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 100%;
    display: flex;
    height: 35px;
    justify-content: center;
    margin-left: 2px;
    margin-right: 2px;
    width: 35px
}

.pagination__current-page,
.pagination__link:focus,
.pagination__link:hover {
    border-color: var(--c-text)
}

.pagination__current-page {
    align-items: center;
    background-color: var(--c-text);
    border-radius: 100%;
    color: var(--c-bg);
    display: flex;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: 35px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1.3;
    margin-left: 2px;
    margin-right: 2px;
    pointer-events: none;
    width: 35px
}

@media(min-width:600px)and (max-width:1399px) {
    .pagination__current-page {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .pagination__current-page {
        font-size: 16px
    }
}

@media(min-width:1070px) {
    .recirc .tease-grid {
        flex-wrap: nowrap
    }

    .recirc .tease-grid__tease:first-child {
        width: 100%
    }

    .recirc .tease-grid__tease:nth-child(2) {
        flex-shrink: 0;
        width: calc(66.66% + 20px)
    }
}

.recirc__inner {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .recirc__inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

.recirc__header {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .recirc__header {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .recirc__header {
        font-size: 20px
    }
}

.recirc__tease-grid {
    margin-bottom: 80px
}

@media(min-width:600px) {
    .recirc__tease-grid {
        margin-bottom: 100px
    }
}

.related-articles__inner {
    background-color: #1f1f1f;
    padding: 40px 20px
}

@media(min-width:768px) {
    .related-articles__inner {
        padding-bottom: 120px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 120px
    }
}

.related-articles__header {
    border-bottom: 1px solid var(--c-border);
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 20px;
    padding-bottom: 5px
}

@media(min-width:600px)and (max-width:1399px) {
    .related-articles__header {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .related-articles__header {
        font-size: 20px
    }
}

.related-articles__grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    row-gap: 20px
}

@media(min-width:768px) {
    .related-articles__grid {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:600px) {
    .related-articles__grid {
        display: flex;
        margin-left: -5px;
        margin-right: -5px;
        row-gap: 40px
    }
}

@media(min-width:600px)and (min-width:768px) {
    .related-articles__grid {
        margin-left: -10px;
        margin-right: -10px
    }
}

.related-articles__tease {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

@media(min-width:768px) {
    .related-articles__tease {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:600px) {
    .related-articles__tease {
        width: 50%
    }
}

@media(min-width:1200px) {
    .related-articles__tease {
        width: 25%
    }
}

.search-form {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    position: relative;
    width: 100%
}

.search-form__input {
    height: auto;
    transition: color .2s cubic-bezier(.16, 1, .3, 1);
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .search-form__input {
        transition: none
    }
}

.search-form__input::-moz-placeholder {
    color: var(--c-text);
    opacity: 1
}

.search-form__input::placeholder {
    color: var(--c-text);
    opacity: 1
}

.search-form__input:focus::-moz-placeholder {
    opacity: 0
}

.search-form__input:focus::placeholder {
    opacity: 0
}

.search-form__icon {
    fill: none;
    stroke: var(--c-text)
}

.search-form--nav .search-form__input {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    padding-left: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .search-form--nav .search-form__input {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .search-form--nav .search-form__input {
        font-size: 20px
    }
}

.search-form--nav .search-form__icon {
    height: .8em;
    width: .8em
}

.search-form--page.search-form {
    border-bottom: 1px solid var(--c-text);
    transition: border-color .2s cubic-bezier(.16, 1, .3, 1)
}

@media(prefers-reduced-motion:reduce) {
    .search-form--page.search-form {
        transition: none
    }
}

.search-form--page.search-form:focus-within {
    border-bottom-color: var(--c-pop)
}

.search-form--page .search-form__input {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    padding: 15px
}

@media(min-width:600px)and (max-width:1399px) {
    .search-form--page .search-form__input {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .search-form--page .search-form__input {
        font-size: 20px
    }
}

.search-form--page .search-form__icon {
    height: 1em;
    margin-top: .2em;
    width: 1em
}

.search-form__submit {
    align-self: flex-end;
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    color: var(--c-bg);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-bottom: 10px;
    padding: 8px 12px 9px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .search-form__submit {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .search-form__submit {
        font-size: 16px
    }
}

.search-form__submit:focus,
.search-form__submit:hover {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    color: var(--c-text);
    cursor: pointer
}

.search-form__submit:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.search-result__link {
    border-bottom: 1px solid var(--c-border);
    display: block;
    padding-bottom: 15px;
    padding-top: 15px;
    transition: border .2s cubic-bezier(.16, 1, .3, 1)
}

@media(prefers-reduced-motion:reduce) {
    .search-result__link {
        transition: none
    }
}

.search-result__link:focus,
.search-result__link:hover {
    border-color: var(--c-pop)
}

.search-result__link:focus .search-result__category,
.search-result__link:focus .search-result__title,
.search-result__link:hover .search-result__category,
.search-result__link:hover .search-result__title {
    color: var(--c-pop)
}

@media(min-width:600px) {
    .search-result__link {
        align-items: flex-end;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-bottom: 10px;
        padding-top: 10px
    }
}

.search-result__left {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.search-result__figure {
    align-self: flex-start;
    border-radius: 100%;
    flex-shrink: 0;
    height: 30px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 30px
}

.search-result__figure.fallback {
    background-color: var(--c-bg-light)
}

@media(min-width:600px) {
    .search-result__figure {
        height: 50px;
        margin-right: 20px;
        width: 50px
    }
}

.search-result__title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    transition: color .2s cubic-bezier(.16, 1, .3, 1)
}

@media(min-width:600px)and (max-width:1399px) {
    .search-result__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .search-result__title {
        font-size: 20px
    }
}

@media(prefers-reduced-motion:reduce) {
    .search-result__title {
        transition: none
    }
}

@media(min-width:600px) {
    .search-result__title {
        color: var(--c-text);
        font-family: GT America, sans-serif;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 1.4em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1399px) {
    .search-result__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:600px)and (min-width:1400px) {
    .search-result__title {
        font-size: 20px
    }
}

.search-result__highlight {
    color: var(--c-pop)
}

.search-result__category {
    color: var(--c-text-light);
    flex-shrink: 0;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-left: 60px;
    margin-top: 5px;
    transition: color .2s cubic-bezier(.16, 1, .3, 1)
}

@media(min-width:600px)and (max-width:1399px) {
    .search-result__category {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .search-result__category {
        font-size: 16px
    }
}

@media(prefers-reduced-motion:reduce) {
    .search-result__category {
        transition: none
    }
}

@media(min-width:0)and (max-width:599px) {
    .search-result__category {
        display: none
    }
}

@media(min-width:600px) {
    .search-result__category {
        margin-left: 60px;
        margin-top: 0
    }
}

.social-links {
    display: flex;
    margin-left: -1.5px;
    margin-right: -1.5px;
    margin-top: 20px
}

@media(min-width:768px) {
    .social-links {
        margin-left: -3px;
        margin-right: -3px
    }
}

.social-links__item {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 1.5px;
    padding-right: 1.5px
}

@media(min-width:768px) {
    .social-links__item {
        padding-left: 3px;
        padding-right: 3px
    }
}

.social-links__link {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    transition: border-color .2s cubic-bezier(.16, 1, .3, 1), color .2s cubic-bezier(.16, 1, .3, 1), background-color .2s cubic-bezier(.16, 1, .3, 1);
    width: 32px
}

@media(prefers-reduced-motion:reduce) {
    .social-links__link {
        transition: none
    }
}

.social-links__link:focus .social-links__svg,
.social-links__link:hover .social-links__svg {
    color: var(--c-pop)
}

.social-links__svg {
    color: var(--c-text);
    height: 24px;
    width: 24px
}

.subnav__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px
}

@media(min-width:1070px) {
    .subnav__list {
        gap: 15px
    }
}

.subnav__link {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .subnav__link {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .subnav__link {
        font-size: 20px
    }
}

.subnav__link:focus,
.subnav__link:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.subnav__link:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.subnav__link[aria-current=page] {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    color: var(--c-bg);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .subnav__link[aria-current=page] {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .subnav__link[aria-current=page] {
        font-size: 20px
    }
}

.subnav__link[aria-current=page]:focus,
.subnav__link[aria-current=page]:hover {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    color: var(--c-text);
    cursor: pointer
}

.subnav__link[aria-current=page]:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.tease-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5vw;
    margin-right: -1.5vw;
    row-gap: 40px
}

@media(min-width:768px) {
    .tease-grid {
        margin-left: -3vw;
        margin-right: -3vw
    }
}

@media(min-width:600px) {
    .tease-grid {
        display: flex;
        margin-left: -1.5vw;
        margin-right: -1.5vw;
        row-gap: 80px
    }
}

@media(min-width:600px)and (min-width:768px) {
    .tease-grid {
        margin-left: -3vw;
        margin-right: -3vw
    }
}

.tease-grid__tease {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 1.5vw;
    padding-right: 1.5vw
}

@media(min-width:768px) {
    .tease-grid__tease {
        padding-left: 3vw;
        padding-right: 3vw
    }
}

.fluid .tease-grid__tease {
    width: 100%
}

@media(min-width:600px) {
    .fluid .tease-grid__tease {
        width: 50%
    }
}

@media(min-width:1070px) {
    .fluid .tease-grid__tease {
        flex: 1;
        width: auto
    }
}

.extra-small .tease-grid__tease {
    width: 100%
}

@media(min-width:600px) {
    .extra-small .tease-grid__tease {
        width: 25%
    }
}

@media(min-width:1200px) {
    .extra-small .tease-grid__tease {
        width: 16.6666666667%
    }
}

.small .tease-grid__tease {
    width: 100%
}

@media(min-width:600px) {
    .small .tease-grid__tease {
        width: 50%
    }
}

@media(min-width:1200px) {
    .small .tease-grid__tease {
        width: 25%
    }
}

.medium .tease-grid__tease {
    width: 100%
}

@media(min-width:600px) {
    .medium .tease-grid__tease {
        width: 50%
    }
}

@media(min-width:1070px) {
    .medium .tease-grid__tease {
        width: 33.3%
    }
}

.large .tease-grid__tease {
    width: 100%
}

@media(min-width:600px) {
    .large .tease-grid__tease {
        width: 50%
    }
}

.solo .tease-grid__tease {
    flex: 1
}

.tease,
.tease__link {
    display: block
}

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

.tease__link:focus,
.tease__link:hover {
    cursor: pointer
}

.tease__link:focus .tease__title,
.tease__link:hover .tease__title {
    color: var(--c-text-light)
}

@media(prefers-reduced-motion:no-preference) {

    .tease__link.active .tease__hover,
    .tease__link:hover .tease__hover {
        visibility: visible
    }

    .tease__link.active .tease__hover-img,
    .tease__link:hover .tease__hover-img {
        transform: scale(1.15)
    }

    .tease__link.active .tease__img,
    .tease__link:hover .tease__img {
        transform: scale(1.15);
        transition: transform 7s cubic-bezier(.25, .46, .45, .94)
    }
}

.tease__asset {
    border-radius: calc(var(--border-radius)/2);
    line-height: 0;
    overflow: hidden
}

@media(min-width:600px) {
    .tease__asset {
        border-radius: var(--border-radius)
    }
}

.tease__figure {
    background-color: var(--c-bg-light);
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media(min-width:600px) {
    .tease__figure {
        border-radius: var(--border-radius)
    }
}

.tease__img {
    transition: transform .2s cubic-bezier(.25, .46, .45, .94)
}

.tease__hover {
    border-radius: calc(var(--border-radius)/2);
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 3
}

@media(min-width:600px) {
    .tease__hover {
        border-radius: var(--border-radius)
    }
}

.tease__hover-img {
    transform: scale(1);
    transition: transform 7s cubic-bezier(.25, .46, .45, .94)
}

.tease__title {
    color: var(--c-text);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 15px;
    max-width: 450px
}

@media(min-width:600px)and (max-width:1399px) {
    .tease__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .tease__title {
        font-size: 20px
    }
}

@media(min-width:600px) {
    .tease__title {
        margin-top: 20px;
        width: 85%
    }
}

.tease__title-header {
    font-weight: 500
}

.tease__title-description {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .tease__title-description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .tease__title-description {
        font-size: 20px
    }
}

.tease__link.no-image {
    border: 1px solid var(--c-border);
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden;
    padding: 20px 20px 60px
}

@media(min-width:600px) {
    .tease__link.no-image {
        border-radius: var(--border-radius)
    }
}

.tease__link.no-image .tease__title {
    margin: 0;
    max-width: 600px;
    width: 90%
}

.tease--big .tease__link.no-image .tease__title-header {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    margin-bottom: 20px
}

@media(min-width:600px) {
    .tease--big .tease__link.no-image .tease__title-header {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .tease--big .tease__link.no-image .tease__title-header {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .tease--big .tease__link.no-image .tease__title-header {
        font-size: 62px
    }
}

.tease--small .tease__link.no-image .tease__title-header {
    font-weight: 500
}

.tease__link.no-image:focus,
.tease__link.no-image:hover {
    border: 1px solid var(--c-text)
}

.tease__link.no-image:focus .tease__title,
.tease__link.no-image:hover .tease__title {
    color: var(--c-text)
}

@media(min-width:768px) {
    .tease__link.no-image {
        padding: 30px 30px 100px
    }
}

.text-tease__link {
    display: block
}

.text-tease__text {
    width: 95%
}

@media(min-width:1070px) {
    .large .text-tease__text {
        width: 80%
    }

    .small .text-tease__text {
        width: 85%
    }
}

.text-tease__title {
    transition: color .2s cubic-bezier(.16, 1, .3, 1)
}

@media(prefers-reduced-motion:reduce) {
    .text-tease__title {
        transition: none
    }
}

.large .text-tease__title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {
    .large .text-tease__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .large .text-tease__title {
        font-size: 20px
    }
}

.small .text-tease__title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.2
}

@media(min-width:600px)and (max-width:1399px) {
    .small .text-tease__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .small .text-tease__title {
        font-size: 20px
    }
}

.text-tease__date,
.text-tease__link:focus .text-tease__title,
.text-tease__link:hover .text-tease__title {
    color: var(--c-text-light)
}

.text-tease__date {
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3
}

@media(min-width:600px)and (max-width:1399px) {
    .text-tease__date {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .text-tease__date {
        font-size: 16px
    }
}

.large .text-tease__date {
    margin-top: 20px
}

.small .text-tease__date {
    margin-top: 10px
}

.text-tease__description {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .text-tease__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .text-tease__description {
        font-size: 20px
    }
}

.tooltip {
    color: var(--c-text)
}

.tooltip:focus .tooltip__trigger,
.tooltip:hover .tooltip__trigger {
    cursor: help;
    opacity: .2
}

.tooltip:active .tooltip__box,
.tooltip:not(:hover):not(:focus) .tooltip__box {
    visibility: hidden
}

.tooltip--is-link:hover .tooltip__trigger {
    cursor: pointer
}

.tooltip__trigger {
    display: inline-block;
    line-height: 1;
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em
}

@media(min-width:768px) {
    .tooltip__trigger {
        text-decoration-thickness: 1.5px
    }
}

.tooltip__box {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: var(--border-radius);
    text-align: left;
    z-index: 100
}

@media(min-width:0)and (max-width:599px) {
    .tooltip__box {
        left: 50% !important;
        padding: 20px;
        position: absolute !important;
        right: 0;
        top: 100% !important;
        transform: translateX(-50%);
        width: 80% !important
    }
}

@media(min-width:600px) {
    .tooltip__box {
        justify-content: space-between;
        margin-left: 10px;
        margin-top: 10px;
        padding: 30px;
        position: fixed;
        width: auto
    }
}

.tooltip__text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .tooltip__text {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .tooltip__text {
        font-size: 18px
    }
}

@media(min-width:1070px) {
    .tooltip__text {
        color: var(--c-text);
        font-family: GT America, sans-serif;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: normal;
        line-height: 1.4
    }
}

@media(min-width:1070px)and (min-width:600px)and (max-width:1399px) {
    .tooltip__text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1070px)and (min-width:1400px) {
    .tooltip__text {
        font-size: 20px
    }
}

.tooltip__spot-illustration {
    margin-bottom: 20px;
    max-width: 70px
}

@media(min-width:600px) {
    .tooltip__spot-illustration {
        margin-bottom: 30px;
        max-width: 90px
    }
}

.video-player {
    height: 100%;
    line-height: 0;
    width: 100%
}

.video-player .video-player__button:focus-visible,
.video-player .video-player__button:hover,
.video-player:hover .video-player__button {
    opacity: 1
}

.video-player .video-player__button:focus-visible,
.video-player .video-player__button:hover {
    background-color: #000
}

.video-player .video-player__button:focus-visible .video-player__button-icon,
.video-player .video-player__button:hover .video-player__button-icon {
    color: #fff
}

.video-player__video-container {
    height: 100%;
    position: relative;
    width: 100%
}

.video-player__button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    bottom: 20px;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 20px;
    width: 40px
}

@media(prefers-reduced-motion:no-preference) {
    .video-player__button {
        opacity: 0
    }
}

.video-player__button-icon {
    color: #000;
    height: 12px;
    transition: color .2s cubic-bezier(.16, 1, .3, 1);
    width: 12px
}

@media(prefers-reduced-motion:reduce) {
    .video-player__button-icon {
        transition: none
    }
}

.video-player__button-icon.hidden {
    display: none
}

.video-player__button-icon--play {
    transform: translateX(10%)
}

.video-player__video {
    background-color: var(--c-bg-light);
    border-radius: calc(var(--border-radius)/2);
    height: auto;
    overflow: hidden;
    width: 100%
}

@media(min-width:600px) {
    .video-player__video {
        border-radius: var(--border-radius)
    }
}

.video-player__caption {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 12px;
    max-width: 950px
}

@media(min-width:600px)and (max-width:1399px) {
    .video-player__caption {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .video-player__caption {
        font-size: 16px
    }
}

.video-player__caption a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.video-player__caption a:focus,
.video-player__caption a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.video-player__caption.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    text-align: center
}

.content-block {
    display: block;
    margin-bottom: 8vh;
    margin-top: 8vh;
    max-width: 780px;
    position: relative;
    z-index: 2
}

.content-block.alignbreakout,
.content-block.alignfull,
.content-block.aligninset,
.content-block.alignmedium,
.content-block.aligntext {
    clear: both
}

.content-block.alignfull {
    max-width: none;
    position: relative
}

.content-block.alignmedium {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px
}

.content-block.aligninset {
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    width: 30%
}

.page-align-left .content-block {
    margin-left: 0
}

.page-align-center .content-block {
    margin-left: auto;
    margin-right: auto
}

.content-block.alignbreakout {
    margin-left: -20px;
    margin-right: -20px;
    max-width: none;
    position: relative
}

@media(min-width:768px) {
    .content-block.alignbreakout {
        margin-left: -40px;
        margin-right: -40px
    }

    .content-block {
        margin-bottom: 16vh;
        margin-top: 16vh
    }

    .blog .content-block,
    .brand .content-block,
    .case-study .content-block,
    .has-sidebar .content-block {
        margin-bottom: 100px;
        margin-top: 100px
    }
}

.content-block:first-child {
    margin-top: 0
}

.content-block.block-image:last-child {
    margin-bottom: 0
}

.block-text+.block-buttons {
    margin-top: calc(-8vh + 30px)
}

@media(min-width:768px) {
    .block-text+.block-buttons {
        margin-top: calc(-16vh + 30px)
    }

    .blog .block-text+.block-buttons,
    .brand .block-text+.block-buttons,
    .case-study .block-text+.block-buttons,
    .has-sidebar .block-text+.block-buttons {
        margin-top: -70px
    }
}

.block-text+.block-text {
    border-top: 1px solid var(--c-border);
    padding-top: 8vh
}

@media(min-width:768px) {
    .block-text+.block-text {
        padding-top: 16vh
    }

    .blog .block-text+.block-text,
    .brand .block-text+.block-text,
    .case-study .block-text+.block-text,
    .has-sidebar .block-text+.block-text {
        padding-top: 100px
    }
}

.block-code+.block-code {
    margin-top: calc(-8vh + 30px)
}

@media(min-width:768px) {
    .block-code+.block-code {
        margin-top: calc(-16vh + 30px)
    }

    .blog .block-code+.block-code,
    .brand .block-code+.block-code,
    .case-study .block-code+.block-code,
    .has-sidebar .block-code+.block-code {
        margin-top: -70px
    }
}

.block-heading+.content-block {
    margin-top: 0
}

.block-heading+.block-heading .block-heading__tag,
.content-block:not(.block-text)+.block-heading .block-heading__tag {
    padding-top: 0
}

.block-text+.block-heading {
    margin-top: -8vh
}

@media(min-width:768px) {
    .block-text+.block-heading {
        margin-top: -16vh
    }

    .blog .block-text+.block-heading,
    .brand .block-text+.block-heading,
    .case-study .block-text+.block-heading,
    .has-sidebar .block-text+.block-heading {
        margin-top: -100px
    }
}

.block-accordion {
    width: 100%
}

.block-accordion__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    padding-bottom: 10px
}

.block-accordion__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-accordion__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-accordion__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-accordion__title {
        font-size: 48px
    }
}

.block-accordion__list {
    border-top: 1px solid var(--c-text)
}

.block-accordion__list-item {
    border-bottom: 1px solid var(--c-border);
    transition: border-color .2s cubic-bezier(.16, 1, .3, 1)
}

@media(prefers-reduced-motion:reduce) {
    .block-accordion__list-item {
        transition: none
    }
}

.block-accordion__list-item:focus-within,
.block-accordion__list-item:hover {
    border-color: var(--c-pop)
}

.block-accordion__toggle {
    align-items: center;
    color: var(--c-text);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.4;
    width: 100%
}

@media(min-width:600px)and (max-width:1399px) {
    .block-accordion__toggle {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-accordion__toggle {
        font-size: 20px
    }
}

.block-accordion__toggle:focus .block-accordion__label,
.block-accordion__toggle:hover .block-accordion__label,
.block-accordion__toggle[aria-expanded=true] .block-accordion__label {
    color: var(--c-pop)
}

.block-accordion__toggle[aria-expanded=true] .block-accordion__toggle-icon {
    transform: rotate(45deg)
}

.block-accordion__toggle[aria-expanded=true]~.block-accordion__text {
    height: auto;
    margin-bottom: 40px;
    opacity: 1;
    transition: opacity .2s cubic-bezier(.16, 1, .3, 1);
    visibility: visible
}

@media(prefers-reduced-motion:reduce) {
    .block-accordion__toggle[aria-expanded=true]~.block-accordion__text {
        transition: none
    }
}

@media(min-width:768px) {
    .block-accordion__toggle[aria-expanded=true]~.block-accordion__text {
        margin-bottom: 60px
    }
}

.block-accordion__label {
    padding-bottom: 10px;
    padding-right: 60px;
    padding-top: 10px;
    text-align: left;
    transition: color .2s cubic-bezier(.16, 1, .3, 1)
}

@media(prefers-reduced-motion:reduce) {
    .block-accordion__label {
        transition: none
    }
}

.block-accordion__toggle-icon {
    flex-shrink: 0;
    height: 12px;
    margin-right: 15px;
    position: relative;
    transition: transform .2s cubic-bezier(.16, 1, .3, 1);
    width: 12px
}

@media(prefers-reduced-motion:reduce) {
    .block-accordion__toggle-icon {
        transition: none
    }
}

@media(min-width:1070px) {
    .block-accordion__toggle-icon {
        height: 16px;
        width: 16px
    }
}

.block-accordion__toggle-icon:after,
.block-accordion__toggle-icon:before {
    background-color: var(--c-text);
    content: "";
    display: block
}

.block-accordion__toggle-icon:before {
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-1px);
    width: 100%
}

.block-accordion__toggle-icon:after {
    bottom: 0;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-1px);
    width: 2px
}

.block-accordion__text {
    height: 0;
    max-width: 950px;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    width: 90%
}

.block-award {
    background: var(--c-text);
    border-radius: calc(var(--border-radius)/2);
    color: var(--c-bg);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: hidden;
    padding: 10px
}

@media(min-width:600px) {
    .block-award {
        border-radius: var(--border-radius);
        padding: 15px
    }
}

.block-award__text {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: space-between;
    padding: 10px
}

@media(min-width:600px) {
    .block-award__text {
        padding: 15px
    }
}

.block-award__info {
    color: var(--c-bg);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .block-award__info {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-award__info {
        font-size: 18px
    }
}

.block-award__info strong {
    font-weight: 500
}

.block-award__category {
    color: var(--c-bg);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-top: 40px;
    width: 85%
}

@media(min-width:600px)and (max-width:1549px) {
    .block-award__category {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-award__category {
        font-size: 48px
    }
}

.block-award__figure {
    background-color: var(--c-pop);
    border-radius: calc(var(--border-radius)/2);
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 25%
}

@media(min-width:600px) {
    .block-award__figure {
        border-radius: var(--border-radius);
        min-height: 220px
    }
}

.block-award__image {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    z-index: 2
}

.block-award__gradient {
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    mix-blend-mode: overlay;
    opacity: .6;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.block-buttons__button {
    display: inline-block;
    margin-bottom: -10px;
    margin-top: 10px
}

.block-buttons__button:first-child .block-buttons__link {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    color: var(--c-bg);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 8px 12px 9px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .block-buttons__button:first-child .block-buttons__link {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-buttons__button:first-child .block-buttons__link {
        font-size: 16px
    }
}

.block-buttons__button:first-child .block-buttons__link:focus,
.block-buttons__button:first-child .block-buttons__link:hover {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    color: var(--c-text);
    cursor: pointer
}

.block-buttons__button:first-child .block-buttons__link:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

@media(min-width:600px) {
    .block-buttons__button:first-child .block-buttons__link {
        background-color: var(--c-text);
        border: 1px solid var(--c-text);
        border-radius: 100px;
        color: var(--c-text);
        color: var(--c-bg);
        display: inline-block;
        font-family: GT America, sans-serif;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: normal;
        line-height: 1;
        padding: 9px 15px 10px;
        text-align: center;
        white-space: nowrap
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1399px) {
    .block-buttons__button:first-child .block-buttons__link {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:600px)and (min-width:1400px) {
    .block-buttons__button:first-child .block-buttons__link {
        font-size: 20px
    }
}

@media(min-width:600px) {

    .block-buttons__button:first-child .block-buttons__link:focus,
    .block-buttons__button:first-child .block-buttons__link:hover {
        background-color: var(--c-bg);
        border: 1px solid var(--c-text);
        color: var(--c-text);
        cursor: pointer
    }

    .block-buttons__button:first-child .block-buttons__link:focus {
        background-color: var(--c-text);
        box-shadow: 0 0 0 3px var(--c-text);
        color: var(--c-bg);
        outline: 2px solid var(--c-bg)
    }
}

.block-buttons__button:not(:first-child) .block-buttons__link {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 8px 12px 9px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .block-buttons__button:not(:first-child) .block-buttons__link {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-buttons__button:not(:first-child) .block-buttons__link {
        font-size: 16px
    }
}

.block-buttons__button:not(:first-child) .block-buttons__link:focus,
.block-buttons__button:not(:first-child) .block-buttons__link:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.block-buttons__button:not(:first-child) .block-buttons__link:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

@media(min-width:600px) {
    .block-buttons__button:not(:first-child) .block-buttons__link {
        background-color: var(--c-bg);
        border: 1px solid var(--c-text);
        border-radius: 100px;
        color: var(--c-text);
        display: inline-block;
        font-family: GT America, sans-serif;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: normal;
        line-height: 1;
        padding: 9px 15px 10px;
        text-align: center;
        white-space: nowrap
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1399px) {
    .block-buttons__button:not(:first-child) .block-buttons__link {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:600px)and (min-width:1400px) {
    .block-buttons__button:not(:first-child) .block-buttons__link {
        font-size: 20px
    }
}

@media(min-width:600px) {

    .block-buttons__button:not(:first-child) .block-buttons__link:focus,
    .block-buttons__button:not(:first-child) .block-buttons__link:hover {
        background-color: var(--c-text);
        border: 1px solid var(--c-text);
        color: var(--c-bg);
        cursor: pointer
    }

    .block-buttons__button:not(:first-child) .block-buttons__link:focus {
        background-color: var(--c-text);
        box-shadow: 0 0 0 3px var(--c-text);
        color: var(--c-bg);
        outline: 2px solid var(--c-bg)
    }
}

.block-buttons__link {
    display: block;
    margin-bottom: 10px;
    margin-right: 10px
}

.block-code__rich-text {
    margin-bottom: 60px;
    max-width: 780px
}

.page-align-center .block-code__rich-text {
    margin-left: auto;
    margin-right: auto
}

.block-code__title {
    color: var(--c-text-light);
    font-family: monospace;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-code__title {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-code__title {
        font-size: 16px
    }
}

.block-code__content {
    background: #1f1f1f;
    border-radius: calc(var(--border-radius)/2);
    color: var(--c-bg);
    font-family: monospace;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    overflow: hidden;
    padding: 20px
}

@media(min-width:600px) {
    .block-code__content {
        border-radius: var(--border-radius)
    }
}

@media(min-width:600px)and (max-width:1399px) {
    .block-code__content {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-code__content {
        font-size: 16px
    }
}

.block-code__content ::-moz-selection {
    background: var(--c-bg);
    color: var(--c-text);
    text-shadow: none
}

.block-code__content ::selection {
    background: var(--c-bg);
    color: var(--c-text);
    text-shadow: none
}

.block-code__pre {
    white-space: pre
}

.block-code__code {
    background: #1f1f1f
}

.block-code__code::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none
}

.block-code__code::-webkit-scrollbar-thumb {
    background-color: var(--c-text-light);
    border: 5px solid #1f1f1f;
    border-radius: var(--border-radius-lg)
}

.block-columns__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 30px
}

.block-columns__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-columns__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-columns__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-columns__title {
        font-size: 48px
    }
}

.block-columns__columns {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .block-columns__columns {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-columns__columns {
        font-size: 20px
    }
}

.block-columns__columns a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.block-columns__columns a:focus,
.block-columns__columns a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

@media(min-width:600px)and (max-width:767px) {
    .block-columns__columns {
        -moz-column-gap: 30px;
        column-gap: 30px;
        display: flex;
        margin-left: -5px;
        margin-right: -5px
    }
}

@media(min-width:600px)and (max-width:767px)and (min-width:768px) {
    .block-columns__columns {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:1070px) {
    .block-columns__columns {
        -moz-column-gap: 60px;
        column-gap: 60px;
        display: flex;
        margin-left: -5px;
        margin-right: -5px
    }
}

@media(min-width:1070px)and (min-width:768px) {
    .block-columns__columns {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:600px)and (max-width:767px) {
    .block-columns__column {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        flex: 1;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(min-width:600px)and (max-width:767px)and (min-width:768px) {
    .block-columns__column {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:1070px) {
    .block-columns__column {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        flex: 1;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(min-width:1070px)and (min-width:768px) {
    .block-columns__column {
        padding-left: 10px;
        padding-right: 10px
    }
}

.block-columns__column h1,
.block-columns__column h2,
.block-columns__column h3,
.block-columns__column h4,
.block-columns__column h5,
.block-columns__column h6 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {

    .block-columns__column h1,
    .block-columns__column h2,
    .block-columns__column h3,
    .block-columns__column h4,
    .block-columns__column h5,
    .block-columns__column h6 {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {

    .block-columns__column h1,
    .block-columns__column h2,
    .block-columns__column h3,
    .block-columns__column h4,
    .block-columns__column h5,
    .block-columns__column h6 {
        font-size: 20px
    }
}

.block-columns__column p,
.block-columns__column ul {
    margin-bottom: 30px
}

.block-cta__text {
    width: 100%
}

.block-cta__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    max-width: 1100px
}

.block-cta__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-cta__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-cta__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-cta__title {
        font-size: 48px
    }
}

.block-cta__description {
    margin-top: 20px;
    max-width: 480px;
    width: 80%
}

.block-cta__link {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-top: 25px;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .block-cta__link {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-cta__link {
        font-size: 20px
    }
}

.block-cta__link:focus,
.block-cta__link:hover {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.block-cta__link:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.block-embed__wrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.block-embed__wrapper iframe,
.block-embed__wrapper>* {
    margin: 0 auto !important
}

.block-embed__wrapper>* {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.block-embed__aspect-ratio iframe,
.block-embed__wrapper>* {
    height: 100% !important;
    width: 100% !important
}

.block-embed__instagram {
    width: 100%
}

.block-heading {
    display: block;
    max-width: 780px;
    position: relative;
    z-index: 2
}

.block-heading.alignbreakout,
.block-heading.alignfull,
.block-heading.aligninset,
.block-heading.alignmedium,
.block-heading.aligntext {
    clear: both
}

.block-heading.alignfull {
    max-width: none;
    position: relative
}

.block-heading.alignmedium {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px
}

.block-heading.aligninset {
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
    width: 30%
}

.page-align-left .block-heading {
    margin-left: 0
}

.page-align-center .block-heading {
    margin-left: auto;
    margin-right: auto
}

.block-heading.alignbreakout {
    margin-left: -20px;
    margin-right: -20px;
    max-width: none;
    position: relative
}

@media(min-width:768px) {
    .block-heading.alignbreakout {
        margin-left: -40px;
        margin-right: -40px
    }
}

.block-heading:first-child {
    padding-top: 0
}

.block-heading__tag a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.block-heading__tag a:focus,
.block-heading__tag a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.block-heading__tag--style-xl {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px;
    padding-top: 80px
}

@media(min-width:600px)and (max-width:1549px) {
    .block-heading__tag--style-xl {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-heading__tag--style-xl {
        font-size: 48px
    }
}

@media(min-width:768px) {
    .block-heading__tag--style-xl {
        padding-top: 100px
    }
}

.block-heading__tag--style-lg {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding-top: 60px
}

@media(min-width:600px)and (max-width:1549px) {
    .block-heading__tag--style-lg {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .block-heading__tag--style-lg {
        font-size: 34px
    }
}

.block-heading__tag--style-md {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding-top: 60px
}

@media(min-width:1200px)and (max-width:1549px) {
    .block-heading__tag--style-md {
        font-size: calc(-2.57143px + 1.71429vw)
    }
}

@media(min-width:1550px) {
    .block-heading__tag--style-md {
        font-size: 24px
    }
}

.block-heading__tag--style-sm {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 0;
    padding-top: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-heading__tag--style-sm {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-heading__tag--style-sm {
        font-size: 20px
    }
}

.block-heading__tag--style-xs {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-heading__tag--style-xs {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-heading__tag--style-xs {
        font-size: 16px
    }
}

.block-image-gallery__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 10px
}

.block-image-gallery__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-image-gallery__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-image-gallery__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-image-gallery__title {
        font-size: 48px
    }
}

.block-image-gallery__img {
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden
}

@media(min-width:600px) {
    .block-image-gallery__img {
        border-radius: var(--border-radius)
    }
}

.block-image-gallery__caption {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 12px;
    max-width: 950px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-image-gallery__caption {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-image-gallery__caption {
        font-size: 16px
    }
}

.block-image-gallery__caption a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.block-image-gallery__caption a:focus,
.block-image-gallery__caption a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.block-image-gallery__caption.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    text-align: center
}

.block-image-gallery--symmetrical .block-image-gallery__assets.top {
    align-items: flex-start;
    display: flex;
    margin-left: -2.5px;
    margin-right: -2.5px
}

@media(min-width:768px) {
    .block-image-gallery--symmetrical .block-image-gallery__assets.top {
        margin-left: -5px;
        margin-right: -5px
    }
}

.block-image-gallery--symmetrical .block-image-gallery__assets.bottom {
    align-items: flex-end;
    display: flex;
    margin-left: -2.5px;
    margin-right: -2.5px
}

@media(min-width:768px) {
    .block-image-gallery--symmetrical .block-image-gallery__assets.bottom {
        margin-left: -5px;
        margin-right: -5px
    }
}

.block-image-gallery--symmetrical .block-image-gallery__assets.center {
    align-items: center;
    display: flex;
    margin-left: -2.5px;
    margin-right: -2.5px
}

@media(min-width:768px) {
    .block-image-gallery--symmetrical .block-image-gallery__assets.center {
        margin-left: -5px;
        margin-right: -5px
    }
}

@media(min-width:0)and (max-width:599px) {
    .block-image-gallery--symmetrical .block-image-gallery__assets.stack {
        display: flex;
        flex-direction: column;
        margin-left: -2.5px;
        margin-right: -2.5px;
        row-gap: 20px
    }
}

@media(min-width:0)and (max-width:599px)and (min-width:768px) {
    .block-image-gallery--symmetrical .block-image-gallery__assets.stack {
        margin-left: -5px;
        margin-right: -5px
    }
}

.block-image-gallery--symmetrical .block-image-gallery__figure {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    flex: 1;
    padding-left: 2.5px;
    padding-right: 2.5px;
    width: 100%
}

@media(min-width:768px) {
    .block-image-gallery--symmetrical .block-image-gallery__figure {
        padding-left: 5px;
        padding-right: 5px
    }
}

.block-image-gallery--asym-horizontal .block-image-gallery__assets {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0
}

@media(min-width:768px) {
    .block-image-gallery--asym-horizontal .block-image-gallery__assets {
        margin-left: 0;
        margin-right: 0
    }
}

.block-image-gallery--asym-horizontal .block-image-gallery__assets-lead {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 0;
    padding-right: 0;
    width: 66.66%
}

@media(min-width:768px) {
    .block-image-gallery--asym-horizontal .block-image-gallery__assets-lead {
        padding-left: 0;
        padding-right: 0
    }
}

.block-image-gallery--asym-horizontal .block-image-gallery__assets-small {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 0;
    padding-right: 0;
    width: 33.33%
}

@media(min-width:768px) {
    .block-image-gallery--asym-horizontal .block-image-gallery__assets-small {
        padding-left: 0;
        padding-right: 0
    }
}

.block-image-gallery--asym-horizontal .block-image-gallery__assets-small>:not(:first-child) {
    margin-top: 10px
}

.block-image-gallery--asym-horizontal.is-cropped .block-image-gallery__img-wrapper {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.block-image-gallery--asym-horizontal.is-cropped .block-image-gallery__assets-lead .block-image-gallery__figure {
    height: 100%
}

.block-image-gallery--asym-vertical .block-image-gallery__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 0;
    margin-right: 0
}

@media(min-width:768px) {
    .block-image-gallery--asym-vertical .block-image-gallery__grid {
        margin-left: 0;
        margin-right: 0
    }
}

.block-image-gallery--asym-vertical .block-image-gallery__item {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 0;
    padding-right: 0
}

@media(min-width:768px) {
    .block-image-gallery--asym-vertical .block-image-gallery__item {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:0)and (max-width:767px) {
    .block-image-gallery--asym-vertical .block-image-gallery__item {
        width: calc(50% - 5px)
    }
}

@media(min-width:768px) {
    .block-image-gallery--asym-vertical .block-image-gallery__item {
        flex-grow: 1
    }

    .block-image-gallery--asym-vertical .block-image-gallery__item:first-child {
        width: 100%
    }
}

.block-image__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 10px
}

.block-image__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-image__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-image__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-image__title {
        font-size: 48px
    }
}

.block-image__asset {
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden
}

@media(min-width:600px) {
    .block-image__asset {
        border-radius: var(--border-radius)
    }
}

.alignbreakout .block-image__asset {
    border-radius: 0
}

.block-image__figcaption {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 12px;
    max-width: 950px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-image__figcaption {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-image__figcaption {
        font-size: 16px
    }
}

.block-image__figcaption a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.block-image__figcaption a:focus,
.block-image__figcaption a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.block-image__figcaption.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    text-align: center
}

.block-link-list--condensed .block-link-list__title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    padding-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-link-list--condensed .block-link-list__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-link-list--condensed .block-link-list__title {
        font-size: 20px
    }
}

.block-link-list--condensed .block-link-list__list {
    border-top: 1px solid var(--c-text)
}

.block-link-list--condensed .block-link-list__link {
    border-bottom: 1px solid var(--c-border);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 40px;
    padding: 15px 0
}

.block-link-list--condensed .block-link-list__link:focus,
.block-link-list--condensed .block-link-list__link:hover {
    border-color: var(--c-text)
}

.block-link-list--condensed .block-link-list__link:focus .block-link-list__link-subtitle,
.block-link-list--condensed .block-link-list__link:hover .block-link-list__link-subtitle {
    color: var(--c-light)
}

@media(min-width:768px) {
    .block-link-list--condensed .block-link-list__link-title {
        width: 85%
    }
}

.block-link-list--condensed .block-link-list__link-subtitle {
    color: var(--c-text-light);
    margin-left: auto
}

.block-link-list--expanded .block-link-list__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    padding-bottom: 30px
}

.block-link-list--expanded .block-link-list__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-link-list--expanded .block-link-list__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-link-list--expanded .block-link-list__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-link-list--expanded .block-link-list__title {
        font-size: 48px
    }
}

.block-link-list--expanded .block-link-list__link {
    border-top: 1px solid var(--c-border);
    display: block;
    padding: 40px 0
}

@media(min-width:600px) {
    .block-link-list--expanded .block-link-list__link {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.block-link-list--expanded .block-link-list__link:focus,
.block-link-list--expanded .block-link-list__link:hover {
    border-color: var(--c-text)
}

.block-link-list--expanded .block-link-list__link:focus .block-link-list__link-subtitle,
.block-link-list--expanded .block-link-list__link:hover .block-link-list__link-subtitle {
    color: var(--c-light)
}

@media(min-width:600px) {
    .block-link-list--expanded .block-link-list__link-left {
        flex-shrink: 0;
        width: 33.333%
    }

    .block-link-list--expanded .block-link-list__link-right {
        display: flex;
        flex-direction: row;
        flex-shrink: 0;
        flex-wrap: nowrap;
        gap: 60px;
        width: 66.666%
    }
}

.block-link-list--expanded .block-link-list__link-title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    max-width: 85%
}

@media(min-width:600px)and (max-width:1399px) {
    .block-link-list--expanded .block-link-list__link-title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-link-list--expanded .block-link-list__link-title {
        font-size: 20px
    }
}

.block-link-list--expanded .block-link-list__link-subtitle {
    color: var(--c-text-light)
}

.block-link-list--expanded .block-link-list__link-image {
    max-width: 100px;
    width: 20%
}

@media(min-width:0)and (max-width:599px) {
    .block-link-list--expanded .block-link-list__link-image {
        margin-top: 20px
    }
}

@media(min-width:600px) {
    .block-link-list--expanded .block-link-list__link-image {
        flex-shrink: 0;
        margin-left: auto;
        width: 25%
    }
}

.block-link-list--expanded .block-link-list__link-figure {
    border-radius: 50%;
    overflow: hidden
}

.block-link-list--grid .block-link-list__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    padding-bottom: 30px
}

.block-link-list--grid .block-link-list__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-link-list--grid .block-link-list__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-link-list--grid .block-link-list__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-link-list--grid .block-link-list__title {
        font-size: 48px
    }
}

.block-link-list--grid .block-link-list__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    row-gap: 40px
}

@media(min-width:768px) {
    .block-link-list--grid .block-link-list__list {
        margin-left: -10px;
        margin-right: -10px
    }
}

.block-link-list--grid .block-link-list__list-item {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

@media(min-width:768px) {
    .block-link-list--grid .block-link-list__list-item {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:600px) {
    .block-link-list--grid .block-link-list__list-item {
        width: 50%
    }
}

@media(min-width:1070px) {
    .block-link-list--grid .block-link-list__list-item {
        width: 33.3%
    }
}

.block-link-list--grid .block-link-list__link {
    border-top: 1px solid var(--c-border);
    display: block;
    padding-top: 30px
}

.block-link-list--grid .block-link-list__link:focus,
.block-link-list--grid .block-link-list__link:hover {
    border-color: var(--c-text)
}

.block-link-list--grid .block-link-list__link:focus .block-link-list__link-subtitle,
.block-link-list--grid .block-link-list__link:hover .block-link-list__link-subtitle {
    color: var(--c-light)
}

.block-link-list--grid .block-link-list__link-title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {
    .block-link-list--grid .block-link-list__link-title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-link-list--grid .block-link-list__link-title {
        font-size: 20px
    }
}

.block-link-list--grid .block-link-list__link-subtitle {
    color: var(--c-text-light)
}

@media(min-width:600px) {

    .block-link-list--grid .block-link-list__link-subtitle,
    .block-link-list--grid .block-link-list__link-title {
        max-width: 85%
    }
}

.block-logo-pond__title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-logo-pond__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-logo-pond__title {
        font-size: 20px
    }
}

.block-logo-pond__list {
    border-top: 1px solid var(--c-text);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media(min-width:0)and (max-width:767px) {
    .block-logo-pond__list {
        padding: 20px
    }
}

.block-logo-pond__list-item {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px 60px;
    position: relative
}

@media(min-width:600px) {
    .block-logo-pond__list-item {
        padding: 60px 40px
    }
}

.block-logo-pond__figure {
    width: 100%
}

.block-logo-pond__figure.horizontal {
    max-height: 100px;
    max-width: 110px
}

.block-logo-pond__figure.very-horizontal {
    max-height: 100px;
    max-width: 120px
}

.block-logo-pond__figure.extreme-horizontal {
    max-height: 100px;
    max-width: 130px
}

.block-logo-pond__figure.vertical {
    max-height: 120px;
    max-width: 80px
}

@media(min-width:0)and (max-width:767px) {
    .block-logo-pond__figure.vertical {
        max-width: 60px
    }
}

@media(min-width:768px)and (max-width:1199px) {
    .block-logo-pond__figure.vertical {
        max-width: 70px
    }
}

.block-logo-pond__figure.square {
    max-height: 80px;
    max-width: 80px
}

.block-logo-pond__slider {
    margin-left: -20px;
    margin-right: -20px
}

@media(min-width:768px) {
    .block-logo-pond__slider {
        margin-left: -40px;
        margin-right: -40px
    }
}

.block-logo-pond--grid .block-logo-pond__list-item {
    flex-basis: 50%;
    flex-grow: 0
}

@media(min-width:600px) {
    .block-logo-pond--grid .block-logo-pond__list-item {
        flex-basis: 33.3%
    }
}

@media(min-width:768px) {
    .block-logo-pond--grid .block-logo-pond__list-item:not(.has-sidebar .block-logo-pond--grid .block-logo-pond__list-item) {
        border-bottom: 1px solid var(--c-border);
        border-right: 1px solid var(--c-border);
        flex-basis: 20%
    }

    .block-logo-pond--grid .block-logo-pond__list-item:not(.has-sidebar .block-logo-pond--grid .block-logo-pond__list-item):last-child,
    .block-logo-pond--grid .block-logo-pond__list-item:not(.has-sidebar .block-logo-pond--grid .block-logo-pond__list-item):nth-child(5n+5) {
        border-right: 0
    }
}

@media(min-width:1070px) {
    .has-sidebar .block-logo-pond--grid .block-logo-pond__list-item {
        border-bottom: 1px solid var(--c-border);
        border-right: 1px solid var(--c-border);
        flex-basis: 25%
    }

    .has-sidebar .block-logo-pond--grid .block-logo-pond__list-item:last-child,
    .has-sidebar .block-logo-pond--grid .block-logo-pond__list-item:nth-child(4n+4) {
        border-right: 0
    }
}

.block-logo-pond--carousel .block-logo-pond__list-item {
    padding: 10px
}

@media(min-width:600px) {
    .block-logo-pond--carousel .block-logo-pond__list-item {
        padding: 20px
    }
}

@media(min-width:1070px) {
    .block-logo-pond--carousel .block-logo-pond__list-item {
        padding: 40px
    }
}

.block-logo-pond--carousel .splide__arrow--next,
.block-logo-pond--carousel .splide__arrow--prev {
    display: none
}

.block-logo-pond--carousel .splide__arrow--next svg,
.block-logo-pond--carousel .splide__arrow--prev svg {
    transform: scaleX(-1)
}

.block-people__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 30px
}

.block-people__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-people__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-people__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-people__title {
        font-size: 48px
    }
}

.block-people__figure {
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden
}

@media(min-width:600px) {
    .block-people__figure {
        border-radius: var(--border-radius)
    }
}

.block-people__name {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    line-height: 1.2;
    margin: 10px 0 0
}

@media(min-width:600px)and (max-width:1399px) {
    .block-people__name {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-people__name {
        font-size: 18px
    }
}

@media(min-width:600px) {
    .block-people__name {
        color: var(--c-text);
        font-family: GT America, sans-serif;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 1.4em;
        margin: 15px 0 0
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1399px) {
    .block-people__name {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:600px)and (min-width:1400px) {
    .block-people__name {
        font-size: 20px
    }
}

.list .block-people__name {
    margin-top: 0
}

.block-people__dept {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .block-people__dept {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-people__dept {
        font-size: 18px
    }
}

@media(min-width:600px) {
    .block-people__dept {
        color: var(--c-text-light);
        font-family: GT America, sans-serif;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: normal;
        line-height: 1.4
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1399px) {
    .block-people__dept {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:600px)and (min-width:1400px) {
    .block-people__dept {
        font-size: 20px
    }
}

.block-people__slider {
    margin-right: -20px
}

@media(min-width:768px) {
    .block-people__slider {
        margin-right: -40px
    }
}

.block-people__grid.grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    row-gap: 80px
}

@media(min-width:768px) {
    .block-people__grid.grid {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media(min-width:600px) {
    .block-people__grid.grid {
        row-gap: 8vh
    }
}

@media(min-width:1070px) {
    .block-people__grid.grid {
        row-gap: 16vh
    }
}

.block-people__grid.list {
    max-width: 780px
}

.grid .block-people__grid-person {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%
}

@media(min-width:768px) {
    .grid .block-people__grid-person {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(min-width:600px) {
    .grid .block-people__grid-person {
        width: 50%
    }
}

@media(min-width:1200px) {
    .grid .block-people__grid-person {
        width: 25%
    }
}

.list .block-people__grid-person {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px
}

.list .block-people__grid-person:not(:first-child) {
    margin-top: 20px
}

@media(min-width:600px) {
    .list .block-people__grid-person {
        gap: 30px
    }

    .list .block-people__grid-person:not(:first-child) {
        margin-top: 30px
    }
}

.block-people__grid-figure {
    border-radius: calc(var(--border-radius)/2);
    overflow: hidden
}

@media(min-width:600px) {
    .block-people__grid-figure {
        border-radius: var(--border-radius)
    }
}

.list .block-people__grid-figure {
    align-self: flex-start;
    border-radius: var(--border-radius-sm);
    flex-shrink: 0;
    width: 70px
}

.grid .block-people__grid-text {
    margin-top: 20px
}

@media(min-width:600px) {
    .grid .block-people__grid-text {
        margin-top: 30px;
        width: 85%
    }
}

.block-people__bio {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

.block-people__bio a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.block-people__bio a:focus,
.block-people__bio a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

@media(min-width:600px)and (max-width:1399px) {
    .block-people__bio {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-people__bio {
        font-size: 18px
    }
}

.block-quote.aligntext {
    max-width: 780px
}

.block-quote.with-lines {
    border-bottom: 1px solid var(--c-border);
    border-top: 1px solid var(--c-border);
    padding-bottom: 30px;
    padding-top: 30px
}

.block-quote__text {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    position: relative
}

@media(min-width:600px)and (max-width:1549px) {
    .block-quote__text {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-quote__text {
        font-size: 48px
    }
}

.block-quote__text:before {
    content: "“";
    left: -.3em;
    position: absolute;
    top: 0
}

@media(min-width:600px) {
    .block-quote__text:before {
        left: -.4em;
        position: absolute;
        top: 0
    }
}

.block-quote__text:after {
    content: "”"
}

.aligntext .block-quote__text {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em
}

@media(min-width:600px)and (max-width:1549px) {
    .aligntext .block-quote__text {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .aligntext .block-quote__text {
        font-size: 34px
    }
}

.alignfull .block-quote__text {
    max-width: 1100px
}

.block-quote__attribution {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 30px
}

.block-quote__headshot {
    align-self: flex-start;
    border-radius: 100%;
    flex-shrink: 0;
    height: 60px;
    margin-right: 20px;
    overflow: hidden;
    width: 60px
}

.block-quote__cite {
    display: block
}

.block-quote__cite-text {
    color: var(--c-text);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {
    .block-quote__cite-text {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-quote__cite-text {
        font-size: 20px
    }
}

.aligntext .block-quote__cite-text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .aligntext .block-quote__cite-text {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .aligntext .block-quote__cite-text {
        font-size: 18px
    }
}

.block-quote__cite-subtitle {
    color: var(--c-text-light);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .block-quote__cite-subtitle {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-quote__cite-subtitle {
        font-size: 20px
    }
}

.aligntext .block-quote__cite-subtitle {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .aligntext .block-quote__cite-subtitle {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .aligntext .block-quote__cite-subtitle {
        font-size: 18px
    }
}

.block-scrolling-image {
    height: 100vh
}

.block-scrolling-image__container {
    border-radius: calc(var(--border-radius)/2);
    height: 80vmin;
    overflow: hidden;
    position: absolute;
    top: calc(50% - 40px);
    transform: translateY(-50%)
}

@media(min-width:600px) {
    .block-scrolling-image__container {
        border-radius: var(--border-radius)
    }
}

.block-scrolling-image__img {
    border-radius: calc(var(--border-radius)/2);
    display: block;
    max-width: 100%;
    overflow: hidden
}

@media(min-width:600px) {
    .block-scrolling-image__img {
        border-radius: var(--border-radius)
    }
}

.block-separator {
    background: var(--c-border);
    border: 0;
    clear: both;
    height: 1px
}

.block-statistics__title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 10px
}

.block-statistics__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-statistics__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1399px) {
    .block-statistics__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-statistics__title {
        font-size: 20px
    }
}

.block-statistics__list {
    border-bottom: 1px solid var(--c-border);
    border-top: 1px solid var(--c-text)
}

@media(min-width:768px) {
    .block-statistics__list {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.block-statistics__list-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0
}

.text--right .block-statistics__list-item {
    text-align: right
}

.text--center .block-statistics__list-item {
    text-align: center
}

@media(min-width:0)and (max-width:767px) {
    .block-statistics__list-item {
        padding-bottom: 20px;
        padding-top: 20px
    }

    .block-statistics__list-item:not(:last-child) {
        border-bottom: 1px solid var(--c-border)
    }
}

@media(min-width:768px) {
    .block-statistics__list-item {
        flex: 1;
        padding: 40px 20px
    }

    .block-statistics__list-item:first-child {
        padding-left: 0
    }

    .block-statistics__list-item:last-child {
        padding-right: 0
    }

    .block-statistics__list-item:not(:last-child) {
        border-right: 1px solid var(--c-border)
    }
}

@media(min-width:1070px) {
    .block-statistics__list-item {
        padding: 40px
    }
}

.block-statistics__figure {
    display: block;
    word-break: break-word
}

.block-statistics__label {
    display: block;
    margin-top: 10px;
    width: 90%
}

.block-statistics__description {
    margin-top: 20px
}

.block-statistics.sm .block-statistics__figure {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em
}

@media(min-width:600px) {
    .block-statistics.sm .block-statistics__figure {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .block-statistics.sm .block-statistics__figure {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .block-statistics.sm .block-statistics__figure {
        font-size: 62px
    }
}

.block-statistics.sm .block-statistics__label {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .block-statistics.sm .block-statistics__label {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-statistics.sm .block-statistics__label {
        font-size: 20px
    }
}

.block-statistics.lg .block-statistics__figure,
.block-statistics.md .block-statistics__figure {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em
}

@media(min-width:600px) {

    .block-statistics.lg .block-statistics__figure,
    .block-statistics.md .block-statistics__figure {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {

    .block-statistics.lg .block-statistics__figure,
    .block-statistics.md .block-statistics__figure {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {

    .block-statistics.lg .block-statistics__figure,
    .block-statistics.md .block-statistics__figure {
        font-size: 62px
    }
}

.block-statistics.lg .block-statistics__label,
.block-statistics.md .block-statistics__label {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {

    .block-statistics.lg .block-statistics__label,
    .block-statistics.md .block-statistics__label {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {

    .block-statistics.lg .block-statistics__label,
    .block-statistics.md .block-statistics__label {
        font-size: 20px
    }
}

.block-table {
    margin-bottom: 8vh;
    margin-top: 8vh;
    width: 100%
}

@media(min-width:768px) {
    .block-table {
        margin-bottom: 16vh;
        margin-top: 16vh
    }

    .blog .block-table,
    .brand .block-table,
    .case-study .block-table,
    .has-sidebar .block-table {
        margin-bottom: 100px;
        margin-top: 100px
    }
}

.block-table__table-wrapper table {
    border-collapse: collapse;
    min-width: 100%;
    table-layout: fixed
}

@media(min-width:768px) {
    .block-table__table-wrapper table {
        width: 100%
    }
}

.block-table__table-wrapper thead {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .block-table__table-wrapper thead {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-table__table-wrapper thead {
        font-size: 20px
    }
}

.block-table__table-wrapper tbody td {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .block-table__table-wrapper tbody td {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-table__table-wrapper tbody td {
        font-size: 20px
    }
}

.block-table__table-wrapper.bold-first-column tbody td:first-child {
    font-weight: 500
}

.block-table__table-wrapper tr {
    border-bottom: 1px solid var(--c-border)
}

.block-table__table-wrapper thead tr {
    border-bottom: 1px solid var(--c-text)
}

.block-table__table-wrapper td {
    padding: 10px
}

@media(min-width:600px) {
    .block-table__table-wrapper td {
        padding: 15px
    }
}

.block-table__table-wrapper th {
    padding: 5px 15px
}

.block-table__table-wrapper td,
.block-table__table-wrapper th {
    display: table-cell;
    min-width: 180px;
    text-align: left;
    vertical-align: top
}

.block-table__table-wrapper td[align=center],
.block-table__table-wrapper th[align=center] {
    text-align: center
}

.block-table__table-wrapper td[align=right],
.block-table__table-wrapper th[align=right] {
    text-align: right
}

.block-table__table-wrapper td:first-child,
.block-table__table-wrapper th:first-child {
    padding-left: 0
}

@media(min-width:0)and (max-width:767px) {
    .block-table__table-wrapper {
        overflow-x: auto
    }

    .block-table__table-wrapper::-webkit-scrollbar {
        -webkit-appearance: none;
        appearance: none
    }

    .block-table__table-wrapper::-webkit-scrollbar-thumb {
        background-color: var(--c-border);
        border: 5px solid var(--c-bg);
        border-radius: var(--border-radius-lg)
    }
}

.block-table__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px
}

.block-table__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-table__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-table__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-table__title {
        font-size: 48px
    }
}

.block-table__figcaption {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 12px;
    max-width: 950px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-table__figcaption {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-table__figcaption {
        font-size: 16px
    }
}

.block-table__figcaption a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.block-table__figcaption a:focus,
.block-table__figcaption a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.block-table__figcaption.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    text-align: center
}

.block-teases__grid {
    row-gap: 80px
}

.block-teases__grid.top {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5vw;
    margin-right: -1.5vw
}

@media(min-width:768px) {
    .block-teases__grid.top {
        margin-left: -3vw;
        margin-right: -3vw
    }
}

.block-teases__grid.bottom {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5vw;
    margin-right: -1.5vw
}

@media(min-width:768px) {
    .block-teases__grid.bottom {
        margin-left: -3vw;
        margin-right: -3vw
    }
}

.block-teases__grid.center {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5vw;
    margin-right: -1.5vw
}

@media(min-width:768px) {
    .block-teases__grid.center {
        margin-left: -3vw;
        margin-right: -3vw
    }
}

@media(min-width:600px) {
    .block-teases__grid {
        row-gap: 8vh
    }
}

@media(min-width:1070px) {
    .block-teases__grid {
        row-gap: 16vh
    }
}

.block-teases .tease {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 1;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    width: 100%
}

@media(min-width:768px) {
    .block-teases .tease {
        padding-left: 3vw;
        padding-right: 3vw
    }
}

@media(min-width:600px) {
    .block-teases .tease {
        width: 50%
    }
}

@media(min-width:1070px) {
    .block-teases .tease {
        width: 33.3%
    }
}

.has-sidebar .block-teases .tease {
    width: 100%
}

@media(min-width:600px) {

    .block-teases .tease--big,
    .has-sidebar .block-teases .tease {
        width: 50%
    }
}

@media(min-width:1070px) {
    .block-teases .tease--big {
        width: 66.6%
    }
}

.has-sidebar .block-teases .tease--big {
    width: 100%
}

.block-teases__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 30px;
    max-width: 950px
}

.block-teases__title.contains-bold {
    color: var(--c-text-light);
    font-style: normal
}

.block-teases__title.contains-bold strong {
    color: var(--c-text);
    font-style: normal
}

@media(min-width:600px)and (max-width:1549px) {
    .block-teases__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .block-teases__title {
        font-size: 48px
    }
}

.block-text.with-dropcap>p:first-of-type:first-letter {
    border: 1px solid var(--c-text);
    border-radius: calc(var(--border-radius)/2);
    color: var(--c-text);
    float: left;
    font-family: GT America, sans-serif;
    font-size: 2.8em;
    font-weight: 500;
    line-height: .83em;
    margin: .15em .4em 0 0;
    overflow: hidden;
    padding: .3em .32em
}

@media(min-width:600px) {
    .block-text.with-dropcap>p:first-of-type:first-letter {
        border-radius: var(--border-radius)
    }
}

@media(min-width:768px) {
    .block-text.two-column {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.block-text.numbered {
    counter-increment: listicle;
    position: relative
}

.block-text.numbered:before {
    border-bottom: 2px solid var(--c-pop);
    content: counter(listicle, decimal-leading-zero);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px
}

.block-video__wrapper {
    border-radius: calc(var(--border-radius)/2);
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(min-width:600px) {
    .block-video__wrapper {
        border-radius: var(--border-radius)
    }
}

.block-video__wrapper iframe,
.block-video__wrapper>* {
    margin: 0 auto !important
}

.block-video__aspect-ratio iframe {
    bottom: 0;
    height: 100% !important;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important
}

.block-video__title {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-video__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .block-video__title {
        font-size: 20px
    }
}

.block-video__caption {
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 12px;
    max-width: 950px
}

@media(min-width:600px)and (max-width:1399px) {
    .block-video__caption {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .block-video__caption {
        font-size: 16px
    }
}

.block-video__caption a {
    color: var(--c-text);
    text-decoration-color: var(--c-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.block-video__caption a:focus,
.block-video__caption a:hover {
    color: var(--c-pop);
    text-decoration-color: var(--c-pop)
}

.block-video__caption.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
    text-align: center
}

.announcement__cover {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    color: #000;
    padding: 70px 0 0;
    text-align: center
}

@media(min-width:1070px) {
    .announcement__cover {
        padding-top: 90px
    }
}

@media(min-width:768px) {
    .announcement__cover {
        background-position: 100%;
        background-size: cover;
        padding-top: 130px
    }
}

.announcement__cover-inner {
    padding: 80px 20px
}

@media(min-width:1200px) {
    .announcement__cover-inner {
        padding: 80px 20px 100px
    }
}

.announcement__kicker {
    background-color: #fff;
    border-radius: 50px;
    color: var(--c-text);
    color: #000;
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1.4;
    margin-bottom: 30px;
    padding: 10px 15px
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__kicker {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .announcement__kicker {
        font-size: 16px
    }
}

.announcement__lede {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin: 0 auto;
    max-width: 980px
}

@media(min-width:600px) {
    .announcement__lede {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .announcement__lede {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .announcement__lede {
        font-size: 85px
    }
}

.announcement__deck {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin: 40px auto 0;
    max-width: 600px
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__deck {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .announcement__deck {
        font-size: 20px
    }
}

.announcement__body {
    overflow-x: hidden;
    padding: 45px 0
}

@media(min-width:1200px) {
    .announcement__body {
        padding: 85px 0
    }
}

.announcement__txt {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 700px;
    padding: 0 26px
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__txt {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .announcement__txt {
        font-size: 20px
    }
}

.announcement__txt ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    list-style: none;
    padding-left: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__txt ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .announcement__txt ul {
        font-size: 20px
    }
}

.announcement__txt ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.announcement__txt ul li:before {
    left: 0;
    top: 5px
}

.announcement__txt ul li {
    padding-left: 1.4em;
    position: relative
}

.announcement__txt ul li:before {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    content: "";
    height: .5em;
    margin-top: .47em;
    position: absolute;
    width: .5em
}

.announcement__txt ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__txt ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .announcement__txt ul ul {
        font-size: 20px
    }
}

.announcement__txt ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.announcement__txt ul ul li:before {
    background-color: var(--c-bg);
    border-color: var(--c-text);
    left: 0;
    position: absolute;
    top: 5px
}

.announcement__txt ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__txt ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .announcement__txt ul ul ul {
        font-size: 20px
    }
}

.announcement__txt ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.announcement__txt ul ul ul li:before {
    background-color: var(--c-bg-light);
    border-color: transparent;
    left: 0;
    position: absolute;
    top: 5px
}

.announcement__txt ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    list-style: none;
    padding-left: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__txt ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .announcement__txt ul ul ul ul {
        font-size: 20px
    }
}

.announcement__txt ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.announcement__txt ul ul ul ul li:before {
    left: 0;
    top: 5px
}

.announcement__txt ul ul ul ul li {
    padding-left: 1.4em;
    position: relative
}

.announcement__txt ul ul ul ul li:before {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    content: "";
    height: .5em;
    margin-top: .47em;
    position: absolute;
    width: .5em
}

.announcement__txt ul ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__txt ul ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .announcement__txt ul ul ul ul ul {
        font-size: 20px
    }
}

.announcement__txt ul ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.announcement__txt ul ul ul ul ul li:before {
    background-color: var(--c-bg);
    border-color: var(--c-text);
    left: 0;
    position: absolute;
    top: 5px
}

.announcement__txt ul ul ul ul ul ul {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__txt ul ul ul ul ul ul {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .announcement__txt ul ul ul ul ul ul {
        font-size: 20px
    }
}

.announcement__txt ul ul ul ul ul ul li {
    padding-bottom: 5px;
    padding-top: 5px
}

.announcement__txt ul ul ul ul ul ul li:before {
    background-color: var(--c-bg-light);
    border-color: transparent;
    left: 0;
    position: absolute;
    top: 5px
}

.announcement__txt p {
    margin-bottom: 30px
}

.announcement__dropcap {
    background: #000;
    color: #fff;
    display: block;
    float: left;
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1;
    margin: .18em .4em 0 0;
    padding: .65em .78em
}

.announcement__quote {
    border-left: 1px solid;
    margin-bottom: 60px;
    margin-top: 60px;
    padding-left: 15px
}

@media(min-width:600px) {
    .announcement__quote {
        padding-left: 30px
    }
}

.announcement__quote-text {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .announcement__quote-text {
        font-size: calc(10.5px + 1.25vw)
    }
}

@media(min-width:1400px) {
    .announcement__quote-text {
        font-size: 28px
    }
}

.announcement__quote-attribution {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 30px
}

.announcement__quote-photo {
    border-radius: 50%;
    height: 50px;
    margin-right: 15px;
    overflow: hidden;
    width: 50px
}

@media(min-width:600px) {
    .announcement__quote-photo {
        height: 60px;
        width: 60px
    }
}

.announcement__award {
    margin-bottom: 30px;
    margin-top: 30px
}

@media(min-width:1070px) {
    .announcement__award {
        margin-bottom: 48px;
        margin-top: 48px
    }
}

.theme-cognizant {
    --c-bg-light: #03e1a3;
    --c-bg: #000070;
    --c-border: #03e1a3;
    --c-pop: #03e1a3;
    --c-text-light: #03e1a3;
    --c-text: #fff;
    --c-hamburger: #03e1a3;
    --c-logo: #fff
}

.page--cognizant {
    background-color: #000070;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-top: 60px
}

@media(min-width:768px) {
    .page--cognizant {
        padding-top: 130px
    }
}

.page--cognizant .topper {
    background-color: #000070;
    color: #fff;
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--cognizant .topper {
        margin-top: 80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .page--cognizant .topper {
        margin-top: 120px
    }
}

.page--cognizant .topper__content {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    max-width: 1500px
}

.page--cognizant .topper__intro {
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media(min-width:350px) {
    .page--cognizant .topper__intro {
        padding-bottom: 45px
    }
}

@media(min-width:600px) {
    .page--cognizant .topper__intro {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--cognizant .topper__intro {
        padding-bottom: 100px;
        width: 45%
    }
}

.page--cognizant .topper__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 30px
}

@media(min-width:600px) {
    .page--cognizant .topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .page--cognizant .topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .page--cognizant .topper__title {
        font-size: 85px
    }
}

.page--cognizant .topper__lede {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 30px;
    max-width: 630px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--cognizant .topper__lede {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--cognizant .topper__lede {
        font-size: 20px
    }
}

.page--cognizant .topper__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 35px;
    max-width: 630px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--cognizant .topper__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--cognizant .topper__description {
        font-size: 20px
    }
}

.page--cognizant .topper__hero {
    align-items: flex-start;
    background: linear-gradient(90deg, #000070, rgba(0, 0, 112, 0) 20px, rgba(0, 0, 112, 0) calc(100% - 20px), #000070);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 5%;
    margin-top: -50px
}

@media(max-width:1069px) {
    .page--cognizant .topper__hero--narrow {
        display: none
    }
}

@media(min-width:1070px) {
    .page--cognizant .topper__hero--narrow {
        padding-bottom: 40px;
        width: 50%
    }
}

.page--cognizant .topper__hero video {
    width: 100%
}

.page--cognizant .topper__meta a {
    color: #fff;
    text-decoration-color: #03e1a3;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--cognizant .topper__meta a:focus,
.page--cognizant .topper__meta a:hover {
    color: #03e1a3;
    text-decoration-color: var(--c-pop)
}

@media(min-width:768px) {
    .page--cognizant .topper__meta {
        display: flex
    }
}

.page--cognizant .topper__meta p {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 30px;
    text-transform: uppercase
}

@media(min-width:600px)and (max-width:1399px) {
    .page--cognizant .topper__meta p {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--cognizant .topper__meta p {
        font-size: 16px
    }
}

@media(min-width:768px) {
    .page--cognizant .topper__meta p {
        margin-top: 0
    }

    .page--cognizant .topper__meta p:not(:first-child) {
        margin-top: 30px
    }
}

.page--cognizant .topper__meta ul {
    -moz-column-count: 2;
    column-count: 2
}

.page--cognizant .topper__meta li {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--cognizant .topper__meta li {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--cognizant .topper__meta li {
        font-size: 18px
    }
}

.page--cognizant .topper__meta li:not(:first-child) {
    margin-top: 8px
}

.page--cognizant .topper__meta span {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--cognizant .topper__meta span {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--cognizant .topper__meta span {
        font-size: 18px
    }
}

.page--cognizant .topper__meta a {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--cognizant .topper__meta a {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--cognizant .topper__meta a {
        font-size: 18px
    }
}

.page--cognizant .topper__meta-col {
    margin: 0
}

@media(min-width:768px) {
    .page--cognizant .topper__meta-col {
        margin: 0 40px 0 0;
        width: 100%
    }
}

.page--cognizant .topper__meta-apps {
    margin-top: 35px
}

.page--cognizant .topper__meta-bar {
    padding: 0 10px
}

.page--cognizant .announcement__body__width {
    margin: 0 auto;
    max-width: 1500px
}

.page--cognizant .announcement__body {
    padding-bottom: 0;
    padding-top: 0
}

.page--cognizant .announcement__body a {
    color: #fff;
    text-decoration-color: #03e1a3;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--cognizant .announcement__body a:focus,
.page--cognizant .announcement__body a:hover {
    color: #03e1a3;
    text-decoration-color: var(--c-pop)
}

.page--cognizant .announcement__body .announcement__txt {
    padding-bottom: 40px;
    padding-top: 40px
}

@media(min-width:600px) {
    .page--cognizant .announcement__body .announcement__txt {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--cognizant .announcement__body .announcement__txt {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--cognizant .announcement__body .announcement__txt h3 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--cognizant .announcement__body .announcement__txt h3 {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--cognizant .announcement__body .announcement__txt h3 {
        font-size: 48px
    }
}

.page--cognizant .announcement__body .announcement__txt p:last-of-type {
    margin-bottom: 0
}

.page--cognizant .announcement__body .announcement__txt.announcement__txt--blog {
    padding-bottom: 0
}

.page--cognizant .announcement__body em {
    font-style: normal;
    font-weight: 500
}

.page--cognizant .announcement__body--dark {
    background-color: #000070;
    color: #fff
}

.page--cognizant .announcement__body--light {
    background-color: #f5f2ed;
    color: #000070
}

.page--cognizant .on-being-homepage-video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 26px;
    padding-right: 26px;
    width: 100%
}

@media(min-width:600px) {
    .page--cognizant .on-being-homepage-video {
        border-width: 10px
    }
}

.page--cognizant .on-being-tour {
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
    z-index: 1
}

.page--cognizant .on-being-tour video {
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .3);
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%
}

@media(min-width:600px) {
    .page--cognizant .on-being-tour video {
        border-width: 5px
    }
}

.page--cognizant .video-a {
    margin-top: 0
}

@media(min-width:1070px) {
    .page--cognizant .video-a {
        margin-top: 150px
    }
}

.page--cognizant .grid-2__images {
    margin: 0 auto;
    max-width: 1500px;
    padding-top: 30px;
    position: relative
}

@media(min-width:350px) {
    .page--cognizant .grid-2__images {
        padding-top: 45px
    }
}

@media(min-width:600px) {
    .page--cognizant .grid-2__images {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--cognizant .grid-2__images {
        margin: 0 auto;
        padding-top: 100px
    }
}

.page--cognizant .grid-2__images.is-in-view figure {
    opacity: 1;
    transform: translateX(0)
}

.page--cognizant .grid-2__image-1 {
    opacity: 0;
    transform: translateX(-20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    transition-delay: .2s;
    width: 100%
}

@media(min-width:1070px) {
    .page--cognizant .grid-2__image-1 {
        margin: 0 auto 250px;
        width: 75%
    }
}

.page--cognizant .grid-2__image-2 {
    display: none
}

@media(min-width:1070px) {
    .page--cognizant .grid-2__image-2 {
        bottom: 50px;
        display: block;
        left: -80px;
        opacity: 0;
        position: absolute;
        transform: translateX(-20px);
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
        width: 30%
    }
}

.page--cognizant .grid-2__image-3 {
    display: none
}

@media(min-width:1070px) {
    .page--cognizant .grid-2__image-3 {
        bottom: -250px;
        display: block;
        opacity: 0;
        position: absolute;
        right: 0;
        transform: translateX(-20px);
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
        transition-delay: .4s;
        width: 50%
    }
}

.page--cognizant .paragraph-3 {
    position: relative;
    z-index: 2
}

@media(min-width:1070px) {
    .page--cognizant .paragraph-3 {
        margin-bottom: 200px;
        position: relative;
        z-index: 2
    }
}

.page--cognizant .type-and-color {
    margin-left: auto;
    margin-right: auto;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
    z-index: 1
}

@media(min-width:600px) {
    .page--cognizant .type-and-color {
        align-items: center;
        display: flex;
        justify-content: space-between;
        max-width: 800px
    }
}

@media(min-width:1070px) {
    .page--cognizant .type-and-color {
        align-items: center;
        display: flex;
        justify-content: space-between;
        max-width: none;
        width: 80%
    }
}

.page--cognizant .colors {
    align-content: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 -26px;
    padding-top: 40px
}

@media(min-width:600px) {
    .page--cognizant .colors {
        flex-direction: column;
        margin: 0
    }
}

@media(min-width:1070px) {
    .page--cognizant .colors {
        flex-direction: column;
        margin: 0 -26px
    }
}

.page--cognizant .colors.is-in-view .shape {
    opacity: 1;
    transform: translateX(0)
}

.page--cognizant .shape {
    border-radius: 50%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .3);
    margin: 0 5px 20px;
    min-height: 80px;
    min-width: 80px;
    overflow-x: hidden
}

@media(min-width:400px) {
    .page--cognizant .shape {
        min-height: 120px;
        min-width: 120px
    }
}

@media(min-width:600px) {
    .page--cognizant .shape {
        min-height: 80px;
        min-width: 80px
    }
}

@media(min-width:1070px) {
    .page--cognizant .shape {
        margin-right: 0
    }
}

.page--cognizant .shape-1 {
    background-color: #0033a0
}

.page--cognizant .shape-1,
.page--cognizant .shape-2 {
    opacity: 0;
    transform: translateX(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--cognizant .shape-2 {
    background-color: #4b8adf;
    transition-delay: .1s
}

.page--cognizant .shape-3 {
    background-color: #03e1a3;
    opacity: 0;
    transform: translateX(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    transition-delay: .2s
}

.page--cognizant .shape-4 {
    background-color: #f5f2ed;
    opacity: 0;
    transform: translateX(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    transition-delay: .3s
}

.page--cognizant .shape-5 {
    background-color: #fff;
    opacity: 0;
    transform: translateX(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    transition-delay: .4s
}

.page--cognizant .typography__container {
    opacity: 0;
    position: relative;
    transform: translateX(-40px);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    z-index: 2
}

.page--cognizant .typography__container.is-in-view {
    opacity: 1;
    transform: translateX(0)
}

.page--cognizant .typography__group-1,
.page--cognizant .typography__group-2 {
    display: flex;
    flex-direction: column
}

@media(min-width:1070px) {

    .page--cognizant .typography__group-1,
    .page--cognizant .typography__group-2 {
        flex-direction: row
    }
}

.page--cognizant .typography__group {
    padding-bottom: 50px
}

.page--cognizant .typography__group-2 {
    padding-top: 30px
}

.page--cognizant .typography__type-name {
    color: var(--c-text);
    color: #999;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    padding-bottom: 50px;
    padding-right: 50px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--cognizant .typography__type-name {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--cognizant .typography__type-name {
        font-size: 16px
    }
}

@media(min-width:600px) {
    .page--cognizant .typography__type-name {
        padding-bottom: 25px
    }
}

@media(min-width:1070px) {
    .page--cognizant .typography__type-name {
        writing-mode: vertical-lr
    }
}

.page--cognizant .typography__svg {
    width: 100%
}

@media(min-width:600px) {
    .page--cognizant .typography__svg {
        width: 80%
    }
}

@media(min-width:1070px) {
    .page--cognizant .typography__svg {
        width: 100%
    }
}

.page--cognizant .typography__svg-2 {
    width: 80%
}

@media(min-width:600px) {
    .page--cognizant .typography__svg-2 {
        width: 60%
    }
}

@media(min-width:1070px) {
    .page--cognizant .typography__svg-2 {
        width: 75%
    }
}

.page--cognizant .background-image__group {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative
}

.page--cognizant .background-image {
    display: none
}

@media(min-width:1070px) {
    .page--cognizant .background-image {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 270%;
        display: block;
        height: 100%;
        max-width: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: -1
    }
}

.page--cognizant .grid__group {
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media(min-width:1070px) {
    .page--cognizant .grid__group {
        margin-top: 100px
    }
}

.page--cognizant .grid__row-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media(min-width:1070px) {
    .page--cognizant .grid__row-1 {
        align-items: flex-end
    }
}

.page--cognizant .grid__image:first-child {
    order: 2;
    width: 50%
}

@media(min-width:1070px) {
    .page--cognizant .grid__image:first-child {
        order: 1;
        width: 100%
    }
}

.page--cognizant .grid__image:nth-child(2) {
    order: 1;
    width: 100%
}

@media(min-width:1070px) {
    .page--cognizant .grid__image:nth-child(2) {
        order: 2
    }
}

.page--cognizant .grid__image:nth-child(3) {
    order: 3
}

@media(min-width:1070px) {
    .page--cognizant .grid__image:nth-child(3) {
        order: 3
    }
}

.page--cognizant .grid__row-2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media(min-width:1070px) {
    .page--cognizant .grid__row-2 {
        align-items: flex-start
    }
}

.page--cognizant .grid__image-2:first-child {
    width: 50%
}

@media(min-width:1070px) {
    .page--cognizant .grid__image-2:first-child {
        width: 100%
    }
}

.page--cognizant .grid__image-2:first-child img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:1070px) {
    .page--cognizant .grid__image-2:first-child img {
        height: inherit;
        width: 100%
    }
}

.page--cognizant .grid__image-2:nth-child(3) {
    order: 3;
    width: 100%
}

@media(min-width:1070px) {
    .page--cognizant .grid__image-2:nth-child(3) {
        order: 3
    }
}

.page--cognizant .grid__image,
.page--cognizant .grid__image-2 {
    padding: 20px 5px 0;
    width: 50%
}

@media(min-width:1070px) {

    .page--cognizant .grid__image,
    .page--cognizant .grid__image-2 {
        flex: 1 1 0;
        padding: 25px;
        width: 100%
    }
}

.page--cognizant .grid__image img,
.page--cognizant .grid__image video,
.page--cognizant .grid__image-2 img,
.page--cognizant .grid__image-2 video {
    border-radius: 5px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .3)
}

@media(min-width:1070px) {

    .page--cognizant .grid__image img,
    .page--cognizant .grid__image video,
    .page--cognizant .grid__image-2 img,
    .page--cognizant .grid__image-2 video {
        border-radius: 10px
    }
}

.page--cognizant .grid__image video,
.page--cognizant .grid__image-2 video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:1070px) {

    .page--cognizant .grid__image video,
    .page--cognizant .grid__image-2 video {
        height: inherit
    }
}

.page--cognizant .pullquote__parent {
    margin: 0 auto 50px;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
    width: 100vw
}

@media(min-width:600px) {
    .page--cognizant .pullquote__parent {
        width: 700px
    }
}

@media(min-width:1070px) {
    .page--cognizant .pullquote__parent {
        margin: 0 auto;
        width: 800px
    }
}

.page--cognizant .pullquote__parent:hover .pullquote__overlay {
    opacity: 1
}

.page--cognizant .pullquote {
    display: none
}

@media(min-width:1070px) {
    .page--cognizant .pullquote {
        display: block;
        margin: 10px -10vw
    }
}

.page--cognizant .pullquote-mobile {
    display: block;
    margin: 10px -1vw;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
    width: 100%
}

@media(min-width:1070px) {
    .page--cognizant .pullquote-mobile {
        display: none
    }
}

.page--cognizant .pullquote__overlay {
    bottom: -60px;
    opacity: 0;
    position: absolute;
    right: 20px;
    transition: opacity .3s
}

@media(min-width:1070px) {
    .page--cognizant .pullquote__overlay {
        bottom: -10px;
        opacity: 0;
        position: absolute;
        right: -80px;
        transition: opacity .3s
    }
}

.page--cognizant .light-background {
    background-color: #f5f2ed;
    margin: -100px -200px;
    max-width: none;
    padding: 150px 200px 200px
}

@media(min-width:1070px) {
    .page--cognizant .light-background {
        margin: -200px -50vw
    }
}

.page--cognizant .dark-text {
    color: #000070
}

.page--cognizant .grid-3__images {
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    padding-left: 26px;
    padding-right: 26px;
    position: relative
}

@media(min-width:1070px) {
    .page--cognizant .grid-3__images {
        margin: 0 auto
    }
}

.page--cognizant .grid-3__images.is-in-view figure {
    opacity: 1;
    transform: translateX(0)
}

.page--cognizant .grid-3__image-1 {
    opacity: 0;
    transform: translateX(-20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 100%
}

@media(min-width:1070px) {
    .page--cognizant .grid-3__image-1 {
        margin: 0 200px 100px 0;
        width: 40%
    }
}

.page--cognizant .grid-3__image-2 {
    display: none
}

@media(min-width:1070px) {
    .page--cognizant .grid-3__image-2 {
        bottom: 350px;
        display: block;
        opacity: 0;
        position: absolute;
        right: 0;
        transform: translateX(-20px);
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
        transition-delay: .2s;
        width: 70%
    }
}

.page--cognizant .grid-3__image-3 {
    display: none
}

@media(min-width:1070px) {
    .page--cognizant .grid-3__image-3 {
        bottom: -50px;
        display: block;
        opacity: 0;
        position: absolute;
        right: -200px;
        transform: translateX(-20px);
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
        transition-delay: .4s;
        width: 70%
    }
}

.page--cognizant .grid-4__images {
    margin: 0 auto;
    max-width: 1500px;
    opacity: 0;
    position: relative;
    transform: translateX(-40px);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--cognizant .grid-4__images.is-in-view {
    opacity: 1;
    transform: translateX(0)
}

@media(min-width:1070px) {
    .page--cognizant .grid-4__images {
        margin: 0 auto 300px;
        padding-top: 30px
    }
}

@media(min-width:1070px)and (min-width:350px) {
    .page--cognizant .grid-4__images {
        padding-top: 45px
    }
}

@media(min-width:1070px)and (min-width:600px) {
    .page--cognizant .grid-4__images {
        padding-top: 60px
    }
}

@media(min-width:1070px)and (min-width:1070px) {
    .page--cognizant .grid-4__images {
        padding-top: 100px
    }
}

.page--cognizant .grid-4__images.is-in-view figure {
    opacity: 1;
    transform: translateX(0)
}

.page--cognizant .grid-4__image-1 {
    opacity: 0;
    transform: translateX(-20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 100%
}

@media(min-width:1070px) {
    .page--cognizant .grid-4__image-1 {
        margin: 0 auto;
        position: relative;
        width: 75%
    }
}

.page--cognizant .grid-4__image-2 {
    display: none
}

@media(min-width:1070px) {
    .page--cognizant .grid-4__image-2 {
        bottom: -200px;
        display: block;
        opacity: 0;
        position: absolute;
        right: 300px;
        transform: translateX(-20px);
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
        transition-delay: .2s;
        width: 30%
    }
}

.video-1 {
    padding-bottom: 100px;
    position: relative;
    z-index: 0
}

.video-2 img {
    display: none
}

@media(min-width:1070px) {
    .video-2 img {
        border-radius: 10px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .3);
        display: block;
        position: absolute;
        right: 300px;
        top: 450px;
        width: 25%;
        z-index: 1
    }
}

.theme-covid-protocols {
    --c-bg-light: #000;
    --c-bg: #000;
    --c-border: #949494;
    --c-pop: #0a3ab5;
    --c-text-light: #2a8dff;
    --c-text: #fff;
    --c-hamburger: #2a8dff;
    --c-logo: #fff
}

.page--protocols {
    background-color: #000;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-top: 60px
}

.page--protocols .video-player__video {
    border-radius: 0
}

@media(min-width:768px) {
    .page--protocols {
        padding-top: 130px
    }
}

.page--protocols .topper {
    color: #fff;
    margin-top: 60px;
    padding-bottom: 45px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media(min-width:768px) {
    .page--protocols .topper {
        margin-top: 80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .page--protocols .topper {
        margin-top: 120px
    }

    .page--protocols .topper:after {
        bottom: 0;
        height: 100%;
        max-width: 900px;
        position: absolute;
        right: 0;
        width: 43%;
        z-index: -1
    }
}

.page--protocols .topper__content {
    margin: 0 auto;
    max-width: 1500px;
    position: relative;
    z-index: 2
}

.page--protocols .topper__intro {
    padding-bottom: 45px;
    position: relative;
    z-index: 2
}

@media(min-width:1070px) {
    .page--protocols .topper__intro {
        width: 45%
    }
}

.page--protocols .topper__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 30px
}

@media(min-width:600px) {
    .page--protocols .topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .page--protocols .topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .page--protocols .topper__title {
        font-size: 85px
    }
}

.page--protocols .topper__lede {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    line-height: 1.4;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--protocols .topper__lede {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--protocols .topper__lede {
        font-size: 20px
    }
}

.page--protocols .topper__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 35px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--protocols .topper__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--protocols .topper__description {
        font-size: 20px
    }
}

@media(min-width:1070px) {
    .page--protocols .topper__description {
        margin-bottom: 50px
    }
}

.page--protocols .topper__description p:not(:first-child) {
    margin-top: 15px
}

.page--protocols .topper__hero--wide {
    border-radius: 8px;
    overflow: hidden
}

@media(min-width:768px) {
    .page--protocols .topper__hero--wide {
        border-radius: 25px
    }
}

@media(min-width:1070px) {
    .page--protocols .topper__hero--wide {
        display: none
    }
}

@media(max-width:1069px) {
    .page--protocols .topper__hero--narrow {
        display: none
    }
}

@media(min-width:1070px) {
    .page--protocols .topper__hero--narrow {
        bottom: 0;
        max-width: 760px;
        position: absolute;
        right: 0;
        width: 50%
    }
}

.page--protocols .topper__meta a {
    color: #fff;
    text-decoration-color: #0a3ab5;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--protocols .topper__meta a:focus,
.page--protocols .topper__meta a:hover {
    color: #2a8dff;
    text-decoration-color: #2a8dff
}

.page--protocols .topper__meta p {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--protocols .topper__meta p {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--protocols .topper__meta p {
        font-size: 18px
    }
}

.page--protocols .topper__meta li {
    font-weight: 400;
    margin-bottom: 8px
}

.page--protocols .topper__meta a,
.page--protocols .topper__meta span {
    font-weight: 400
}

@media(min-width:768px) {
    .page--protocols .topper__meta {
        display: flex
    }
}

.page--protocols .topper__meta-col {
    margin: 30px 0 0
}

@media(min-width:768px) {
    .page--protocols .topper__meta-col {
        margin: 0 40px 0 0;
        width: 50%
    }
}

.page--protocols .topper__meta-apps {
    margin-top: 35px
}

.page--protocols .topper__meta-bar {
    color: hsla(0, 0%, 100%, .5);
    padding: 0 10px
}

.page--protocols .topper__badges {
    align-items: center;
    display: flex;
    margin-top: 40px
}

.page--protocols .topper__badge-link:focus .topper__badge-app-store,
.page--protocols .topper__badge-link:hover .topper__badge-app-store {
    fill: #fff
}

.page--protocols .topper__badge-app-store {
    height: 50px;
    margin-right: 10px;
    width: 150px;
    fill: #2a8dff
}

.page--protocols .announcement__body__width {
    margin: 0 auto;
    max-width: 1500px
}

.page--protocols .announcement__body--protocols {
    background-color: #fff;
    color: #000;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.page--protocols .announcement__body--protocols ::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

.page--protocols .announcement__body--protocols ::selection {
    background: #000;
    color: #fff;
    text-shadow: none
}

@media(min-width:768px) {
    .page--protocols .announcement__body--protocols {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--protocols .announcement__body--protocols a {
    color: #000;
    text-decoration-color: #0a3ab5;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--protocols .announcement__body--protocols a:focus,
.page--protocols .announcement__body--protocols a:hover {
    color: #0a3ab5;
    text-decoration-color: #0a3ab5
}

.page--protocols .announcement__body--protocols .announcement__txt {
    color: #000;
    padding: 0;
    position: relative;
    z-index: 1
}

.page--protocols .announcement__body--protocols .announcement__txt p {
    margin-bottom: 0;
    margin-top: 15px
}

.page--protocols .announcement__body--protocols .announcement__txt ol,
.page--protocols .announcement__body--protocols .announcement__txt ul {
    color: #000;
    margin-bottom: 0;
    margin-top: 15px
}

.page--protocols .announcement__body--protocols .announcement__txt ol {
    color: #000;
    padding-left: 30px
}

.page--protocols .announcement__body--protocols .announcement__txt ol li {
    counter-increment: step-counter;
    margin-bottom: 15px;
    position: relative
}

.page--protocols .announcement__body--protocols .announcement__txt ol li:last-child {
    margin-bottom: 0
}

.page--protocols .announcement__body--protocols .announcement__txt ol li:before {
    color: #949494;
    content: counter(step-counter) ".";
    left: -30px;
    position: absolute;
    top: 0
}

.page--protocols .announcement__body--protocols .announcement__txt ol li:last-child {
    padding-bottom: 0
}

.page--protocols .announcement__body--protocols .announcement__txt p:first-child {
    margin-top: 0
}

.page--protocols .announcement__body--protocols .announcement__txt h2 {
    font-weight: 500;
    margin-top: 15px
}

.protocols-map-section {
    position: relative
}

.protocols-map-mod {
    bottom: -15vw;
    left: 50%;
    min-width: 100vw;
    position: absolute;
    top: -15vw;
    transform: translate3d(-50%, 0, 0);
    width: auto
}

.protocols-map-mod:before {
    background: linear-gradient(#fff, hsla(0, 0%, 100%, 0));
    top: 0
}

.protocols-map-mod:after,
.protocols-map-mod:before {
    content: "";
    display: block;
    height: 20vw;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.protocols-map-mod:after {
    background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
    bottom: 0
}

.protocols-map-mod circle {
    opacity: 0
}

.protocols-map {
    height: 100%;
    width: auto
}

.diagram-mod {
    margin: 0 auto;
    max-width: 1100px;
    width: 100%
}

.protocols-mobile-image {
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: all .5s ease;
    transition-delay: .25s
}

@media(min-width:768px) {
    .protocols-mobile-image {
        border-radius: 25px
    }
}

.protocols-mobile-image:nth-child(2) {
    margin-top: 100px;
    transition-delay: .35s
}

.protocols-mobile-image:nth-child(3) {
    margin-top: 200px;
    transition-delay: .45s
}

.protocols-mobile-image:after {
    content: "";
    display: block;
    padding-top: 150%;
    position: relative
}

.is-visible .protocols-mobile-image {
    opacity: 1;
    transform: translateZ(0)
}

.protocols-image-mod {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 45px 0;
    position: relative;
    z-index: 2
}

@media(min-width:1200px) {
    .protocols-image-mod {
        padding: 85px 0
    }
}

.protocols-video-mod {
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 10px 40px rgba(0, 0, 0, .2);
    margin: 45px 0;
    max-width: 1100px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media(min-width:1200px) {
    .protocols-video-mod {
        margin: 85px auto
    }
}

.protocols-video-mod video {
    margin-bottom: -10px;
    width: 100%
}

.protocols-image {
    border-radius: 8px;
    box-shadow: 0 0 40px rgba(0, 0, 0, .2);
    display: block;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: all .3s ease
}

@media(min-width:768px) {
    .protocols-image {
        border-radius: 25px
    }
}

.protocols-image.lazyloaded {
    opacity: 1;
    transform: translateZ(0)
}

.protocols-columns {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.protocols-columns>* {
    width: 30%
}

.covid-pullquote {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding: 45px 0
}

@media(min-width:1200px) {
    .covid-pullquote {
        padding: 85px 0
    }
}

.covid-pullquote__text {
    color: var(--c-text);
    color: #000;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px;
    position: relative
}

@media(min-width:600px)and (max-width:1549px) {
    .covid-pullquote__text {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .covid-pullquote__text {
        font-size: 48px
    }
}

.covid-pullquote__text:before {
    content: "“";
    display: block;
    padding-right: .1em;
    position: absolute;
    right: 100%;
    top: 0
}

.covid-pullquote__credit {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .covid-pullquote__credit {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .covid-pullquote__credit {
        font-size: 20px
    }
}

.covid-pullquote__credit__name {
    font-weight: 500
}

.covid-pullquote__credit__name,
.covid-pullquote__credit__title {
    display: block
}

.page--designtex {
    --designtex-viewport-spacing: 20px;
    --secondary-text-color: #949494;
    --text-color: #000;
    padding-top: 60px
}

@media(min-width:768px) {
    .page--designtex {
        padding-top: 130px;
        --designtex-viewport-spacing: 5vw
    }
}

@media(min-width:1200px) {
    .page--designtex {
        --designtex-viewport-spacing: 10vw
    }
}

.page--designtex .video-player__video {
    border-radius: 0
}

.theme-designtex {
    --c-bg-light: rgba(0, 0, 0, .1);
    --c-bg: #fff;
    --c-border: #e1e1e1;
    --c-error: #f8cb54;
    --c-pop: #757575;
    --c-text-light: #757575;
    --c-text: #000;
    --c-hamburger: #000;
    --c-logo: #000
}

.designtex__topper {
    margin-top: 60px
}

@media(min-width:768px) {
    .designtex__topper {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .designtex__topper {
        margin-top: 120px
    }
}

.designtex-photo-grid {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px
}

@media(min-width:768px) {
    .designtex-photo-grid {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media(min-width:0)and (max-width:767px) {
    .designtex-photo-grid {
        margin-top: 60px
    }
}

@media(min-width:0)and (max-width:767px)and (min-width:768px) {
    .designtex-photo-grid {
        margin-top: 80px
    }
}

@media(min-width:0)and (max-width:767px)and (min-width:1070px) {
    .designtex-photo-grid {
        margin-top: 120px
    }
}

@media(min-width:768px) {
    .designtex-photo-grid {
        padding-left: var(--designtex-viewport-spacing);
        padding-right: var(--designtex-viewport-spacing)
    }
}

.designtex-photo-grid__photos {
    width: 50%
}

.designtex-photo-grid__photos video {
    width: 100%
}

.designtex-photo-grid__photos--supporting {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-left: var(--designtex-viewport-spacing)
}

.designtex-photo-grid__photos--supporting img:last-child,
.designtex-photo-grid__photos--supporting video:last-child {
    margin-top: var(--designtex-viewport-spacing);
    width: 75%
}

.designtex-opportunity {
    margin-left: 20px;
    margin-right: 20px
}

@media(min-width:768px) {
    .designtex-opportunity {
        margin-left: 40px;
        margin-right: 40px
    }
}

.designtex-opportunity__imagery {
    align-items: center;
    display: flex;
    margin-top: 60px
}

@media(min-width:768px) {
    .designtex-opportunity__imagery {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .designtex-opportunity__imagery {
        margin-top: 120px
    }
}

@media(min-width:768px) {
    .designtex-opportunity__imagery {
        padding-left: var(--designtex-viewport-spacing);
        padding-right: var(--designtex-viewport-spacing)
    }
}

.designtex-opportunity__image--wallcovering {
    width: 70%
}

.designtex-opportunity__image--pattern {
    background-color: #fff;
    border: 1px solid #000;
    margin-left: -10%;
    padding: 10px;
    width: 40%
}

.designtex-flow__intro {
    margin-left: 20px;
    margin-right: 20px
}

@media(min-width:768px) {
    .designtex-flow__intro {
        margin-left: 40px;
        margin-right: 40px
    }
}

.designtex-flow {
    counter-reset: designtex-flow-step
}

.designtex-flow video {
    display: block;
    width: 100%
}

.designtex-flow__step-text-wrapper {
    margin: 60px 20px 40px
}

@media(min-width:768px) {
    .designtex-flow__step-text-wrapper {
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .designtex-flow__step-text-wrapper {
        margin-top: 120px
    }
}

@media(min-width:768px) {
    .designtex-flow__step-text-wrapper {
        margin-bottom: 60px
    }
}

@media(min-width:1070px) {
    .designtex-flow__step-text-wrapper {
        margin-bottom: 80px
    }
}

.designtex-flow__step-text {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    max-width: 400px
}

@media(min-width:600px)and (max-width:1399px) {
    .designtex-flow__step-text {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .designtex-flow__step-text {
        font-size: 18px
    }
}

.designtex-flow__step-text:before {
    border: 1px solid #000;
    border-radius: 50%;
    content: counter(designtex-flow-step);
    counter-increment: designtex-flow-step;
    display: block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    text-align: center;
    width: 50px
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__step-text {
        margin-top: 40px
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:768px) {
    .designtex-flow__step-text {
        margin-top: 60px
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:1070px) {
    .designtex-flow__step-text {
        margin-top: 80px
    }
}

@media(min-width:1800px) {
    .designtex-flow__step-text {
        margin-left: var(--designtex-viewport-spacing)
    }
}

.designtex-flow__step--fabric {
    margin-top: 60px;
    position: relative
}

@media(min-width:768px) {
    .designtex-flow__step--fabric {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .designtex-flow__step--fabric {
        margin-top: 120px
    }
}

.designtex-flow__fabric {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__fabric {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:768px) {
    .designtex-flow__fabric {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media(min-width:1200px) {
    .designtex-flow__fabric {
        align-items: flex-start;
        flex-direction: row
    }
}

@media(min-width:1800px) {
    .designtex-flow__fabric {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        position: relative
    }
}

.designtex-flow__fabric-swatches {
    max-width: 50%;
    width: auto
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__fabric-swatches {
        display: none
    }
}

@media(min-width:1200px)and (max-width:1799px) {
    .designtex-flow__fabric-swatches {
        margin-left: -40px;
        margin-right: var(--designtex-viewport-spacing);
        margin-top: 20px
    }
}

@media(min-width:1200px)and (max-width:1799px)and (min-width:768px) {
    .designtex-flow__fabric-swatches {
        margin-top: 40px
    }
}

@media(min-width:1800px) {
    .designtex-flow__fabric-swatches {
        bottom: 110%;
        position: absolute;
        right: -30%
    }
}

.designtex-flow__fabric-select {
    border: 1px solid #000;
    max-width: 1440px
}

.designtex-flow__pattern {
    display: flex;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .designtex-flow__pattern {
        margin-left: 40px;
        margin-right: 40px
    }
}

.designtex-flow__pattern-select {
    border: 1px solid #000;
    max-width: 1440px
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__pattern-select {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:768px) {
    .designtex-flow__pattern-select {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1200px) {
    .designtex-flow__step--preview {
        position: relative
    }

    .designtex-flow__step--preview .designtex-flow__step-text-wrapper {
        position: absolute
    }
}

.designtex-flow__color-and-render {
    display: flex;
    flex-direction: column
}

.designtex-flow__color {
    position: relative;
    width: 100%;
    z-index: 0
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__color {
        margin-top: 20px;
        overflow: hidden
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:768px) {
    .designtex-flow__color {
        margin-top: 40px
    }
}

@media(min-width:1200px) {
    .designtex-flow__color {
        align-self: flex-end;
        margin-top: -20px;
        max-width: 50%
    }
}

@media(min-width:1800px) {
    .designtex-flow__color {
        max-width: 60%
    }
}

.designtex-flow__color-picker-wrapper {
    pointer-events: none
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__color-picker-wrapper {
        margin: 20px 20px 30vh
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:768px) {
    .designtex-flow__color-picker-wrapper {
        margin-left: 40px;
        margin-right: 40px;
        margin-top: 40px
    }
}

@media(min-width:1200px) {
    .designtex-flow__color-picker-wrapper {
        left: 0;
        position: absolute;
        top: 50%;
        transform: translate(-20%, -50%)
    }
}

@media(min-width:1500px) {
    .designtex-flow__color-picker-wrapper {
        transform: translate(-50%, -50%)
    }
}

.designtex-flow__color-picker {
    border: 1px solid #000;
    max-width: 489px
}

.designtex-flow__color-preview-wrapper .video-player__button {
    bottom: auto;
    top: 20px
}

@media(min-width:1200px) {
    .designtex-flow__color-preview-wrapper .video-player__button {
        top: 40px
    }
}

@media(min-width:1500px) {
    .designtex-flow__color-preview-wrapper .video-player__button {
        top: 20px
    }
}

.designtex-flow__color-preview-wrapper video {
    position: relative;
    z-index: -1
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__color-preview-wrapper {
        left: 0;
        position: absolute;
        top: 0
    }
}

@media(min-width:1800px) {
    .designtex-flow__color-preview-wrapper {
        max-height: 1200px;
        overflow: hidden;
        width: 100%
    }
}

.designtex-flow__render {
    position: relative;
    z-index: 0
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__render {
        display: flex;
        flex-direction: column;
        margin-top: 40px
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:768px) {
    .designtex-flow__render {
        margin-top: 60px
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:1070px) {
    .designtex-flow__render {
        margin-top: 80px
    }
}

@media(min-width:0)and (max-width:767px) {
    .designtex-flow__render {
        align-items: center
    }
}

@media(min-width:768px)and (max-width:1199px) {
    .designtex-flow__render {
        align-items: flex-start
    }
}

@media(min-width:1200px) {
    .designtex-flow__render {
        margin-top: -20px;
        padding-bottom: 40px
    }
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__render-scale-wrapper {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width:0)and (max-width:1199px)and (min-width:768px) {
    .designtex-flow__render-scale-wrapper {
        margin-left: 40px;
        margin-right: 40px
    }
}

@media(min-width:1200px) {
    .designtex-flow__render-scale-wrapper {
        left: 0;
        position: absolute;
        top: 0;
        transform: translate(25%, -50%);
        z-index: 1
    }
}

.designtex-flow__render-scale {
    border: 1px solid #000;
    max-width: 449px
}

.designtex-flow__render-preview {
    max-width: 1189px
}

@media(min-width:0)and (max-width:1199px) {
    .designtex-flow__render-preview {
        margin-top: -20px
    }

    .designtex-flow__render-preview video {
        position: relative;
        z-index: -1
    }
}

.designtex-flow__render-result {
    bottom: 0;
    max-width: 500px;
    position: absolute;
    right: 0;
    z-index: -1
}

@media(min-width:0)and (max-width:1499px) {
    .designtex-flow__render-result {
        display: none
    }
}

@media(min-width:1800px) {
    .designtex-flow__render-result {
        transform: translateX(-10vw)
    }
}

.designtex-validation__text {
    margin-left: 20px;
    margin-right: 20px
}

@media(min-width:768px) {
    .designtex-validation__text {
        margin-left: 40px;
        margin-right: 40px
    }
}

.designtex-validation__image {
    margin: 60px auto;
    max-width: 1200px
}

@media(min-width:768px) {
    .designtex-validation__image {
        margin-bottom: 80px
    }
}

@media(min-width:1070px) {
    .designtex-validation__image {
        margin-bottom: 120px
    }
}

@media(min-width:768px) {
    .designtex-validation__image {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .designtex-validation__image {
        margin-top: 120px
    }
}

.designtex-validation__fabrics {
    background-image: url(/static/dist/9038212384f7224791bd.jpg);
    background-position: 50%;
    background-size: auto 100%;
    height: 223.5px;
    margin-top: 60px
}

@media(min-width:768px) {
    .designtex-validation__fabrics {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .designtex-validation__fabrics {
        margin-top: 120px
    }
}

@media(min-width:600px) {
    .designtex-validation__fabrics {
        height: 447px
    }
}

.designtex-text {
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    max-width: 780px
}

@media(min-width:768px) {
    .designtex-text {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .designtex-text {
        margin-top: 120px
    }
}

.designtex-text__title {
    font-weight: 500
}

.designtex-text__body {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .designtex-text__body {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .designtex-text__body {
        font-size: 20px
    }
}

.designtex-topper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 60px
}

@media(min-width:768px) {
    .designtex-topper {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .designtex-topper {
        margin-top: 120px
    }
}

@media(min-width:768px) {
    .designtex-topper {
        margin-left: 40px;
        margin-right: 40px
    }
}

.designtex-topper__title {
    color: var(--c-text);
    color: var(--secondary-text-color);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    max-width: 1100px
}

@media(min-width:600px) {
    .designtex-topper__title {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .designtex-topper__title {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .designtex-topper__title {
        font-size: 62px
    }
}

.designtex-topper__title span {
    color: var(--text-color)
}

.designtex-topper__services {
    margin-top: 20px
}

@media(min-width:768px) {
    .designtex-topper__services {
        margin-top: 40px
    }
}

.designtex-topper__services-title {
    color: var(--secondary-text-color)
}

.designtex-topper__services-list {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.designtex-topper__service {
    padding-top: 10px
}

.theme-e360 {
    --c-bg-light: #fcfbf8;
    --c-bg: #fff;
    --c-border: #989388;
    --c-pop: #ff6654;
    --c-text-light: #2d3339;
    --c-text: #2d3339;
    --c-nav-text: #fff;
    --c-nav-text-hover: #ff6654;
    --c-hamburger: #ff6654;
    --c-logo: #fff
}

.page--e360 {
    z-index: 1
}

.page--e360 .video-player__video {
    border-radius: 0
}

.page--e360 .nav {
    z-index: 9999
}

.page--e360 .page {
    background-attachment: #fff
}

.page--e360 .announcement__cover-inner {
    position: relative
}

.page--e360 .anouncement__header--e360 {
    color: #fff
}

.page--e360 .announcement__cover--e360 {
    background-color: #2d3339;
    background-position: top;
    position: relative;
    z-index: 1
}

.page--e360 .announcement__cover--e360:before {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .25;
    position: absolute;
    top: 0;
    width: 100%
}

.page--e360 .announcement__body--e360 {
    background-color: #fff
}

.page--e360 .announcement__body--e360 img {
    display: block
}

.page--e360 .announcement__dropcap {
    background: #ff6654;
    color: #fff
}

.page--e360 .e360__video {
    background-color: #f4f1e6;
    border-radius: .3em;
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    padding: .8em .4em;
    width: 100%
}

@media(min-width:1070px) {
    .page--e360 .e360__video {
        border-radius: 1em;
        padding: 2em .5em
    }
}

.page--e360 .e360__branding--logo {
    margin: 30px auto;
    padding: 90px 30px
}

.page--e360 .e360__branding--logo img {
    margin: 0 auto;
    max-width: 260px
}

@media(min-width:600px) {
    .page--e360 .e360__branding--logo img {
        max-width: 300px
    }
}

@media(min-width:768px) {
    .page--e360 .e360__branding--logo {
        padding: 100px 30px 200px
    }

    .page--e360 .e360__branding--logo img {
        max-width: 500px
    }
}

.page--e360 .announcement__branding {
    background-color: #fcfbf8;
    padding-top: 80px
}

.page--e360 .announcement__tour {
    background-color: #fff;
    margin-bottom: -10px;
    padding: 30px;
    position: relative;
    top: -2px;
    z-index: 2
}

.page--e360 .announcement__body {
    padding-bottom: 0;
    padding-top: 0
}

.page--e360 .announcement__txt {
    background-color: #fff;
    padding: 85px 26px
}

.page--e360 .announcement__txt .e360-inline-link {
    color: #ff6654;
    text-decoration: underline
}

.page--e360 .announcement__txt .e360-inline-link:hover {
    color: #000
}

.page--e360 .announcement__txt p:last-child {
    margin: 0
}

.page--e360 .announcement__blog-author,
.page--e360 .announcement__deck,
.page--e360 .announcement__lede {
    color: #fff
}

.page--e360 .announcement__kicker {
    color: #ff6654
}

.page--e360 .block-container {
    overflow: hidden
}

@media(prefers-reduced-motion:no-preference) {
    .page--e360 .block-container:hover img {
        transform: perspective(600px) translateZ(90px);
        transition: .7s cubic-bezier(.7, .1, .1, 1)
    }

    .page--e360 .block-container:hover img.shadow {
        mix-blend-mode: softlight;
        opacity: .1;
        transform: perspective(6000rem) translate(-50%, -35%);
        transition: .65s cubic-bezier(.7, .1, .1, 1)
    }
}

.page--e360 .e360__brand--colors {
    -moz-column-gap: 0;
    column-gap: 0
}

@media(min-width:600px) {
    .page--e360 .e360__brand--colors {
        -moz-columns: 2;
        column-count: 2;
        display: block
    }
}

@media(min-width:1070px) {
    .page--e360 .e360__brand--colors {
        -moz-columns: 4;
        column-count: 4;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.page--e360 .color-block {
    align-items: center;
    backface-visibility: hidden;
    background-position: 50%;
    background-size: cover;
    display: flex;
    flex: 1;
    float: left;
    height: 100vw;
    justify-content: center;
    overflow: hidden;
    padding: 30px;
    position: relative;
    transform-origin: 50%;
    width: 100vw
}

.page--e360 .color-block img {
    transform: perspective(600px) translateZ(0);
    transition: .85s cubic-bezier(.7, .1, .1, 1);
    width: 60%;
    z-index: 1
}

.page--e360 .color-block img.shadow {
    filter: blur(3px);
    left: 50%;
    mix-blend-mode: softlight;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: perspective(6000rem) translate(-50%, -50%);
    transform-origin: left;
    transition: .85s cubic-bezier(.7, .1, .1, 1);
    z-index: 0
}

.page--e360 .color-block:hover {
    transition-delay: 0s
}

@media(min-width:600px) {
    .page--e360 .color-block {
        height: 50vw;
        width: 50vw
    }
}

@media(min-width:1070px) {
    .page--e360 .color-block {
        height: 25vw;
        width: 25vw
    }
}

@keyframes colorPalette1 {
    0% {
        background-color: #ff8d9c
    }

    25% {
        background-color: #d7e6cc
    }

    50% {
        background-color: #70ace8
    }

    75% {
        background-color: #f2d7bb
    }

    to {
        background-color: #ff8d9c
    }
}

.page--e360 .color-block--1 {
    background-color: #ff8d9c
}

@media(prefers-reduced-motion:no-preference) {
    .page--e360 .color-block--1:hover {
        animation: colorPalette1 5s infinite
    }
}

.page--e360 .color-block--2 {
    background-image: url(/static/dist/bec698a185915837b08e.jpg)
}

@keyframes colorPalette3 {
    0% {
        background-color: #179e74
    }

    25% {
        background-color: #5c80bd
    }

    50% {
        background-color: #dca5a2
    }

    75% {
        background-color: #f18e8e
    }

    to {
        background-color: #179e74
    }
}

.page--e360 .color-block--3 {
    background-color: #179e74
}

.page--e360 .color-block--3 img {
    filter: brightness(0)
}

.page--e360 .color-block--4 {
    background-image: url(/static/dist/786786345e778a0837d7.jpg)
}

.page--e360 .color-block--5 {
    background-image: url(/static/dist/43b23120631b96c15c4e.jpg)
}

@keyframes colorPalette6 {
    0% {
        background-color: #004c87
    }

    25% {
        background-color: #d7e6cc
    }

    50% {
        background-color: #f8d081
    }

    75% {
        background-color: #b25a9c
    }

    to {
        background-color: #004c87
    }
}

.page--e360 .color-block--6 {
    background-color: #004c87
}

.page--e360 .color-block--7 {
    background-image: url(/static/dist/a963533c3c99b0c46b92.jpg)
}

@keyframes colorPalette8 {
    0% {
        background-color: #f8d081
    }

    25% {
        background-color: #5c80bd
    }

    50% {
        background-color: #dca5a2
    }

    75% {
        background-color: #368069
    }

    to {
        background-color: #f8d081
    }
}

.page--e360 .color-block--8 {
    background-color: #f8d081
}

@media(prefers-reduced-motion:no-preference) {
    .page--e360 .color-block--8:hover {
        animation: colorPalette8 5s infinite
    }

    .page--e360 .block-container:hover .color-block--3 {
        animation: colorPalette3 5s infinite
    }

    .page--e360 .block-container:hover .color-block--6 {
        animation: colorPalette6 5s infinite
    }

    .page--e360 .block-container:hover .color-block--6 .shadow {
        transform: perspective(6000rem) translate(-50%, -65%)
    }
}

@media(min-width:1070px) {
    .page--e360 .e360__brand--primary-colors {
        display: flex
    }
}

.page--e360 .primary-color {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 50vw;
    justify-content: flex-end;
    width: 50vw
}

@media(min-width:1070px) {
    .page--e360 .primary-color {
        height: 100%;
        width: 25vw
    }
}

.page--e360 .primary-color--orange {
    background-color: #ff6654;
    height: 50vw;
    width: 100vw
}

@media(min-width:600px) {
    .page--e360 .primary-color--orange {
        height: 30vw
    }
}

.page--e360 .primary-color-group {
    display: flex;
    flex-direction: row
}

@media(min-width:600px) {
    .page--e360 .primary-color-group .primary-color {
        height: 30vw
    }
}

.page--e360 .color-name,
.page--e360 .color-value {
    letter-spacing: 1px;
    margin: 0;
    padding: 30px;
    text-transform: uppercase
}

.page--e360 .color-value {
    padding-bottom: 0
}

.page--e360 .color-name {
    opacity: .5;
    padding-top: 0
}

.page--e360 .primary-color--black {
    background-color: #000;
    color: #fff
}

.page--e360 .primary-color--white {
    background-color: #fff
}

@media(min-width:1070px) {
    .page--e360 .e360__brand--typography {
        display: flex
    }
}

.page--e360 .brand-type {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width:1070px) {
    .page--e360 .brand-type {
        flex: 1
    }
}

.page--e360 .brand-type--serif {
    background-color: #ff6654;
    color: #fff
}

.page--e360 .brand-type--sans {
    background-color: #000;
    color: #989388
}

.page--e360 .brand-type--details {
    border-top: 4px solid;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    width: 90%
}

.page--e360 .brand-type--details p {
    color: var(--c-text);
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3
}

@media(min-width:600px)and (max-width:1399px) {
    .page--e360 .brand-type--details p {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--e360 .brand-type--details p {
        font-size: 16px
    }
}

@media(min-width:768px) {
    .page--e360 .brand-type--details {
        max-width: 600px;
        padding-bottom: 60px
    }
}

.page--e360 .specimen {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 400px;
    padding: 30px;
    width: 100%
}

.page--e360 .specimen img {
    max-width: 600px;
    width: 60vw
}

@media(min-width:1070px) {
    .page--e360 .specimen {
        min-height: 600px;
        padding-top: 0
    }

    .page--e360 .specimen img {
        width: 80%
    }
}

.page--e360 .specimen--sans img {
    width: 53vw
}

@media(min-width:1070px) {
    .page--e360 .specimen--sans img {
        position: relative;
        top: 11px;
        width: 75%
    }
}

.page--e360 .e360__illustrations-spread {
    box-shadow: 0 -40px 290px #fff
}

.page--e360 .e360__illustrations-spread img {
    width: 100vw
}

.page--e360 .e360__illustrations {
    min-height: 90vh;
    padding: 200px 30px;
    position: relative;
    text-align: center
}

.page--e360 .illustrations-video {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: auto
}

.page--e360 .illustrations-video video {
    width: 100%
}

.page--e360 .e360__gallery {
    background-color: #000;
    z-index: 2
}

.page--e360 .e360__gallery-center img {
    width: 100vw
}

@media(min-width:600px) {
    .page--e360 .e360__gallery-center {
        display: flex;
        flex-wrap: wrap
    }

    .page--e360 .e360__gallery-center img {
        height: 100%;
        width: 50%
    }
}

@media(min-width:1070px) {
    .page--e360 .e360__gallery-center {
        flex-direction: row;
        margin: -300px auto 0;
        max-width: 1920px
    }

    .page--e360 .e360__gallery-center img:nth-child(2n) {
        margin-top: -300px
    }
}

.page--e360 .e360__series-article {
    background-color: #000;
    padding: 60px 30px
}

.page--e360 .e360__series-article .announcement__txt {
    background: transparent;
    color: #fcfbf8;
    padding-top: 0
}

@media(min-width:1070px) {
    .page--e360 .e360__series-article {
        margin-top: -301px;
        padding: 500px 30px 200px
    }
}

.page--e360 .series-article-video {
    background-color: hsla(45, 40%, 98%, .1)
}

.page--e360 .e360__mobile-layouts {
    background-color: #ff6654;
    padding: 0 30px
}

.page--e360 .e360__mobile-layouts img {
    background-color: hsla(0, 0%, 100%, .2);
    margin-left: auto;
    margin-right: auto
}

.page--e360 .e360__mobile-layouts img:first-child {
    border-radius: 0 0 .8em .8em;
    margin-bottom: 2em;
    padding: 0 .4em 2em
}

.page--e360 .e360__mobile-layouts img:last-child {
    border-radius: .8em .8em 0 0;
    margin-top: 2em;
    padding: 2em .4em 0
}

.page--e360 .e360__mobile-layouts img:nth-child(2),
.page--e360 .e360__mobile-layouts img:nth-child(3) {
    border-radius: .8em;
    margin: 2em auto;
    padding: 2em .4em
}

@media(min-width:600px) {
    .page--e360 .e360__mobile-layouts {
        align-items: center;
        display: flex;
        height: 50vw
    }

    .page--e360 .e360__mobile-layouts img {
        width: 20%
    }

    .page--e360 .e360__mobile-layouts img:first-child {
        align-self: flex-start;
        border-radius: 0 0 .3em .3em;
        padding: 0 .2em 1em
    }

    .page--e360 .e360__mobile-layouts img:last-child {
        align-self: flex-end;
        border-radius: .3em .3em 0 0;
        padding: 1em .2em 0
    }

    .page--e360 .e360__mobile-layouts img:first-child,
    .page--e360 .e360__mobile-layouts img:last-child {
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }

    .page--e360 .e360__mobile-layouts img:nth-child(2),
    .page--e360 .e360__mobile-layouts img:nth-child(3) {
        border-radius: .3em;
        padding: 1em .2em
    }
}

@media(min-width:768px) {
    .page--e360 .e360__mobile-layouts img:first-child {
        align-self: flex-start;
        border-radius: 0 0 .8em .8em;
        padding: 0 .4em 2em
    }

    .page--e360 .e360__mobile-layouts img:last-child {
        align-self: flex-end;
        border-radius: .8em .8em 0 0;
        padding: 2em .4em 0
    }

    .page--e360 .e360__mobile-layouts img:first-child,
    .page--e360 .e360__mobile-layouts img:last-child {
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }

    .page--e360 .e360__mobile-layouts img:nth-child(2),
    .page--e360 .e360__mobile-layouts img:nth-child(3) {
        border-radius: .8em;
        padding: 2em .4em
    }
}

.page--e360 .e360__count-item {
    color: #000;
    counter-increment: step-counter;
    line-height: 1;
    position: relative
}

@media(min-width:600px) {
    .page--e360 .e360__count-item {
        font-size: 20px
    }
}

.page--e360 .e360__count-item:before {
    background-color: #ff6654;
    border-radius: 50%;
    color: #fff;
    content: counter(step-counter);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    left: 0;
    line-height: 26px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 28px
}

@media(min-width:550px) {
    .page--e360 .e360__count-item:before {
        height: 30px;
        left: 20px;
        line-height: 28px;
        width: 30px
    }
}

@media(min-width:600px) {
    .page--e360 .e360__count-item:before {
        top: 33px
    }
}

@media(min-width:768px) {
    .page--e360 .e360__count-item:before {
        top: 32px
    }
}

.page--e360 .e360__recognition-h,
.page--e360 .e360__topic-h {
    color: var(--c-text);
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 40px;
    text-align: center
}

@media(min-width:600px)and (max-width:1399px) {

    .page--e360 .e360__recognition-h,
    .page--e360 .e360__topic-h {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {

    .page--e360 .e360__recognition-h,
    .page--e360 .e360__topic-h {
        font-size: 20px
    }
}

.page--e360 .e360__topic-h--bdr {
    border-bottom: 1px solid;
    display: inline-block
}

.page--e360 .e360__topic-h--creme {
    color: #ff6654
}

.page--e360 .e360__count-item--topic {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 18px;
    padding: 15px 1% 15px 14%
}

@media(min-width:400px) {
    .page--e360 .e360__count-item--topic {
        padding-right: 12%;
        width: 50%
    }
}

@media(min-width:600px) {
    .page--e360 .e360__count-item--topic {
        padding: 22px 1% 22px 10%;
        width: 33.3%
    }
}

@media(min-width:768px) {
    .page--e360 .e360__count-item--topic {
        font-size: 22px
    }
}

.page--e360 .e360__count-item--topic:before {
    left: 6px
}

@media(min-width:600px) {
    .page--e360 .e360__count-item--topic:before {
        left: 12%
    }
}

.page--e360 .e360__pad--horiz-med {
    background: #fff;
    padding: 80px 20px
}

@media(min-width:600px) {
    .page--e360 .e360__pad--horiz-med {
        padding: 120px 40px
    }
}

.page--e360 .e360__count-items {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    max-width: 1070px;
    overflow: auto;
    padding: 0
}

@media(min-width:400px) {
    .page--e360 .e360__count-items {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.page--e360 .e360__recognition-h {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin: -1px auto 0;
    max-width: 1070px;
    padding-bottom: 40px;
    position: relative
}

.page--e360 .e360__recognition {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 30px 60px 0;
    position: relative
}

.page--e360 .e360__recognition a {
    color: #000;
    display: block
}

@media(min-width:400px) {
    .page--e360 .e360__recognition {
        flex-direction: row;
        padding: 0 30px 60px
    }

    .page--e360 .e360__recognition a {
        min-width: auto
    }
}

@media(min-width:1070px) {
    .page--e360 .e360__recognition a:hover {
        color: #ff6654;
        cursor: ne-resize
    }
}

.page--e360 .recognition {
    padding-bottom: 30px;
    text-align: center
}

.page--e360 .recognition img {
    display: initial;
    max-width: 50%;
    min-width: 150px
}

.page--e360 .recognition h4 {
    font-size: 14px;
    margin-top: 1em
}

@media(min-width:400px) {
    .page--e360 .recognition {
        margin: 30px;
        padding-bottom: 0
    }

    .page--e360 .recognition img {
        min-width: 90px
    }
}

@media(min-width:600px) {
    .page--e360 .recognition img {
        min-width: 140px
    }
}

.page--e360 .outer {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center
}

@media(min-width:600px) {
    .page--e360 .outer {
        height: 100px
    }
}

.page--e360 .inner {
    transform: scale(.8)
}

@media(min-width:600px) {
    .page--e360 .inner {
        transform: scale(1.5)
    }
}

@media(min-width:1070px) {
    .page--e360 .inner {
        transform: scale(1.85)
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(-130px)
    }

    25% {
        transform: translateX(-130px)
    }

    40% {
        transform: translateX(0)
    }

    65% {
        transform: translateX(0)
    }

    80% {
        transform: translateX(-130px)
    }

    to {
        transform: translateX(-130px)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(78px)
    }

    25% {
        transform: translateX(78px)
    }

    40% {
        transform: translateX(0)
    }

    65% {
        transform: translateX(0)
    }

    80% {
        transform: translateX(78px)
    }

    to {
        transform: translateX(78px)
    }
}

@keyframes hide {
    0% {
        opacity: 0;
        transform: scale(.98)
    }

    38% {
        opacity: 0;
        transform: scale(.98)
    }

    40% {
        opacity: 1;
        transform: scale(1)
    }

    61% {
        opacity: 1;
        transform: scale(1)
    }

    65% {
        opacity: 0;
        transform: scale(.98)
    }

    to {
        opacity: 0;
        transform: scale(.98)
    }
}

@media(prefers-reduced-motion:no-preference) {
    .page--e360 .threesixty {
        animation: slideLeft 6s infinite;
        animation-timing-function: cubic-bezier(.8, .1, .3, 1)
    }

    .page--e360 .E {
        animation: slideRight 6s infinite;
        animation-timing-function: cubic-bezier(.8, .1, .3, 1)
    }

    .page--e360 .E:before,
    .page--e360 .threesixty:before {
        background: #fff;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

    .page--e360 .Yale,
    .page--e360 .nvironment {
        animation: hide 6s infinite;
        transform-origin: 50% 50%
    }
}

.theme-emergence {
    --c-bg-light: #f9f4f1;
    --c-bg: #fff;
    --c-border: #0c2a28;
    --c-pop: #e5745d;
    --c-text-light: #b28c72;
    --c-text: #0c2a28;
    --c-nav-text: #fff;
    --c-nav-text-hover: #e5745d;
    --c-hamburger: #e5745d;
    --c-logo: #fff
}

.page--emergence .video-player__video {
    border-radius: 0
}

.page--emergence .announcement__header--emergence {
    color: #fff
}

.page--emergence .announcement__cover--emergence {
    background-color: #15403d;
    color: #fff;
    overflow: hidden;
    position: relative
}

.page--emergence .announcement__cover--emergence:after,
.page--emergence .announcement__cover--emergence:before {
    content: "";
    height: 100px;
    position: absolute
}

.page--emergence .announcement__cover--emergence:before {
    background-image: url(/static/dist/f70cd999216ff9cb867b.png);
    left: 35%;
    top: -10%;
    width: 340px
}

@media(min-width:600px) {
    .page--emergence .announcement__cover--emergence:before {
        left: 30%;
        top: -5%
    }
}

@media(min-width:768px) {
    .page--emergence .announcement__cover--emergence:before {
        left: 25%;
        top: 0
    }
}

.page--emergence .announcement__cover--emergence:after {
    background-image: url(/static/dist/8b1602ea7c5c96af57a4.png);
    bottom: -5%;
    right: 0;
    width: 500px
}

@media(min-width:600px) {
    .page--emergence .announcement__cover--emergence:after {
        bottom: 0;
        right: 5%
    }
}

@media(min-width:768px) {
    .page--emergence .announcement__cover--emergence:after {
        right: 15%
    }
}

.page--emergence .announcement__cover--emergence .announcement__kicker {
    background-color: #e5745d;
    color: #fff
}

.page--emergence .announcement__cover--emergence .announcement__deck,
.page--emergence .announcement__cover--emergence .announcement__lede {
    color: #fff
}

.page--emergence .announcement__body--emergence {
    background-color: #fff;
    color: #41424a;
    padding-bottom: 0;
    padding-top: 0
}

.page--emergence .announcement__body--emergence a {
    border-bottom: 1px solid rgba(229, 116, 93, .25);
    color: #e5745d;
    transition: all .3s ease-in-out
}

.page--emergence .announcement__body--emergence a:hover {
    border-color: #e5745d;
    color: #000
}

.page--emergence .announcement__body--emergence .announcement__dropcap {
    background: #e5745d;
    color: #fff
}

.page--emergence .announcement__body--emergence .announcement__txt {
    padding-bottom: 40px;
    padding-top: 40px
}

@media(min-width:600px) {
    .page--emergence .announcement__body--emergence .announcement__txt {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--emergence .announcement__body--emergence .announcement__txt {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--emergence .announcement__body--emergence .announcement__txt h2 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--emergence .announcement__body--emergence .announcement__txt h2 {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--emergence .announcement__body--emergence .announcement__txt h2 {
        font-size: 48px
    }
}

.page--emergence .announcement__body--emergence .announcement__txt p:last-of-type {
    margin-bottom: 0
}

.page--emergence .announcement__body--emergence .announcement__txt.announcement__txt--blog {
    padding-bottom: 0
}

.page--emergence .emcap-tour {
    padding-left: 26px;
    padding-right: 26px
}

.page--emergence .emcap-tour .emcap-tour__video {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%
}

.page--emergence .emcap-tour video {
    border: 4px solid #15403d;
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1);
    display: block;
    width: 100%
}

@media(min-width:600px) {
    .page--emergence .emcap-tour video {
        border-width: 10px
    }
}

.page--emergence .emcap-illustrations {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-left: 26px;
    padding-right: 26px
}

@media(max-width:599px) {
    .page--emergence .emcap-illustrations {
        flex-direction: row;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.page--emergence .emcap-illustrations__row {
    display: flex
}

.page--emergence .emcap-illustrations__row:first-of-type {
    align-items: flex-end
}

@media(min-width:600px) {
    .page--emergence .emcap-illustrations__row:first-of-type {
        margin-bottom: 26px
    }
}

.page--emergence .emcap-illustrations__row:last-of-type {
    align-items: flex-start
}

@media(min-width:600px) {
    .page--emergence .emcap-illustrations__row {
        flex-direction: row
    }
}

.page--emergence .emcap-illustrations__illustration {
    width: 40vw
}

@media(min-width:0)and (max-width:599px) {
    .page--emergence .emcap-illustrations__illustration {
        margin-right: 10px
    }
}

@media(min-width:600px) {
    .page--emergence .emcap-illustrations__illustration {
        max-width: 380px;
        width: auto
    }

    .page--emergence .emcap-illustrations__illustration:not(:last-of-type) {
        margin-right: 26px
    }
}

.page--emergence .emcap-illustrations__credit {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 20px
}

.page--emergence .emcap-palette {
    margin-top: -50px;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

@media(min-width:600px) {
    .page--emergence .emcap-palette {
        margin-top: -100px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-palette {
        margin-top: -150px
    }
}

@media(min-width:1500px) {
    .page--emergence .emcap-palette {
        margin-top: -250px
    }
}

.page--emergence .emcap-palette__bg {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.page--emergence .emcap-palette__bg svg {
    display: block;
    height: auto;
    width: 100%;
    fill: #f9f4f1
}

.page--emergence .emcap-palette__bg:after {
    background-color: #f9f4f1;
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%
}

.page--emergence .emcap-palette__swatches {
    display: flex;
    list-style-type: none;
    margin-top: 100px;
    overflow-x: scroll;
    padding: 0 26px 50px;
    -webkit-overflow-scrolling: touch
}

@media(min-width:600px) {
    .page--emergence .emcap-palette__swatches {
        margin-top: 100px;
        padding-bottom: 100px;
        padding-top: 50px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-palette__swatches {
        margin-top: 150px;
        padding-bottom: 150px
    }
}

@media(min-width:1500px) {
    .page--emergence .emcap-palette__swatches {
        margin-top: 250px
    }
}

@media(min-width:900px) {
    .page--emergence .emcap-palette__swatches {
        justify-content: center
    }
}

.page--emergence .emcap-swatch {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1);
    flex-shrink: 0;
    padding: 10px 10px 15px;
    text-align: center
}

.page--emergence .emcap-swatch:not(:last-of-type) {
    margin-right: 20px
}

@media(min-width:600px) {
    .page--emergence .emcap-swatch {
        opacity: 0;
        transform: translateY(-40%);
        transition: all .4s cubic-bezier(.215, .61, .355, 1)
    }

    .page--emergence .emcap-swatch:not(:last-of-type) {
        margin-right: 40px
    }

    .page--emergence .is-in-view .emcap-swatch {
        opacity: 1;
        transform: translateY(0)
    }

    .page--emergence .is-in-view .emcap-swatch.emcap-swatch--emerald {
        transition-delay: 0ms
    }

    .page--emergence .is-in-view .emcap-swatch.emcap-swatch--navy {
        transition-delay: .1s
    }

    .page--emergence .is-in-view .emcap-swatch.emcap-swatch--salmon {
        transition-delay: .2s
    }

    .page--emergence .is-in-view .emcap-swatch.emcap-swatch--mint {
        transition-delay: .3s
    }

    .page--emergence .is-in-view .emcap-swatch.emcap-swatch--tan {
        transition-delay: .4s
    }
}

.page--emergence .is-in-view .emcap-swatch:not(:last-of-type) {
    margin-right: 40px
}

.page--emergence .emcap-swatch__color {
    height: 60px;
    width: 120px
}

.page--emergence .emcap-swatch__color:first-of-type {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.page--emergence .emcap-swatch__color:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.page--emergence .emcap-swatch--emerald .emcap-swatch__color:first-of-type {
    background-color: #0c2a28
}

.page--emergence .emcap-swatch--emerald .emcap-swatch__color:last-of-type {
    background-color: #15403d
}

.page--emergence .emcap-swatch--navy .emcap-swatch__color:first-of-type {
    background-color: #324f6b
}

.page--emergence .emcap-swatch--navy .emcap-swatch__color:last-of-type {
    background-color: #466684
}

.page--emergence .emcap-swatch--salmon .emcap-swatch__color:first-of-type {
    background-color: #e5745d
}

.page--emergence .emcap-swatch--salmon .emcap-swatch__color:last-of-type {
    background-color: #ffb7a9
}

.page--emergence .emcap-swatch--mint .emcap-swatch__color:first-of-type {
    background-color: #67a582
}

.page--emergence .emcap-swatch--mint .emcap-swatch__color:last-of-type {
    background-color: #b5e4c9
}

.page--emergence .emcap-swatch--tan .emcap-swatch__color:first-of-type {
    background-color: #b28c72
}

.page--emergence .emcap-swatch--tan .emcap-swatch__color:last-of-type {
    background-color: #dcccc1
}

.page--emergence .emcap-swatch__name {
    color: #41424a;
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: 15px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--emergence .emcap-swatch__name {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--emergence .emcap-swatch__name {
        font-size: 16px
    }
}

.page--emergence .emcap-typefaces {
    color: #fff;
    display: flex;
    flex-wrap: wrap
}

.page--emergence .emcap-typeface {
    width: 100%
}

.page--emergence .emcap-typeface.emcap-typeface--primary {
    background-color: #15403d
}

.page--emergence .emcap-typeface.emcap-typeface--secondary {
    background-color: #466684
}

.page--emergence .emcap-typeface.emcap-typeface--tertiary {
    background-color: #b28c72
}

@media(min-width:1070px) {

    .page--emergence .emcap-typeface.emcap-typeface--secondary,
    .page--emergence .emcap-typeface.emcap-typeface--tertiary {
        width: 50%
    }
}

.page--emergence .emcap-typeface__image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 75%;
    padding-bottom: 80px;
    padding-top: 80px
}

@media(min-width:600px) {
    .page--emergence .emcap-typeface__image {
        padding-bottom: 140px;
        padding-top: 140px
    }
}

@media(min-width:1070px) {
    .emcap-typeface--primary .page--emergence .emcap-typeface__image {
        padding-bottom: 160px;
        padding-top: 160px;
        width: 800px
    }
}

.page--emergence .emcap-typeface__meta {
    align-items: center;
    border-top: 2px solid;
    color: var(--c-text);
    color: inherit;
    display: flex;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 60px;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 1.3;
    margin-left: 26px;
    margin-right: 26px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--emergence .emcap-typeface__meta {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--emergence .emcap-typeface__meta {
        font-size: 16px
    }
}

@media(min-width:600px) {
    .page--emergence .emcap-typeface__meta {
        height: 80px;
        margin-left: 40px;
        margin-right: 40px
    }
}

.emcap-typeface--primary .page--emergence .emcap-typeface__meta {
    border-color: #e5745d
}

.emcap-typeface--secondary .page--emergence .emcap-typeface__meta {
    border-color: #b5e4c9
}

.emcap-typeface--tertiary .page--emergence .emcap-typeface__meta {
    border-color: #dcccc1
}

.page--emergence .emcap-cement-background {
    background-color: #f9f4f1
}

.page--emergence .emcap-tech {
    counter-reset: tech-steps;
    position: relative;
    z-index: 0
}

@media(min-width:1070px) {
    .page--emergence .emcap-tech {
        margin-top: 60px
    }
}

.page--emergence .emcap-tech__bg {
    height: auto;
    position: absolute;
    top: 20%;
    width: 100%;
    fill: hsla(24, 28%, 81%, .25);
    z-index: -1
}

@media(min-width:0)and (max-width:1069px) {
    .page--emergence .emcap-tech__section:not(:first-o-type) {
        margin-top: 140px
    }
}

.page--emergence .emcap-icon {
    align-items: center;
    background-color: #e5745d;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    height: 80px;
    justify-content: center;
    position: relative;
    width: 80px
}

.page--emergence .emcap-hint {
    background-color: #fff;
    border: 2px solid #e5745d;
    counter-increment: tech-steps;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 20px;
    position: relative;
    text-align: left;
    width: 300px
}

.page--emergence .emcap-hint:before {
    background-color: #e5745d;
    color: #fff;
    content: counter(tech-steps);
    text-align: center
}

@media(min-width:0)and (max-width:1069px) {
    .page--emergence .emcap-hint {
        margin: 80px auto 40px
    }

    .page--emergence .emcap-hint:before {
        border-radius: 50%;
        bottom: 100%;
        font-size: 24px;
        height: 60px;
        left: 50%;
        line-height: 60px;
        margin-bottom: 20px;
        position: absolute;
        transform: translateX(-50%);
        width: 60px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-hint:before {
        height: 30px;
        left: 0;
        line-height: 30px;
        position: absolute;
        top: 0;
        transform: translate(-50%, -50%);
        width: 30px
    }
}

.page--emergence .emcap-hint:after {
    content: "";
    position: absolute
}

.page--emergence .emcap-contentful {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 26px;
    padding-right: 26px;
    position: relative
}

@media(min-width:1070px) {
    .page--emergence .emcap-contentful__hint {
        position: absolute;
        right: 26px;
        top: -30px
    }

    .page--emergence .emcap-contentful__hint:after {
        background-image: url(/static/dist/ae18f15bcc406218376f.svg);
        height: 76px;
        right: calc(100% + 20px);
        top: 50%;
        width: 63px
    }
}

.page--emergence .emcap-contentful__interface {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width:600px) {
    .page--emergence .emcap-contentful__interface {
        flex-direction: row
    }
}

.page--emergence .emcap-contentful__upload {
    padding-bottom: 40px;
    padding-right: 40px;
    position: relative;
    z-index: 0
}

@media(min-width:0)and (max-width:767px) {
    .page--emergence .emcap-contentful__upload {
        margin-bottom: 40px
    }
}

@media(min-width:600px) {
    .page--emergence .emcap-contentful__upload {
        margin-right: 40px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-contentful__upload {
        padding-bottom: 80px;
        padding-right: 80px
    }
}

.page--emergence .emcap-contentful__upload:after {
    background-color: rgba(70, 102, 132, .05);
    border: 1px dashed rgba(70, 102, 132, .5);
    bottom: 0;
    content: "";
    left: 20px;
    position: absolute;
    right: 0;
    top: 20px;
    z-index: -1
}

.page--emergence .emcap-contentful__icon {
    z-index: 2
}

@media(min-width:0)and (max-width:1069px) {
    .page--emergence .emcap-contentful__icon {
        bottom: 20px;
        position: absolute;
        right: 20px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-contentful__icon {
        position: absolute;
        right: -40px;
        top: -20px
    }
}

.page--emergence .emcap-contentful__icon img {
    height: 32px;
    width: auto
}

.page--emergence .emcap-contentful__image {
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1)
}

@media(min-width:1070px) {
    .page--emergence .emcap-contentful__image {
        transform: translate(-30%, -10%);
        transition: transform .5s ease-in-out;
        z-index: 1
    }

    .page--emergence .is-in-view .emcap-contentful_image {
        transform: translate(0)
    }
}

.page--emergence .emcap-contentful__inputs {
    display: flex;
    flex-direction: row;
    flex-shrink: 0
}

@media(min-width:600px) {
    .page--emergence .emcap-contentful__inputs {
        flex-direction: column
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-contentful__inputs {
        flex-direction: row
    }
}

@media(min-width:0)and (max-width:767px) {
    .page--emergence .emcap-contentful__input:last-of-type {
        display: none
    }
}

@media(min-width:600px)and (max-width:1069px) {
    .page--emergence .emcap-contentful__input:last-of-type {
        margin-top: 40px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-contentful__input:last-of-type {
        margin-left: 40px
    }
}

.page--emergence .emcap-graphql-gatsby {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    position: relative;
    text-align: center;
    z-index: 0
}

@media(min-width:1070px) {
    .page--emergence .emcap-graphql-gatsby {
        margin-top: 40px
    }
}

@media(min-width:1500px) {
    .page--emergence .emcap-graphql-gatsby {
        margin-bottom: -80px;
        margin-top: -40px;
        text-align: right
    }
}

.page--emergence .emcap-graphql {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: -1
}

@media(min-width:1070px) {
    .page--emergence .emcap-graphql-gatsby__hint {
        left: 26px;
        position: absolute;
        top: 80px
    }

    .page--emergence .emcap-graphql-gatsby__hint:after {
        background-image: url(/static/dist/ac4818df8d25404daaba.svg);
        height: 64px;
        left: 50%;
        top: calc(100% + 20px);
        width: 82px
    }
}

@media(min-width:1500px) {
    .page--emergence .emcap-graphql-gatsby__hint {
        left: 140px;
        position: absolute;
        top: 160px
    }

    .page--emergence .emcap-graphql-gatsby__hint:after {
        background-image: url(/static/dist/ac4818df8d25404daaba.svg);
        height: 64px;
        left: 80%;
        top: calc(100% + 20px);
        width: 82px
    }
}

.page--emergence .emcap-graphql__pattern {
    background: url(/static/dist/5c02f084ef2f303f2e5e.svg) no-repeat 50%;
    height: 308px;
    width: 100vw
}

@media(min-width:1070px) {
    .page--emergence .emcap-graphql__pattern {
        background-image: url(/static/dist/02be442f14aac2556979.svg);
        height: 760px;
        width: 983px
    }
}

@media(min-width:1500px) {
    .page--emergence .emcap-graphql__pattern {
        background-image: url(/static/dist/32ae233fc1aab8a4cb01.svg)
    }

    .page--emergence .emcap-graphql__line {
        background-image: url(/static/dist/419058af1b26d85117b6.svg);
        background-size: 100%;
        bottom: 0;
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: clip-path .5s cubic-bezier(.215, .61, .355, 1);
        transition-delay: .3s
    }

    .page--emergence .emcap-graphql__line.is-in-view {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@media(min-width:0)and (max-width:1069px) {
    .page--emergence .emcap-graphql__icon {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-graphql__icon {
        left: 114px;
        position: absolute;
        top: 415px
    }
}

.page--emergence .emcap-graphql__icon img {
    height: 45px;
    width: auto
}

.page--emergence .emcap-gatsby {
    display: inline-block;
    margin-left: 26px;
    margin-right: 26px;
    position: relative
}

@media(min-width:0)and (max-width:1069px) {
    .page--emergence .emcap-gatsby {
        margin-top: -40px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-gatsby {
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(0)
    }
}

.page--emergence .emcap-gatsby__code {
    border-radius: 10px;
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1)
}

.page--emergence .emcap-gatsby__icon {
    bottom: 20px;
    position: absolute;
    right: 0;
    transform: translate(-20px)
}

.page--emergence .emcap-gatsby__icon img {
    height: 37px;
    width: auto
}

.page--emergence .emcap-featured-company {
    position: relative;
    text-align: center
}

@media(min-width:1500px) {
    .page--emergence .emcap-featured-company {
        position: relative;
        z-index: 0
    }

    .page--emergence .emcap-featured-company:after {
        background-color: #466684;
        content: "";
        height: 860px;
        position: absolute;
        right: 0;
        top: 120px;
        width: 50vw;
        z-index: -1
    }
}

.page--emergence .emcap-featured-company img {
    display: inline-block
}

.page--emergence .emcap-featured-company__hint-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    position: relative
}

@media(min-width:1070px) {
    .page--emergence .emcap-featured-company__hint {
        bottom: -40px;
        position: absolute;
        right: 26px
    }

    .page--emergence .emcap-featured-company__hint:after {
        background-image: url(/static/dist/ae18f15bcc406218376f.svg);
        height: 76px;
        right: calc(100% + 20px);
        top: 50%;
        width: 63px
    }
}

.page--emergence .emcap-logo {
    padding-left: 26px;
    padding-right: 26px
}

.page--emergence .emcap-logo__cards {
    background-color: #fff;
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1051px
}

@media(min-width:768px) {
    .page--emergence .emcap-logo__cards {
        flex-direction: row
    }
}

.page--emergence .emcap-logo__card {
    align-items: center;
    color: #dcccc1;
    display: flex;
    flex: 1;
    justify-content: center;
    min-height: 250px;
    position: relative
}

@media(min-width:600px) {
    .page--emergence .emcap-logo__card {
        min-height: 300px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-logo__card {
        min-height: 350px
    }
}

.page--emergence .emcap-logo__card:after {
    background-color: #b28c72;
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1;
    padding: 8px 10px;
    position: absolute;
    text-transform: uppercase
}

@media(min-width:600px)and (max-width:1399px) {
    .page--emergence .emcap-logo__card:after {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--emergence .emcap-logo__card:after {
        font-size: 16px
    }
}

@media(min-width:0)and (max-width:767px) {
    .page--emergence .emcap-logo__card:after {
        left: 50%;
        transform: translateX(-50%)
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-logo__card:after {
        bottom: 0
    }
}

@media(min-width:0)and (max-width:767px) {
    .page--emergence .emcap-logo__card:first-of-type {
        border-bottom: 1px solid;
        margin-bottom: 1px
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-logo__card:first-of-type {
        border-right: 1px solid;
        margin-right: 1px
    }
}

.page--emergence .emcap-logo__card:first-of-type:after {
    content: "Before"
}

@media(min-width:0)and (max-width:767px) {
    .page--emergence .emcap-logo__card:first-of-type:after {
        top: 0
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-logo__card:first-of-type:after {
        left: 0
    }
}

@media(min-width:0)and (max-width:767px) {
    .page--emergence .emcap-logo__card:last-of-type {
        border-top: 1px solid
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-logo__card:last-of-type {
        border-left: 1px solid
    }
}

.page--emergence .emcap-logo__card:last-of-type:after {
    content: "After"
}

@media(min-width:0)and (max-width:767px) {
    .page--emergence .emcap-logo__card:last-of-type:after {
        bottom: 0
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-logo__card:last-of-type:after {
        right: 0
    }
}

.page--emergence .emcap-logo__logo {
    max-width: 60%
}

.page--emergence .emcap-value {
    padding-left: 26px;
    padding-right: 26px;
    text-align: center
}

.page--emergence .emcap-value__image-wrapper {
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1);
    display: inline-block;
    position: relative
}

.page--emergence .emcap-value__image-wrapper:after,
.page--emergence .emcap-value__image-wrapper:before {
    border: 1px solid #dcccc1;
    content: ""
}

.page--emergence .emcap-value__image-wrapper:before {
    bottom: 10px;
    left: 12px;
    position: absolute;
    right: 10px;
    top: 12px
}

@media(min-width:600px) {
    .page--emergence .emcap-value__image-wrapper:before {
        bottom: 20px;
        left: 22px;
        position: absolute;
        right: 20px;
        top: 22px
    }
}

.page--emergence .emcap-value__image-wrapper:after {
    bottom: 12px;
    left: 10px;
    position: absolute;
    right: 12px;
    top: 10px
}

@media(min-width:600px) {
    .page--emergence .emcap-value__image-wrapper:after {
        bottom: 22px;
        left: 20px;
        position: absolute;
        right: 22px;
        top: 20px
    }
}

.page--emergence .emcap-profile {
    background-color: #466684;
    box-shadow: inset 0 100px 0 #f9f4f1;
    padding-bottom: 50px;
    padding-left: 26px;
    padding-right: 26px;
    text-align: right
}

@media(min-width:600px) {
    .page--emergence .emcap-profile {
        padding-bottom: 100px;
        padding-left: 100px;
        padding-right: 0
    }
}

.page--emergence .emcap-browser {
    background-color: #466684;
    border: 2px solid #f9f4f1;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden
}

@media(min-width:600px) {
    .page--emergence .emcap-browser {
        border-radius: 10px;
        border-bottom-right-radius: 0;
        border-right: 0;
        border-top-right-radius: 0
    }
}

.page--emergence .emcap-browser__bar {
    background: url(/static/dist/1870b55ac4e6b02c1329.svg) no-repeat;
    background-position: 10px;
    background-size: auto 7px;
    border-bottom: 2px solid #f9f4f1;
    height: 30px;
    width: 100%
}

@media(min-width:600px) {
    .page--emergence .emcap-browser__bar {
        background-position: 15px;
        background-size: auto 14px;
        height: 40px
    }
}

.page--emergence .emcap-browser__window img {
    display: block
}

@media(min-width:1440px) {
    .page--emergence .emcap-archive {
        box-shadow: inset 0 658px 0 #466684, inset 0 -1px 0 #dcccc1;
        position: relative
    }

    .page--emergence .emcap-archive:after {
        background-color: #dcccc1;
        content: "";
        height: 1px;
        position: absolute;
        top: 1090px;
        width: 100%
    }
}

.page--emergence .emcap-archive__hero {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.page--emergence .emcap-thought {
    padding: 60px 26px;
    position: relative;
    text-align: center
}

@media(min-width:600px) {
    .page--emergence .emcap-thought {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-thought {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

.page--emergence .emcap-ipad {
    align-items: center;
    background-color: #fff;
    border: 2px solid #b28c72;
    border-radius: 10px;
    display: inline-flex;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative
}

@media(min-width:350px) {
    .page--emergence .emcap-ipad {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-ipad {
        border-radius: 20px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-ipad {
        padding-bottom: 40px;
        padding-top: 40px
    }
}

.page--emergence .emcap-ipad:after,
.page--emergence .emcap-ipad:before {
    background-size: 190px 60px;
    content: "";
    height: 60px;
    position: absolute;
    width: 190px
}

@media(min-width:1070px) {

    .page--emergence .emcap-ipad:after,
    .page--emergence .emcap-ipad:before {
        background-size: 380px 120px;
        height: 120px;
        width: 380px
    }
}

.page--emergence .emcap-ipad:before {
    background-image: url(/static/dist/e917cccd5ba75a371049.png);
    bottom: 100%;
    right: 5%
}

.page--emergence .emcap-ipad:after {
    background-image: url(/static/dist/d71876c2861106ead186.png);
    left: 5%;
    top: 100%
}

.page--emergence .emcap-ipad__button,
.page--emergence .emcap-ipad__camera {
    border-radius: 50%;
    flex-shrink: 0
}

.page--emergence .emcap-ipad__camera {
    background-color: #b28c72;
    height: 8px;
    margin-left: 5px;
    margin-right: 5px;
    width: 8px
}

@media(min-width:350px) {
    .page--emergence .emcap-ipad__camera {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-ipad__camera {
        height: 14px;
        margin-left: 20px;
        margin-right: 20px;
        width: 14px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-ipad__camera {
        margin-left: 30px;
        margin-right: 30px
    }
}

.page--emergence .emcap-ipad__button {
    border: 2px solid #b28c72;
    box-sizing: border-box;
    height: 20px;
    margin-left: 5px;
    margin-right: 5px;
    width: 20px
}

@media(min-width:350px) {
    .page--emergence .emcap-ipad__button {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-ipad__button {
        height: 40px;
        margin-left: 15px;
        margin-right: 15px;
        width: 40px
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-ipad__button {
        height: 50px;
        margin-left: 25px;
        margin-right: 25px;
        width: 50px
    }
}

.page--emergence .emcap-ipad__screen img {
    display: block
}

.page--emergence .emcap-blobs {
    height: 300px;
    overflow: hidden;
    position: relative
}

@media(min-width:0)and (max-width:1069px) {
    .page--emergence .emcap-blobs {
        background-image: url(/static/dist/c6b2fa9da223976724f5.svg);
        background-position: top;
        background-repeat: no-repeat
    }
}

@media(min-width:1070px) {
    .page--emergence .emcap-blobs {
        height: 400px
    }
}

@keyframes emcap-blob {
    0% {
        transform: scaleY(.9) skewX(-1deg)
    }

    50% {
        transform: scaleY(1.2) skewX(1deg)
    }

    to {
        transform: scaleY(.9) skewX(-1deg)
    }
}

.page--emergence .emcap-blobs__blob {
    position: absolute
}

.page--emergence .emcap-blobs__blob path {
    animation-direction: alternate;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-name: emcap-blob;
    animation-timing-function: ease-in-out;
    mix-blend-mode: multiply
}

@media(min-width:0)and (max-width:1069px) {
    .page--emergence .emcap-blobs__blob {
        display: none
    }
}

.page--emergence .emcap-blobs__blob--1 {
    fill: #e5745d;
    left: 0
}

.page--emergence .emcap-blobs__blob--2 {
    fill: #b5e4c9;
    left: 0
}

.page--emergence .emcap-blobs__blob--3 {
    fill: #466684;
    right: 0
}

.page--emergence .emcap-services__item {
    color: #41424a;
    counter-increment: step-counter;
    line-height: 1;
    position: relative
}

@media(min-width:600px) {
    .page--emergence .emcap-services__item {
        font-size: 20px
    }
}

.page--emergence .emcap-services__item:before {
    background-color: #e5745d;
    border-radius: 50%;
    color: #fff;
    content: counter(step-counter);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    left: 0;
    line-height: 26px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 28px
}

@media(min-width:550px) {
    .page--emergence .emcap-services__item:before {
        height: 30px;
        left: 20px;
        line-height: 28px;
        width: 30px
    }
}

@media(min-width:600px) {
    .page--emergence .emcap-services__item:before {
        top: 33px
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-services__item:before {
        top: 32px
    }
}

.page--emergence .emcap-services {
    background-color: #fff;
    padding: 80px 20px
}

@media(min-width:600px) {
    .page--emergence .emcap-services {
        padding: 120px 40px
    }
}

.page--emergence .emcap-services__title {
    color: var(--c-text);
    color: #41424a;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 40px;
    text-align: center
}

@media(min-width:600px)and (max-width:1399px) {
    .page--emergence .emcap-services__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--emergence .emcap-services__title {
        font-size: 20px
    }
}

.page--emergence .emcap-services__items {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    max-width: 1070px;
    overflow: auto;
    padding: 0
}

@media(min-width:400px) {
    .page--emergence .emcap-services__items {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.page--emergence .emcap-services__item {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 18px;
    padding: 15px 1% 15px 14%
}

@media(min-width:400px) {
    .page--emergence .emcap-services__item {
        padding-right: 12%;
        width: 50%
    }
}

@media(min-width:600px) {
    .page--emergence .emcap-services__item {
        padding: 22px 1% 22px 10%;
        width: 33.3%
    }
}

@media(min-width:768px) {
    .page--emergence .emcap-services__item {
        font-size: 22px
    }
}

.page--emergence .emcap-services__item:before {
    left: 6px
}

@media(min-width:600px) {
    .page--emergence .emcap-services__item:before {
        left: 12%
    }
}

.theme-foundation-medicine {
    --c-bg-light: #e6eef3;
    --c-bg: #fff;
    --c-border: #000;
    --c-pop: #fc4b00;
    --c-text-light: #35a09c;
    --c-text: #000;
    --c-hamburger: #000;
    --c-logo: #000
}

.page--foundation-medicine .video-player__video {
    border-radius: 0
}

.page--foundation-medicine .announcement__body--fmi {
    background-color: #fff;
    padding-bottom: 0
}

.page--foundation-medicine .anouncement__header--fmi {
    color: #323f4a
}

.page--foundation-medicine .announcement__cover--fmi {
    color: #323f4a;
    overflow: hidden;
    padding: 0;
    position: relative
}

.page--foundation-medicine .announcement__cover--fmi:before {
    background-color: hsla(0, 0%, 100%, .5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.page--foundation-medicine .announcement__cover--fmi .announcement__cover-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 100
}

.page--foundation-medicine .announcement__cover--fmi .announcement__kicker {
    background-color: #fc4b00;
    color: #fff
}

.page--foundation-medicine .announcement__cover--fmi .announcement__deck,
.page--foundation-medicine .announcement__cover--fmi .announcement__lede {
    text-shadow: 1px 1px 2px hsla(0, 0%, 100%, .4)
}

.page--foundation-medicine .announcement__cover__video {
    min-height: 50vh;
    min-width: 100vw;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1.01);
    width: 100%
}

@media(min-width:1070px) {
    .page--foundation-medicine .announcement__cover__video {
        height: auto
    }
}

.page--foundation-medicine .announcement__dropcap {
    background: #fc4b00;
    color: #fff
}

.page--foundation-medicine .announcement__homepage-image-mod {
    overflow: hidden;
    position: relative
}

.page--foundation-medicine .announcement__homepage-image {
    box-shadow: 0 10px 45px rgba(50, 63, 74, .3);
    margin: 20px 20px 80px;
    max-width: 1350px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media(min-width:768px) {
    .page--foundation-medicine .announcement__homepage-image {
        margin: 100px auto 200px;
        width: calc(100% - 200px)
    }
}

.page--foundation-medicine .announcement__homepage-image img {
    display: block
}

.page--foundation-medicine .announcement__homepage-background {
    bottom: -272px;
    position: absolute;
    right: -160px;
    width: 700px
}

.page--foundation-medicine .announcement__text-background {
    background-image: url(/static/dist/f525613ba089aa3e3848.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    left: -35px;
    mix-blend-mode: multiply;
    position: absolute;
    right: -140px;
    top: -160px;
    z-index: 1
}

@media(min-width:350px) {
    .page--foundation-medicine .announcement__text-background {
        top: -220px
    }
}

@media(min-width:768px) {
    .page--foundation-medicine .announcement__text-background {
        height: 710px;
        left: -70px;
        position: absolute;
        right: -100px;
        top: -280px
    }
}

@media(min-width:1070px) {
    .page--foundation-medicine .announcement__text-background {
        top: -430px
    }
}

@media(min-width:1500px) {
    .page--foundation-medicine .announcement__text-background {
        top: -600px
    }
}

.page--foundation-medicine .announcement__media-mod--2up-devices {
    background-color: #254c71;
    padding-bottom: 60px
}

@media(min-width:768px) {
    .page--foundation-medicine .announcement__media-mod--2up-devices {
        padding-bottom: 100px
    }
}

.page--foundation-medicine .announcement__media-mod--2up-devices p {
    color: #fff
}

.page--foundation-medicine .announcement__2up-devices {
    background: url(/static/dist/2fedbcff44e83a4afd43.jpg) 100% 0 no-repeat;
    background-size: contain;
    position: relative
}

.page--foundation-medicine .announcement__2up-devices:before {
    background: linear-gradient(0deg, #254c71 20%, rgba(37, 76, 113, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--foundation-medicine .announcement__device-tour {
    padding-bottom: 30px;
    padding-top: 30px
}

@media(min-width:600px) {
    .page--foundation-medicine .announcement__device-tour {
        padding-bottom: 80px;
        padding-top: 120px
    }
}

@media(min-width:1070px) {
    .page--foundation-medicine .announcement__device-tour {
        padding-bottom: 160px;
        padding-top: 200px
    }
}

@media(min-width:1500px) {
    .page--foundation-medicine .announcement__device-tour {
        padding-top: 300px
    }
}

.page--foundation-medicine .announcement__devices {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 30px;
    position: relative;
    width: 100%
}

.page--foundation-medicine .announcement__mobile {
    margin-right: 20px;
    position: relative
}

@media(min-width:768px) {
    .page--foundation-medicine .announcement__mobile {
        margin-left: 80px;
        margin-right: 80px
    }
}

@media(min-width:1500px) {
    .page--foundation-medicine .announcement__mobile {
        margin-left: 100px;
        margin-right: 100px
    }
}

.page--foundation-medicine .announcement__mobile-device {
    background-color: #323f4a;
    border-radius: 2.5vw;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3);
    opacity: 0;
    padding: 4vw 1vw;
    transform: translateX(-35%) scale(.8) rotateY(5deg);
    transition-delay: .2s;
    transition: .9s cubic-bezier(.215, .61, .355, 1)
}

@media(min-width:600px) {
    .page--foundation-medicine .announcement__mobile-device {
        border-radius: 1.5vw;
        padding: 3.8vw 1.1vw
    }
}

.page--foundation-medicine .announcement__tablet-device {
    background-color: #323f4a;
    border-radius: 2vw;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3);
    margin-right: -18vw;
    opacity: 0;
    padding: 4vw;
    transform: translateX(35%) scale(.8) rotateY(-5deg);
    transition: .9s cubic-bezier(.215, .61, .355, 1)
}

@media(min-width:600px) {
    .page--foundation-medicine .announcement__tablet-device {
        padding: 3.5vw
    }
}

.page--foundation-medicine .announcement__device-screen {
    position: relative
}

.page--foundation-medicine .announcement__device-screen:after {
    bottom: 0;
    box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, .2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--foundation-medicine .announcement__media-mod img {
    display: block
}

.page--foundation-medicine .announcement__media-mod img,
.page--foundation-medicine .announcement__media-mod video {
    width: 100%
}

.page--foundation-medicine .is-in-view {
    filter: blur(0);
    opacity: 1;
    transform: translateX(0) scale(1) rotateY(0);
    transition: .85s cubic-bezier(.215, .61, .355, 1)
}

.page--foundation-medicine .announcement__dribbble-row {
    display: flex;
    flex-wrap: wrap
}

.page--foundation-medicine .announcement__dribbble-row-video {
    width: 50%
}

@media(min-width:600px) {
    .page--foundation-medicine .announcement__dribbble-row-video {
        width: 25%
    }
}

.page--foundation-medicine .announcement__dribbble-row-video .js-announcement-video {
    display: block;
    width: 100%
}

.page--foundation-medicine .announcement__image-grid {
    background-blend-mode: multiply, normal;
    background-image: url(/static/dist/3069d835d2b7877e92dd.svg), url(/static/dist/d282a39630dc8b034790.png);
    background-position: 100% 100%, 50% 50%;
    background-repeat: no-repeat, repeat;
    background-size: 100%, auto;
    padding-top: 60px
}

@media(min-width:768px) {
    .page--foundation-medicine .announcement__image-grid {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--foundation-medicine .announcement__image-grid--mod {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 20px 20px;
    z-index: 2
}

.page--foundation-medicine .announcement__image-grid__image {
    padding-bottom: 20px
}

.page--foundation-medicine .announcement__image-grid__image--2 {
    padding-right: 10px;
    width: 50%
}

@media(min-width:600px) {
    .page--foundation-medicine .announcement__image-grid__image--2 {
        padding-right: 20px
    }
}

.page--foundation-medicine .announcement__image-grid__image--3 {
    padding-top: 50px;
    width: 50%
}

@media(min-width:600px) {
    .page--foundation-medicine .announcement__image-grid__image--3 {
        padding-top: 150px
    }
}

.page--foundation-medicine .announcement__image-grid__image img {
    display: block;
    max-width: none;
    padding-bottom: 10px;
    width: 100%
}

@media(min-width:600px) {
    .page--foundation-medicine .announcement__image-grid__image img {
        padding-bottom: 20px
    }
}

.page--foundation-medicine .announcement__image-grid__image img.js-announcement-scroll-trigger {
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    transition: all .7s ease
}

.page--foundation-medicine .announcement__image-grid__image img.js-announcement-scroll-trigger.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

@media(min-width:1070px) {
    .page--foundation-medicine .announcement__image-grid__small {
        width: 70% !important
    }
}

.page--foundation-medicine .announcement__partnerships {
    background-blend-mode: multiply;
    background-image: linear-gradient(180deg, #35a09c 20%, #fff), url(/static/dist/d282a39630dc8b034790.png);
    background-position: 50% 50%;
    background-repeat: repeat;
    position: relative;
    z-index: 1
}

.page--foundation-medicine .announcement__partnerships:before {
    background: linear-gradient(0deg, #fff 20%, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--foundation-medicine .announcement__partnerships-image {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 1350px;
    overflow: hidden;
    position: relative;
    z-index: 2
}

@media(min-width:768px) {
    .page--foundation-medicine .announcement__partnerships-image {
        margin: 0 auto;
        width: calc(100% - 120px)
    }
}

.page--foundation-medicine .announcement__partnerships-tablet {
    background-color: #323f4a;
    border-radius: 2vw;
    box-shadow: 0 10px 45px rgba(50, 63, 74, .3);
    margin-top: 40px;
    padding: 5vw
}

@media(min-width:600px) {
    .page--foundation-medicine .announcement__partnerships-tablet {
        border-radius: 2vw;
        margin: 40px;
        padding: 3.5vw
    }
}

.page--foundation-medicine .announcement__partnerships-tablet img,
.page--foundation-medicine .announcement__partnerships-tablet video {
    display: block;
    width: 100%
}

.page--foundation-medicine .announcement__type-samples {
    margin-bottom: 60px;
    position: relative
}

@media(min-width:768px) {
    .page--foundation-medicine .announcement__type-samples {
        margin-bottom: 100px
    }
}

.page--foundation-medicine .announcement__type-sample img {
    max-width: none;
    width: 100%
}

.page--foundation-medicine .announcement__type-sample img.js-announcement-scroll-trigger {
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    transition: all .7s ease
}

.page--foundation-medicine .announcement__type-sample img.js-announcement-scroll-trigger.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

.page--foundation-medicine .announcement__type-samples--mod {
    display: flex;
    margin-top: -95px
}

.page--foundation-medicine .announcement__image--top {
    margin-left: -80px;
    margin-right: -80px
}

.page--foundation-medicine .announcement__image--top img {
    width: 100%
}

.page--foundation-medicine .announcement__image--left {
    margin-left: -40px;
    width: 75%
}

.page--foundation-medicine .announcement__image--right {
    margin-left: 20px;
    margin-right: -60px;
    margin-top: 140px;
    width: 55%
}

.page--foundation-medicine .announcement__image--research-services {
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3)
}

.page--foundation-medicine .fmi__count-item {
    color: #000;
    counter-increment: step-counter;
    line-height: 1;
    position: relative
}

@media(min-width:600px) {
    .page--foundation-medicine .fmi__count-item {
        font-size: 20px
    }
}

.page--foundation-medicine .fmi__count-item:before {
    background-color: #fc4b00;
    border-radius: 50%;
    color: #fff;
    content: counter(step-counter);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    left: 0;
    line-height: 26px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 28px
}

@media(min-width:550px) {
    .page--foundation-medicine .fmi__count-item:before {
        height: 30px;
        left: 20px;
        line-height: 28px;
        width: 30px
    }
}

@media(min-width:600px) {
    .page--foundation-medicine .fmi__count-item:before {
        top: 33px
    }
}

@media(min-width:768px) {
    .page--foundation-medicine .fmi__count-item:before {
        top: 32px
    }
}

.page--foundation-medicine .fmi__topic-h {
    color: var(--c-text);
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 40px;
    text-align: center
}

@media(min-width:600px)and (max-width:1399px) {
    .page--foundation-medicine .fmi__topic-h {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--foundation-medicine .fmi__topic-h {
        font-size: 20px
    }
}

.page--foundation-medicine .fmi__topic-h--bdr {
    border-bottom: 1px solid;
    display: inline-block
}

.page--foundation-medicine .fmi__topic-h--creme {
    color: #fc4b00
}

.page--foundation-medicine .fmi__count-item--topic {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 18px;
    padding: 15px 1% 15px 14%
}

@media(min-width:400px) {
    .page--foundation-medicine .fmi__count-item--topic {
        padding-right: 12%;
        width: 50%
    }
}

@media(min-width:600px) {
    .page--foundation-medicine .fmi__count-item--topic {
        padding: 22px 1% 22px 10%;
        width: 33.3%
    }
}

@media(min-width:768px) {
    .page--foundation-medicine .fmi__count-item--topic {
        font-size: 22px
    }
}

.page--foundation-medicine .fmi__count-item--topic:before {
    left: 6px
}

@media(min-width:600px) {
    .page--foundation-medicine .fmi__count-item--topic:before {
        left: 12%
    }
}

.page--foundation-medicine .fmi__pad--horiz-med {
    padding: 80px 20px
}

@media(min-width:600px) {
    .page--foundation-medicine .fmi__pad--horiz-med {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

.page--foundation-medicine .fmi__count-items {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    max-width: 1070px;
    overflow: auto;
    padding: 0
}

@media(min-width:400px) {
    .page--foundation-medicine .fmi__count-items {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.page--foundation-medicine .no-js .announcement__mobile-device,
.page--foundation-medicine .no-js .announcement__tablet-device {
    filter: blur(0);
    opacity: 1;
    transform: translateX(0) scale(1) rotateY(0)
}

.page--foundation-medicine .no-js .announcement__image-grid__image img.js-announcement-scroll-trigger,
.page--foundation-medicine .no-js .announcement__type-sample img.js-announcement-scroll-trigger {
    opacity: 1;
    transform: translateZ(0)
}

.theme-harvard-gazette {
    --c-bg-light: #e6eef3;
    --c-bg: #fff;
    --c-border: #000;
    --c-pop: #ff5151;
    --c-text-light: #7fb7fe;
    --c-text: #000;
    --c-nav-text: #fff;
    --c-nav-text-hover: #ff5151;
    --c-hamburger: #ff5151;
    --c-logo: #fff
}

.page--harvard-gazette .video-player__video {
    border-radius: 0
}

.page--harvard-gazette .main-content {
    overflow: hidden
}

.page--harvard-gazette .announcement__body--harvard-gazette {
    background-color: #fff;
    color: #000;
    padding-bottom: 0;
    padding-top: 85px
}

.page--harvard-gazette .announcement__body--harvard-gazette a {
    color: #a51c30;
    text-decoration-color: #a51c30;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--harvard-gazette .announcement__body--harvard-gazette a:focus,
.page--harvard-gazette .announcement__body--harvard-gazette a:hover {
    color: #000;
    text-decoration-color: #000
}

.page--harvard-gazette .announcement__body--harvard-gazette h2.announcement__hg-h2 {
    color: #ff5151;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--harvard-gazette .announcement__body--harvard-gazette h2.announcement__hg-h2 {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--harvard-gazette .announcement__body--harvard-gazette h2.announcement__hg-h2 {
        font-size: 48px
    }
}

@media(min-width:768px) {
    .page--harvard-gazette .announcement__body--harvard-gazette h2.announcement__hg-h2 {
        font-size: 28px;
        margin-top: 80px
    }
}

.page--harvard-gazette .announcement__body--harvard-gazette video {
    max-width: 100%;
    width: 100%
}

.page--harvard-gazette .announcement__body--harvard-gazette .announcement__txt p {
    position: relative
}

.page--harvard-gazette .announcement__header--harvard-gazette {
    color: #fff
}

.page--harvard-gazette .announcement__cover--harvard-gazette {
    background-color: #000;
    background-position: 50% 50%;
    overflow: hidden
}

.page--harvard-gazette .announcement__cover--harvard-gazette .announcement__cover-inner {
    position: relative;
    z-index: 1
}

.page--harvard-gazette .announcement__cover--harvard-gazette .announcement__deck {
    letter-spacing: .5px
}

.page--harvard-gazette .announcement__cover--harvard-gazette .announcement__kicker {
    background-color: #ff5151;
    color: #fff
}

.page--harvard-gazette .announcement__cover--harvard-gazette .announcement__deck,
.page--harvard-gazette .announcement__cover--harvard-gazette .announcement__lede {
    color: #fff
}

.page--harvard-gazette .announcement__cover__video {
    height: 100%;
    left: 50%;
    min-width: 100vw;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translateX(-50%) scale(1.01);
    width: 100%
}

@media(min-width:1070px) {
    .page--harvard-gazette .announcement__cover__video {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.page--harvard-gazette .announcement__body--harvard-gazette img {
    max-width: 100%
}

.page--harvard-gazette .announcement__dropcap {
    background: #ff5151;
    color: #fff
}

.page--harvard-gazette .announcement__homepage-image-mod {
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__homepage-image-mod {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--harvard-gazette .announcement__homepage-image-mod .announcement__stack-images {
    margin: 80px auto;
    max-width: 1080px;
    position: relative;
    top: 30px;
    width: 80%
}

@media(min-width:768px) {
    .page--harvard-gazette .announcement__homepage-image-mod .announcement__stack-images {
        margin-bottom: 120px;
        margin-top: 120px
    }
}

.page--harvard-gazette .announcement__homepage-image-mod .announcement__stack-image {
    left: 0;
    top: 0;
    transition: all .75s ease-out
}

.page--harvard-gazette .announcement__homepage-image-mod .announcement__stack-image img {
    box-shadow: 0 0 20px rgba(0, 0, 0, .05);
    display: block;
    max-width: 1000px
}

.page--harvard-gazette .announcement__homepage-image-mod .announcement__stack-image:first-child {
    position: absolute;
    z-index: 3
}

.page--harvard-gazette .announcement__homepage-image-mod .announcement__stack-image:nth-child(2) {
    position: absolute;
    z-index: 2
}

.page--harvard-gazette .announcement__homepage-image-mod .announcement__stack-image:nth-child(3) {
    position: relative;
    z-index: 1
}

.page--harvard-gazette .announcement__homepage-image-mod.is-in-view .announcement__stack-image:first-child {
    transform: translate(30px, 30px)
}

.page--harvard-gazette .announcement__homepage-image-mod.is-in-view .announcement__stack-image:nth-child(3) {
    transform: translate(-30px, -30px)
}

@media(min-width:768px) {
    .page--harvard-gazette .announcement__homepage-image-mod.is-in-view .announcement__stack-image:first-child {
        transform: translate(100px, -1px)
    }

    .page--harvard-gazette .announcement__homepage-image-mod.is-in-view .announcement__stack-image:nth-child(3) {
        transform: translate(-100px, 1px)
    }
}

.page--harvard-gazette a.wp-vip {
    border: 0;
    box-shadow: none;
    display: block;
    height: 30px;
    margin: 0 0 15px;
    position: relative;
    width: 80px
}

.page--harvard-gazette a.wp-vip:hover {
    box-shadow: none
}

@media(min-width:768px) {
    .page--harvard-gazette a.wp-vip {
        position: absolute;
        right: -120px;
        top: 0
    }
}

.page--harvard-gazette .announcement__type-sample {
    margin: 50px auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__type-sample {
        margin-bottom: 100px;
        margin-top: 75px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@keyframes scale-down {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.3)
    }
}

.page--harvard-gazette .announcement__brand {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3
}

.page--harvard-gazette .announcement__brand-bg {
    display: block;
    position: relative;
    transform: scale(1.3);
    width: 100%;
    z-index: 1
}

@media(prefers-reduced-motion:no-preference) {
    .page--harvard-gazette .announcement__brand-bg {
        animation: scale-down 16s ease infinite alternate
    }
}

.page--harvard-gazette .announcement__brand-lockup {
    display: block;
    left: 50%;
    margin: 0 auto;
    max-width: 1160px !important;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
    z-index: 2
}

.page--harvard-gazette .announcement__home-big {
    padding: 0;
    position: relative;
    z-index: 1
}

.page--harvard-gazette .announcement__home-big img {
    display: block;
    margin: 0 auto;
    max-width: 1359px;
    position: relative;
    width: 100%;
    z-index: 2
}

.page--harvard-gazette .announcement__home-big:after {
    background-color: #c02a69;
    bottom: 0;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__home-big {
        padding-left: 50px;
        padding-right: 50px
    }
}

.page--harvard-gazette .announcement__details {
    background: #c02a69;
    padding: 50px 20px;
    position: relative;
    z-index: 2
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__details {
        padding-bottom: 100px;
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--harvard-gazette .announcement__details-content {
    margin: 0 auto;
    max-width: 1360px;
    position: relative;
    width: 100%;
    z-index: 5
}

.page--harvard-gazette .announcement__details-type {
    width: 90%
}

.page--harvard-gazette .announcement__details-type div {
    display: block;
    margin-bottom: -5px;
    margin-top: -5px;
    opacity: .2;
    position: relative;
    transform-origin: 0 50%;
    transition: all .4s ease-out
}

.page--harvard-gazette .announcement__details-type div:before {
    background-color: #fff;
    content: "";
    height: 3px;
    left: -90px;
    position: absolute;
    top: 58%;
    transition: all .2s ease-out;
    width: 0
}

.page--harvard-gazette .announcement__details-type div:hover {
    opacity: 1
}

.page--harvard-gazette .announcement__details-type div:hover:before {
    width: 80px
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__details-type div {
        margin-bottom: -20px;
        margin-top: -20px;
        padding: 0
    }
}

.page--harvard-gazette .announcement__details-type img {
    display: block;
    height: auto !important
}

.page--harvard-gazette .announcement__details-phone {
    height: auto;
    margin: 0;
    max-width: 345px !important;
    pointer-events: none;
    position: absolute;
    right: -60px;
    top: -22%;
    transition: all 1s ease-out;
    width: 45%;
    z-index: 3
}

@media(min-width:1070px) {
    .page--harvard-gazette .announcement__details-phone {
        opacity: 0;
        padding: 75px 0 25px;
        right: 50px;
        top: -15px;
        width: 90%
    }

    .page--harvard-gazette .announcement__details-phone.is-in-view {
        opacity: 1;
        transform: translateY(-250px)
    }
}

.page--harvard-gazette .announcement__ocean {
    background-attachment: fixed, scroll;
    background-image: url(/static/dist/edb3977444521a01e36e.jpg), linear-gradient(180deg, #002f69, #0092c4);
    background-position: top, top;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 100% auto;
    padding: 50px 20px;
    pointer-events: none;
    position: relative;
    z-index: 3
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__ocean {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--harvard-gazette .announcement__ocean-ipad-wrap {
    margin: 0 auto;
    max-width: 1100px !important;
    min-height: 100vh;
    position: relative
}

@media(min-width:1070px) {
    .page--harvard-gazette .announcement__ocean-ipad-wrap {
        margin-top: -313px
    }
}

.page--harvard-gazette .announcement__ocean-ipad-frame {
    background-color: #fff;
    border: 10px solid #303d47;
    border-radius: 20px;
    box-sizing: content-box;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

@media(min-width:350px) {
    .page--harvard-gazette .announcement__ocean-ipad-frame {
        height: 280px
    }
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__ocean-ipad-frame {
        border-width: 15px 50px;
        height: 400px
    }
}

@media(min-width:768px) {
    .page--harvard-gazette .announcement__ocean-ipad-frame {
        border-width: 15px 50px;
        height: 500px
    }
}

@media(min-width:850px) {
    .page--harvard-gazette .announcement__ocean-ipad-frame {
        height: 600px
    }
}

@media(min-width:1070px) {
    .page--harvard-gazette .announcement__ocean-ipad-frame {
        border-width: 20px 60px
    }
}

@media(min-width:1200px) {
    .page--harvard-gazette .announcement__ocean-ipad-frame {
        height: 700px
    }
}

@media(min-width:1500px) {
    .page--harvard-gazette .announcement__ocean-ipad-frame {
        border-width: 20px 60px;
        height: 800px
    }
}

.page--harvard-gazette .announcement__ocean-ipad-page {
    display: block;
    position: relative;
    transform: translateY(0);
    z-index: 4
}

.page--harvard-gazette .announcement__ocean-ipad-page img {
    display: block;
    width: 100% !important
}

.page--harvard-gazette .announcement__ocean-set {
    margin: 30px auto;
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 2
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__ocean-set {
        margin-top: -80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:768px) {
    .page--harvard-gazette .announcement__ocean-set {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-bottom: -50px;
        margin-top: 0
    }
}

.page--harvard-gazette .announcement__ocean-vert-img {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.page--harvard-gazette .announcement__ocean-caption-img,
.page--harvard-gazette .announcement__ocean-vert-img {
    display: block
}

.page--harvard-gazette .announcement__ocean-caption-img {
    width: 50%
}

.page--harvard-gazette .announcement__ocean-set.is-in-view .announcement__ocean-caption-img {
    position: relative;
    z-index: 999
}

.page--harvard-gazette .announcement__ocean-vert-img {
    position: absolute;
    right: -50px;
    top: -40%;
    width: 50%
}

@media(min-width:768px) {

    .page--harvard-gazette .announcement__ocean-caption-img,
    .page--harvard-gazette .announcement__ocean-vert-img {
        flex: 0 0 auto;
        position: static
    }

    .page--harvard-gazette .announcement__ocean-caption-img {
        opacity: 0;
        transform: scale(1.1) translateX(-100px);
        transform-origin: 0 0;
        transition: all .75s ease-out
    }

    .page--harvard-gazette .announcement__ocean-set.is-in-view .announcement__ocean-caption-img {
        opacity: 1;
        transform: scale(1.1) translateX(0)
    }

    .page--harvard-gazette .announcement__ocean-vert-img {
        opacity: 0;
        transform: scale(1.1) translateX(100px);
        transition: all .75s ease-out;
        z-index: 4
    }

    .page--harvard-gazette .announcement__ocean-set.is-in-view .announcement__ocean-vert-img {
        opacity: 1;
        transform: scale(1.1) translateX(0)
    }
}

.page--harvard-gazette .announcement__dna {
    line-height: 0;
    position: relative;
    z-index: 1
}

.page--harvard-gazette .announcement__dna-video {
    display: block;
    width: 100%
}

.page--harvard-gazette .announcement__art {
    background: linear-gradient(180deg, #000, #112d4d);
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__art {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--harvard-gazette .announcement__art-content {
    margin: 0 auto;
    max-width: 1300px;
    padding: 50px 0
}

.page--harvard-gazette .announcement__art-content img,
.page--harvard-gazette .announcement__art-content video {
    display: block;
    margin: 0 auto 20px
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__art-content {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        padding-bottom: 80px;
        padding-top: 80px;
        position: relative
    }
}

.page--harvard-gazette img.announcement__art-phone-img {
    bottom: 0;
    max-width: 250px;
    position: absolute;
    right: -30px;
    width: 40%;
    z-index: 4
}

.page--harvard-gazette img.announcement__art-pullquote-img {
    max-width: 300px;
    position: relative;
    z-index: 3
}

.page--harvard-gazette .announcement__art-video {
    max-width: 1280px;
    position: relative;
    z-index: 2
}

.page--harvard-gazette img.announcement__art-close-up-img {
    display: none
}

@media(min-width:600px) {
    .page--harvard-gazette img.announcement__art-pullquote-img {
        bottom: 30px;
        margin: 0;
        max-width: 600px;
        opacity: 0;
        padding-right: 50px;
        position: absolute;
        right: 0;
        transform: translateY(-120px);
        transition: all .75s ease-out;
        width: 45%
    }

    .page--harvard-gazette .announcement__art.is-in-view img.announcement__art-pullquote-img {
        opacity: 1;
        transform: translateY(0)
    }

    .page--harvard-gazette .announcement__art-video {
        flex: 1 0 auto;
        margin: 0;
        opacity: 0;
        order: 2;
        transform: translateY(80px);
        transition: all .75s ease-out;
        width: 70%
    }

    .page--harvard-gazette .announcement__art.is-in-view .announcement__art-video {
        opacity: 1;
        transform: translateY(0)
    }

    .page--harvard-gazette img.announcement__art-close-up-img {
        bottom: 0;
        display: block;
        left: 0;
        margin: 0;
        position: absolute;
        width: 40%;
        z-index: 1
    }

    .page--harvard-gazette img.announcement__art-phone-img {
        flex: 1 0 auto;
        margin: -100px 0 0;
        max-width: 345px;
        opacity: 0;
        position: relative;
        transform: translate(80px, -100px);
        transition: all .75s ease-out;
        width: 35%
    }

    .page--harvard-gazette .announcement__art.is-in-view img.announcement__art-phone-img {
        opacity: 1;
        transform: translate(80px, -60px)
    }
}

.page--harvard-gazette .announcement__mobile-stories {
    background: #112d4d;
    padding: 30px 0 50px
}

.page--harvard-gazette .announcement__mobile-stories p {
    color: #fff
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__mobile-stories {
        padding-bottom: 100px
    }
}

.page--harvard-gazette .announcement__mobile-stories-cards {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1380px;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__mobile-stories-cards {
        flex-wrap: nowrap;
        padding-bottom: 100px;
        padding-top: 150px
    }
}

.page--harvard-gazette .announcement__mobile-stories-item {
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-sizing: content-box;
    display: none;
    max-width: 200px !important;
    position: relative;
    transform: translateY(100px) scale(1.15);
    transition: all .75s ease-out;
    width: 80%
}

.page--harvard-gazette .announcement__mobile-stories-item--phone {
    display: block
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__mobile-stories-item {
        display: block;
        flex: 0 0 auto;
        max-width: 250px !important;
        width: 20%
    }
}

.page--harvard-gazette .announcement__mobile-stories-item--1 {
    transform: scale(1.15);
    transition-delay: .1s;
    z-index: 2
}

.page--harvard-gazette .announcement__mobile-stories-item--2 {
    transform: scale(1.15);
    z-index: 1
}

.page--harvard-gazette .announcement__mobile-stories-item--phone {
    background: #303d47;
    border-color: #303d47;
    border-radius: 20px;
    border-style: solid;
    border-width: 40px 10px;
    transform: scale(1.15);
    z-index: 5
}

.page--harvard-gazette .announcement__mobile-stories-item--4 {
    transform: scale(1.15);
    z-index: 3
}

.page--harvard-gazette .announcement__mobile-stories-item--5 {
    transform: scale(1.15);
    z-index: 5
}

@media(min-width:600px) {
    .page--harvard-gazette .announcement__mobile-stories-item--5 {
        z-index: 4
    }
}

.page--harvard-gazette .announcement__mobile-stories-cards.is-in-view .announcement__mobile-stories-item--1 {
    transform: translateY(-20px) scale(1.15)
}

.page--harvard-gazette .announcement__mobile-stories-cards.is-in-view .announcement__mobile-stories-item--2 {
    transform: translateY(-80px) scale(1.15)
}

.page--harvard-gazette .announcement__mobile-stories-cards.is-in-view .announcement__mobile-stories-item--phone {
    transform: translateY(-20px) scale(1.15)
}

.page--harvard-gazette .announcement__mobile-stories-cards.is-in-view .announcement__mobile-stories-item--4 {
    transform: translateY(-80px) scale(1.15)
}

.page--harvard-gazette .announcement__mobile-stories-cards.is-in-view .announcement__mobile-stories-item--5 {
    transform: translateY(-20px) scale(1.15)
}

.page--harvard-gazette .hg__count-item {
    color: #000;
    counter-increment: step-counter;
    line-height: 1;
    position: relative
}

@media(min-width:600px) {
    .page--harvard-gazette .hg__count-item {
        font-size: 20px
    }
}

.page--harvard-gazette .hg__count-item:before {
    background-color: #ff5151;
    border-radius: 50%;
    color: #fff;
    content: counter(step-counter);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    left: 0;
    line-height: 26px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 28px;
    width: 28px
}

@media(min-width:550px) {
    .page--harvard-gazette .hg__count-item:before {
        height: 30px;
        left: 20px;
        line-height: 28px;
        width: 30px
    }
}

@media(min-width:600px) {
    .page--harvard-gazette .hg__count-item:before {
        top: 33px
    }
}

@media(min-width:768px) {
    .page--harvard-gazette .hg__count-item:before {
        top: 32px
    }
}

.page--harvard-gazette .hg__topic-h {
    color: var(--c-text);
    color: #000;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 40px;
    text-align: center
}

@media(min-width:600px)and (max-width:1549px) {
    .page--harvard-gazette .hg__topic-h {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--harvard-gazette .hg__topic-h {
        font-size: 48px
    }
}

.page--harvard-gazette .hg__topic-h--bdr {
    border-bottom: 1px solid;
    display: inline-block
}

.page--harvard-gazette .hg__topic-h--creme {
    color: #17a86a
}

.page--harvard-gazette .hg__count-item--topic {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 18px;
    padding: 15px 1% 15px 50px
}

@media(min-width:400px) {
    .page--harvard-gazette .hg__count-item--topic {
        padding-left: 12%;
        width: 50%
    }
}

@media(min-width:600px) {
    .page--harvard-gazette .hg__count-item--topic {
        padding: 22px 1% 22px 10%;
        width: 33.3%
    }
}

@media(min-width:768px) {
    .page--harvard-gazette .hg__count-item--topic {
        font-size: 22px
    }
}

.page--harvard-gazette .hg__count-item--topic:before {
    left: 6px
}

@media(min-width:600px) {
    .page--harvard-gazette .hg__count-item--topic:before {
        left: 12%
    }
}

.page--harvard-gazette .hg__pad--horiz-med {
    padding: 80px 20px
}

@media(min-width:600px) {
    .page--harvard-gazette .hg__pad--horiz-med {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

.page--harvard-gazette .hg__count-items {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    max-width: 1070px;
    overflow: auto;
    padding: 0
}

@media(min-width:400px) {
    .page--harvard-gazette .hg__count-items {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.theme-harvard-graduate-school-of-design {
    --c-bg-light: #000;
    --c-bg: #000;
    --c-border: #fff;
    --c-pop: #f8bdb9;
    --c-text-light: #f8bdb9;
    --c-text: #fff;
    --c-nav-text: #000;
    --c-nav-text-hover: #f8bdb9;
    --c-hamburger: #f8bdb9;
    --c-logo: #000
}

.page--harvard-graduate-school-of-design .video-player__video {
    border-radius: 0
}

.page--harvard-graduate-school-of-design .portfolio-body--gsd {
    background-color: #000;
    font-size: 21px;
    line-height: 1.5
}

.page--harvard-graduate-school-of-design .portfolio-body--gsd p {
    margin-bottom: 30px
}

.page--harvard-graduate-school-of-design .wrapper {
    background-color: #fff
}

.page--harvard-graduate-school-of-design .cover--gsd,
.page--harvard-graduate-school-of-design .header--gsd {
    background-image: url(/static/dist/b0948f7719d96cf5bfe8.jpg);
    background-repeat: no-repeat;
    color: #000
}

@media(min-width:768px) {

    .page--harvard-graduate-school-of-design .cover--gsd,
    .page--harvard-graduate-school-of-design .header--gsd {
        background-position: 100%;
        background-size: cover
    }
}

.page--harvard-graduate-school-of-design .announcement__deck,
.page--harvard-graduate-school-of-design .announcement__lede {
    color: #000
}

.touchevents .page--harvard-graduate-school-of-design .header--gsd {
    background-color: #fff;
    background-image: none
}

.page--harvard-graduate-school-of-design .cover--gsd {
    background-position: 100% 50%;
    padding: 20vw 20px 6vw;
    text-align: center
}

.page--harvard-graduate-school-of-design .kicker--gsd {
    color: #000
}

.page--harvard-graduate-school-of-design .blog-author {
    letter-spacing: 1.5px;
    margin: 10px 0;
    text-transform: uppercase
}

.page--harvard-graduate-school-of-design .blog-author-by {
    display: inline-block;
    font-style: italic;
    letter-spacing: 1px;
    margin-right: 3px;
    text-transform: none
}

.page--harvard-graduate-school-of-design .portfolio-body--gsd {
    padding: 60px 0
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-body--gsd {
        padding: 100px 0
    }
}

.page--harvard-graduate-school-of-design .portfolio-body-intro--txt {
    margin: 0 auto;
    max-width: 700px;
    padding: 26px
}

@media(min-width:550px) {
    .page--harvard-graduate-school-of-design .portfolio-body-intro--txt {
        width: 90%
    }
}

.page--harvard-graduate-school-of-design .portfolio-body--gsd .portfolio-body-intro--txt a {
    color: #f8bdb9;
    text-decoration-color: #f8bdb9;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--harvard-graduate-school-of-design .portfolio-body--gsd .portfolio-body-intro--txt a:focus,
.page--harvard-graduate-school-of-design .portfolio-body--gsd .portfolio-body-intro--txt a:hover {
    color: #fff;
    text-decoration-color: #fff
}

.page--harvard-graduate-school-of-design .gsd-dropcap {
    background-color: #f8bdb9;
    color: #000
}

.page--harvard-graduate-school-of-design .portfolio-body-images {
    margin: 0 auto
}

.page--harvard-graduate-school-of-design .portfolio-body-images:after {
    clear: both;
    content: "";
    display: table
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-base {
    margin: 0 auto;
    max-width: 90%
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-base {
        max-width: 75%
    }
}

.page--harvard-graduate-school-of-design .portfolio-tease--img {
    display: block;
    height: auto;
    line-height: 1;
    max-width: 100%
}

.page--harvard-graduate-school-of-design .portfolio-tease--gsd-home {
    max-width: 100%;
    padding-bottom: 30px;
    width: 100%
}

.page--harvard-graduate-school-of-design .portfolio-body-images--gallery {
    position: relative;
    z-index: 6
}

.page--harvard-graduate-school-of-design .portfolio-body-images--gallery:after {
    clear: both;
    content: "";
    display: table
}

.page--harvard-graduate-school-of-design .portfolio-body-images--gallery-inner {
    max-width: 90%
}

@media(min-width:768px) {
    .page--harvard-graduate-school-of-design .portfolio-body-images--gallery-inner {
        margin-left: 25%
    }
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-body-images--gallery-inner {
        margin-left: 33.3333333333%
    }
}

.page--harvard-graduate-school-of-design .portfolio-body-images--gallery-inner .portfolio-tease--gallery-2,
.page--harvard-graduate-school-of-design .portfolio-body-images--gallery-inner .portfolio-tease--gallery-4,
.page--harvard-graduate-school-of-design .portfolio-body-images--gallery-inner .portfolio-tease--gallery-6 {
    transition-delay: .2s
}

.page--harvard-graduate-school-of-design .portfolio-body-images--gallery .portfolio-tease--gallery {
    float: left;
    max-height: 33vw;
    min-height: 33vw;
    padding-bottom: 5vw;
    padding-left: 5vw;
    width: auto
}

@media(min-width:768px) {
    .page--harvard-graduate-school-of-design .portfolio-body-images--gallery .portfolio-tease--gallery {
        max-height: 28vw;
        min-height: 28vw;
        padding-bottom: 30px;
        padding-left: 30px
    }
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-body-images--gallery .portfolio-tease--gallery {
        max-height: 24.5vw;
        min-height: 24.5vw
    }
}

.page--harvard-graduate-school-of-design .portfolio-body-images--tablet {
    float: left;
    margin-top: -90px;
    position: relative;
    width: 100%;
    z-index: 5
}

.page--harvard-graduate-school-of-design .portfolio-body-images--tablet-inner {
    background: transparent url(/static/dist/d2194629fccc9a2bf897.jpg) no-repeat 50% 50%;
    background-size: cover;
    min-height: 75vh;
    padding: 30px 0
}

@media(min-width:768px) {
    .page--harvard-graduate-school-of-design .portfolio-body-images--tablet-inner {
        min-height: 100vh
    }
}

.page--harvard-graduate-school-of-design .portfolio-tease--full-tablet {
    position: relative;
    width: 90%
}

.page--harvard-graduate-school-of-design .portfolio-body-interactions {
    clear: both
}

.page--harvard-graduate-school-of-design .portfolio-body-interactions--inner {
    padding-top: 10vw;
    position: relative
}

.page--harvard-graduate-school-of-design .portfolio-body-interactions--inner:after {
    clear: both;
    content: "";
    display: table
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-interaction-hover {
    float: left;
    padding-left: 5vw;
    padding-right: 5vw;
    position: relative;
    width: 100%;
    z-index: 5
}

@media(min-width:768px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-interaction-hover {
        padding-left: 30px
    }
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-interaction-hover {
        padding-left: 90px;
        padding-right: 45px;
        width: 66.6666666667%
    }
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-exhibitions-mobile {
    float: right;
    padding-right: 5vw;
    padding-top: 30px;
    position: relative;
    width: 50%;
    z-index: 5
}

@media(min-width:768px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-exhibitions-mobile {
        padding-right: 90px;
        padding-top: 30px;
        width: 50%
    }
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-exhibitions-mobile {
        padding-left: 45px;
        padding-right: 90px;
        padding-top: 10vw;
        width: 33.3333333333%
    }
}

.page--harvard-graduate-school-of-design .portfolio--mobile-empty {
    position: relative
}

.page--harvard-graduate-school-of-design .portfolio--mobile-empty:after {
    background-color: transparent;
    background-image: url(/static/dist/67fbfd067569fcf374be.png);
    background-image: url(/static/dist/bb2a0bf70180a325330d.svg), none;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    padding-top: 205%;
    width: 100%
}

.page--harvard-graduate-school-of-design .portfolio--mobile-outline {
    left: 0;
    padding: 20% 4% 0;
    position: absolute;
    top: 0
}

.page--harvard-graduate-school-of-design .portfolio-tease--mobile-empty {
    border: 1px solid #3e3e3e;
    width: 100%
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-bg-slideshow {
    bottom: 50vw;
    left: 0;
    opacity: .7;
    position: absolute;
    right: 25%;
    z-index: 4
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-bg-slideshow {
        bottom: 23.5vw;
        left: 25%;
        position: absolute;
        right: 0
    }
}

.page--harvard-graduate-school-of-design .portfolio-body-slideshow-wrapper {
    float: left;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 30px;
    position: relative;
    width: 100%;
    z-index: 5
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-body-slideshow-wrapper {
        padding-left: 90px;
        padding-top: 35vw;
        width: 66.6666666667%
    }
}

.page--harvard-graduate-school-of-design .portfolio-body-news {
    padding-left: 33.3333333333%;
    padding-top: 30px
}

@media(min-width:768px) {
    .page--harvard-graduate-school-of-design .portfolio-body-news {
        padding-top: 90px
    }
}

.page--harvard-graduate-school-of-design .portfolio-body-collection {
    padding-top: 30px
}

.page--harvard-graduate-school-of-design .portfolio-body-collection--inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-collection {
    display: inline-block;
    padding: 4.5vw;
    width: 50%
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-collection:nth-child(2) {
    width: 33.3333333333%
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-collection-2 {
    position: relative
}

@media(prefers-reduced-motion:no-preference) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-collection-2:before {
        background: transparent url(/static/dist/6d4340db8b4e384b81e8.gif) no-repeat 0 0;
        background-size: 100% auto;
        content: " ";
        height: 0;
        padding-bottom: 55%;
        position: absolute;
        right: 4.5vw;
        top: 4.5vw;
        width: 67.5%
    }
}

.page--harvard-graduate-school-of-design .portfolio-body-topics {
    padding-top: 5vw;
    perspective: 1500px
}

.page--harvard-graduate-school-of-design .portfolio-body-topics--inner {
    position: relative
}

.page--harvard-graduate-school-of-design .portfolio-body-topics--inner:after {
    clear: both;
    content: "";
    display: table
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-topics-1 {
    left: 0;
    position: absolute;
    right: 25%;
    top: 0;
    z-index: 4
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-topics-2 {
    float: right;
    margin-top: -10vw;
    padding-bottom: 30px;
    padding-right: 5vw;
    position: relative;
    width: 50%;
    z-index: 5
}

@media(min-width:768px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-topics-2 {
        width: 50%
    }
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--figure-topics-2 {
        margin-top: -4.5vw;
        padding-bottom: 9vw;
        padding-left: 45px;
        padding-right: 90px;
        width: 33.3333333333%
    }
}

.page--harvard-graduate-school-of-design .portfolio-tease--resource-wrapper {
    clear: both;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
    z-index: 5
}

@media(min-width:1070px) {
    .page--harvard-graduate-school-of-design .portfolio-tease--resource-wrapper {
        padding-left: 12.5%;
        padding-right: 12.5%
    }
}

.page--harvard-graduate-school-of-design .portfolio-tease--resource-3 {
    backface-visibility: hidden;
    transform: translateZ(0);
    transform-style: preserve-3d
}

.page--harvard-graduate-school-of-design .gsd__video {
    display: block;
    height: auto;
    width: 100%;
    z-index: 10
}

.page--harvard-graduate-school-of-design .portfolio-tease--figure-slideshow-tablet {
    position: relative
}

.page--harvard-graduate-school-of-design .portfolio-tease--video-outline {
    padding: 8% 9%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--harvard-graduate-school-of-design .gsd__img--tablet,
.page--harvard-graduate-school-of-design .portfolio-tease--figure-slideshow-tablet .gsd__video {
    border: 1px solid #fff;
    width: 100%
}

.page--harvard-graduate-school-of-design .portfolio-tease--tablet-outline {
    left: 0;
    padding: 8% 9%;
    position: absolute;
    top: 0
}

.page--harvard-graduate-school-of-design .header--gsd .nav-link {
    color: #000
}

.page--harvard-graduate-school-of-design .header--gsd .nav-link:after {
    background-color: #000
}

.page--harvard-graduate-school-of-design .header--gsd .masthead-logo {
    fill: #000
}

.page--harvard-graduate-school-of-design .header--gsd .nav-toggle-icon--open {
    stroke: #000
}

.page--harvard-graduate-school-of-design .txt {
    color: #fff
}

.theme-hum {
    --c-bg-light: #e75650;
    --c-bg: #e75650;
    --c-border: #000;
    --c-pop: #425cc7;
    --c-text-light: #fff;
    --c-text: #fff;
    --c-hamburger: #000;
    --c-logo: #fff
}

.page--hum {
    display: flex;
    flex-direction: column;
    padding-top: 60px
}

@media(min-width:768px) {
    .page--hum {
        padding-top: 130px
    }
}

.page--hum .video-player__video {
    border-radius: 0
}

.page--hum .topper {
    color: #fff;
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media(min-width:768px) {
    .page--hum .topper {
        margin-top: 80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .page--hum .topper {
        margin-top: 120px
    }
}

.page--hum .topper__content {
    margin: 0 auto;
    max-width: 1500px;
    position: relative;
    z-index: 2
}

.page--hum .topper__intro {
    padding-bottom: 30px;
    position: relative;
    z-index: 2
}

@media(min-width:350px) {
    .page--hum .topper__intro {
        padding-bottom: 45px
    }
}

@media(min-width:600px) {
    .page--hum .topper__intro {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--hum .topper__intro {
        padding-bottom: 100px;
        width: 45%
    }
}

.page--hum .topper__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 30px
}

@media(min-width:600px) {
    .page--hum .topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .page--hum .topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .page--hum .topper__title {
        font-size: 85px
    }
}

.page--hum .topper__lede {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .topper__lede {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .topper__lede {
        font-size: 20px
    }
}

.page--hum .topper__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 35px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .topper__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .topper__description {
        font-size: 20px
    }
}

@media(min-width:1070px) {
    .page--hum .topper__description {
        margin-bottom: 50px
    }
}

.page--hum .topper__meta p {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .topper__meta p {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .topper__meta p {
        font-size: 18px
    }
}

.page--hum .topper__meta li {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 8px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .topper__meta li {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .topper__meta li {
        font-size: 18px
    }
}

.page--hum .topper__meta span {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .topper__meta span {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .topper__meta span {
        font-size: 18px
    }
}

.page--hum .topper__meta a {
    color: var(--c-text);
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    text-decoration-color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .topper__meta a {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .topper__meta a {
        font-size: 18px
    }
}

.page--hum .topper__meta a:focus,
.page--hum .topper__meta a:hover {
    color: #000;
    text-decoration-color: #000
}

@media(min-width:768px) {
    .page--hum .topper__meta {
        display: flex
    }
}

.page--hum .topper__meta-col {
    margin: 30px 0 0
}

@media(min-width:768px) {
    .page--hum .topper__meta-col {
        margin: 0 40px 0 0;
        width: 50%
    }
}

.page--hum .topper__meta-apps {
    margin-top: 35px
}

.page--hum .topper__meta-bar {
    padding: 0 10px
}

.page--hum .topper__cover {
    border-radius: 12px;
    display: block;
    height: auto;
    margin-top: 30px;
    overflow: hidden;
    width: 100%
}

@media(min-width:350px) {
    .page--hum .topper__cover {
        margin-top: 45px
    }
}

@media(min-width:600px) {
    .page--hum .topper__cover {
        margin-top: 60px
    }
}

@media(min-width:1070px) {
    .page--hum .topper__cover {
        margin-top: 100px
    }
}

@media(min-width:768px) {
    .page--hum .topper__cover {
        border-radius: 24px
    }
}

@media(min-width:1070px) {
    .page--hum .topper__cover {
        display: none
    }
}

.page--hum .topper__cover>img {
    height: auto;
    width: 100%
}

.page--hum .hum__image-grid-cover {
    background-color: #fff
}

.page--hum .hum__image-grid {
    background-color: #000;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -1px;
    position: relative;
    z-index: 3
}

.page--hum .hum__image-grid>* {
    line-height: 0;
    width: 50%
}

.page--hum .section--padded {
    padding: 30px 20px
}

@media(min-width:768px) {
    .page--hum .section--padded {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:350px) {
    .page--hum .section--padded {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:600px) {
    .page--hum .section--padded {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--hum .section--padded {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--hum .section--padded__extra {
    padding: 15vh 20px
}

@media(min-width:768px) {
    .page--hum .section--padded__extra {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--hum .section--padded__bottom {
    padding-bottom: 15vh
}

.page--hum .section--white {
    background-color: #fff;
    color: #000
}

.page--hum .section--teal {
    background-color: #22a8a0;
    color: #fff
}

.page--hum .section__content {
    margin: 0 auto;
    max-width: 1500px
}

@media(min-width:1200px) {
    .page--hum .section__intro {
        width: 50%
    }
}

.page--hum .section__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    max-width: 550px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--hum .section__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--hum .section__title {
        font-size: 48px
    }
}

.page--hum .section__title--single {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px
}

.page--hum .section__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 20px;
    max-width: 550px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .section__description {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .section__description {
        font-size: 18px
    }
}

.page--hum .section__description a {
    color: inherit;
    text-decoration-color: #e1e1e1;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--hum .section__description a:focus,
.page--hum .section__description a:hover {
    color: inherit;
    text-decoration-color: var(--c-pop)
}

@media(min-width:1070px) {
    .page--hum .section__description {
        color: inherit;
        font-family: GT America, sans-serif;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: normal;
        line-height: 1.4
    }
}

@media(min-width:1070px)and (min-width:600px)and (max-width:1399px) {
    .page--hum .section__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1070px)and (min-width:1400px) {
    .page--hum .section__description {
        font-size: 20px
    }
}

.page--hum .section__description--single {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px
}

.page--hum .section__description--small {
    color: inhert;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .section__description--small {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .section__description--small {
        font-size: 18px
    }
}

.page--hum .section__description--small span {
    font-weight: 700
}

@media(min-width:600px) {
    .page--hum .section__description--small {
        max-width: 300px
    }
}

.page--hum .section__description-cols {
    margin: 30px 0 0
}

.page--hum .section__description-cols>p {
    margin: 0 0 15px
}

@media(min-width:600px) {
    .page--hum .section__description-cols>p {
        margin: 0 40px 0 0;
        max-width: 300px;
        width: 50%
    }
}

@media(min-width:1200px) {
    .page--hum .section__description-cols>p {
        margin: 0 60px 0 0
    }
}

@media(min-width:600px) {
    .page--hum .section__description-cols {
        display: flex
    }
}

.page--hum .canvas__container {
    display: none;
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 5
}

@media(min-width:1070px) {
    .page--hum .canvas__container {
        display: block
    }
}

.page--hum .mobile__screens {
    padding-bottom: 30px;
    padding-top: 0;
    position: relative
}

@media(min-width:350px) {
    .page--hum .mobile__screens {
        padding-bottom: 45px
    }
}

@media(min-width:600px) {
    .page--hum .mobile__screens {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--hum .mobile__screens {
        padding-bottom: 100px
    }
}

.page--hum .mobile__screens>.section__background {
    background-color: #22a8a0;
    bottom: 0;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0
}

.page--hum .mobile__screens>.section__screens {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
    position: relative
}

@media(min-width:768px) {
    .page--hum .mobile__screens>.section__screens {
        justify-content: center
    }
}

.page--hum .mobile__screens>.section__screens>.screen {
    background-color: #e1e1e1;
    border-radius: 12px;
    font-size: 0;
    height: auto;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
    width: 30%;
    z-index: 6
}

@media(min-width:768px) {
    .page--hum .mobile__screens>.section__screens>.screen {
        border-radius: 24px;
        margin: 0 24px
    }
}

@media(min-width:1200px) {
    .page--hum .mobile__screens>.section__screens>.screen {
        border-radius: 40px;
        margin: 0 40px
    }
}

.page--hum .mobile__screens>.section__screens>.screen>img {
    height: auto;
    width: 100%
}

.page--hum .brand__animation {
    padding: 20vw 0 25vw;
    position: relative
}

.page--hum .brand__animation:hover .button__container {
    opacity: 1;
    visibility: visible
}

@media(min-width:768px) {
    .page--hum .brand__animation {
        padding: 15vw 0 22.5vw
    }
}

@media(min-width:1070px) {
    .page--hum .brand__animation {
        padding: 10vw 0 15vw
    }
}

.page--hum .brand__animation .looping__m {
    height: auto;
    left: -12%;
    position: relative;
    width: 100%
}

.page--hum .brand__animation .looping__m path {
    fill: none;
    stroke: #fff;
    stroke-width: 4.5;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    opacity: 0
}

.page--hum .brand__animation .looping__m circle {
    fill: #e75650;
    opacity: 0
}

.page--hum .brand__animation .button__container {
    bottom: 20px;
    display: none;
    opacity: 0;
    position: absolute;
    right: 20px;
    visibility: hidden
}

@media(min-width:768px) {
    .page--hum .brand__animation .button__container {
        display: block
    }
}

@media(min-width:1070px) {
    .page--hum .brand__animation .button__container {
        bottom: 40px;
        right: 40px
    }
}

.page--hum .brand__animation .button__container button {
    background-color: #e75650;
    border: 1px solid #e75650;
    border-radius: 100px;
    color: var(--c-text);
    color: #fff;
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    opacity: 0;
    padding: 9px 15px 10px;
    text-align: center;
    visibility: hidden;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .brand__animation .button__container button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .brand__animation .button__container button {
        font-size: 20px
    }
}

.page--hum .brand__animation .button__container button:focus,
.page--hum .brand__animation .button__container button:hover {
    background-color: #fff;
    border: 1px solid #e75650;
    color: #e75650;
    cursor: pointer
}

.page--hum .brand__animation .button__container button:focus {
    background-color: #e75650;
    box-shadow: 0 0 0 3px var(--c-text);
    color: #fff;
    outline: 2px solid var(--c-bg)
}

.page--hum .brand__animation--split {
    display: flex;
    width: 100%
}

.page--hum .brand__animation--split>.section__split {
    height: 45vw;
    position: relative;
    width: 50%
}

.page--hum .brand__animation--split>.section__split:hover .button__container {
    opacity: 1;
    visibility: visible
}

.page--hum .brand__animation--split>.section__split--logo {
    align-content: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.page--hum .brand__animation--split>.section__split--logo .logo__hum {
    width: 55%
}

@media(min-width:768px) {
    .page--hum .brand__animation--split>.section__split--logo .logo__hum {
        width: 45%
    }
}

@media(min-width:1070px) {
    .page--hum .brand__animation--split>.section__split--logo .logo__hum {
        width: 40%
    }
}

.page--hum .brand__animation--split>.section__split--logo .logo__hum line,
.page--hum .brand__animation--split>.section__split--logo .logo__hum path {
    fill: none;
    stroke: #fff;
    stroke-width: 4.5;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    opacity: 0
}

.page--hum .brand__animation--split>.section__split--logo .logo__hum circle {
    fill: #22a8a0;
    opacity: 0
}

.page--hum .brand__animation--split>.section__split--logo .logo__colgate {
    margin: .4rem auto 0;
    opacity: 0;
    width: 35%
}

@media(min-width:768px) {
    .page--hum .brand__animation--split>.section__split--logo .logo__colgate {
        margin: .6rem auto 0;
        width: 30%
    }
}

@media(min-width:1070px) {
    .page--hum .brand__animation--split>.section__split--logo .logo__colgate {
        margin: .8rem auto 0;
        width: 25%
    }
}

@media(min-width:1200px) {
    .page--hum .brand__animation--split>.section__split--logo .logo__colgate {
        margin: 1.2rem auto 0
    }
}

.page--hum .brand__animation--split>.section__split--logo .logo__colgate path {
    fill: #fff
}

.page--hum .brand__animation--split>.section__split--brush {
    overflow: hidden;
    position: relative
}

.page--hum .brand__animation--split>.section__split--brush img {
    opacity: 0;
    position: absolute;
    transform: translate(-50%);
    visibility: hidden;
    width: 12%
}

.page--hum .brand__animation--split>.section__split--brush img:first-child {
    bottom: -50%;
    left: 25%
}

.page--hum .brand__animation--split>.section__split--brush img:nth-child(2) {
    bottom: -42.5%;
    left: 50%
}

.page--hum .brand__animation--split>.section__split--brush img:nth-child(3) {
    bottom: -35%;
    left: 75%
}

.page--hum .brand__animation--split .section--purple {
    background-color: #754597
}

.page--hum .brand__animation--split .section--red {
    background-color: #e75650
}

.page--hum .brand__animation--split .button__container {
    bottom: 20px;
    display: none;
    opacity: 0;
    position: absolute;
    right: 20px;
    visibility: hidden
}

@media(min-width:768px) {
    .page--hum .brand__animation--split .button__container {
        display: block
    }
}

@media(min-width:1070px) {
    .page--hum .brand__animation--split .button__container {
        bottom: 40px;
        right: 40px
    }
}

.page--hum .brand__animation--split .button__container button {
    background-color: #e75650;
    border: 1px solid #e75650;
    border-radius: 100px;
    color: var(--c-text);
    color: #fff;
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    opacity: 0;
    padding: 9px 15px 10px;
    text-align: center;
    visibility: hidden;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .page--hum .brand__animation--split .button__container button {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--hum .brand__animation--split .button__container button {
        font-size: 20px
    }
}

.page--hum .brand__animation--split .button__container button:focus,
.page--hum .brand__animation--split .button__container button:hover {
    background-color: #fff;
    border: 1px solid #e75650;
    color: #e75650;
    cursor: pointer
}

.page--hum .brand__animation--split .button__container button:focus {
    background-color: #e75650;
    box-shadow: 0 0 0 3px var(--c-text);
    color: #fff;
    outline: 2px solid var(--c-bg)
}

.page--hum .cs-recirc {
    background-color: #425cc7
}

.page--hum .tablet__screens {
    position: relative
}

.page--hum .tablet__screens>.section__screens {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1500px;
    padding-top: 30px;
    position: relative
}

@media(min-width:350px) {
    .page--hum .tablet__screens>.section__screens {
        padding-top: 45px
    }
}

@media(min-width:600px) {
    .page--hum .tablet__screens>.section__screens {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--hum .tablet__screens>.section__screens {
        padding-top: 100px
    }
}

.page--hum .tablet__screens>.section__screens>.screen {
    border-radius: 12px;
    box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, .1);
    font-size: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

@media(min-width:768px) {
    .page--hum .tablet__screens>.section__screens>.screen {
        box-shadow: 2px 6px 20px 0 rgba(0, 0, 0, .15)
    }
}

@media(min-width:1200px) {
    .page--hum .tablet__screens>.section__screens>.screen {
        box-shadow: 5px 10px 35px 0 rgba(0, 0, 0, .2)
    }
}

@media(min-width:768px) {
    .page--hum .tablet__screens>.section__screens>.screen {
        border-radius: 24px
    }
}

@media(min-width:1200px) {
    .page--hum .tablet__screens>.section__screens>.screen {
        border-radius: 40px
    }
}

.page--hum .tablet__screens>.section__screens>.screen>img,
.page--hum .tablet__screens>.section__screens>.screen>video {
    height: auto;
    width: 100%
}

.theme-indigo {
    --c-bg-light: #1c1d21;
    --c-bg: #1c1d21;
    --c-border: #fff;
    --c-pop: #9cddeb;
    --c-text-light: #9cddeb;
    --c-text: #fff;
    --c-hamburger: #9cddeb;
    --c-logo: #fff
}

.page--indigo {
    background-color: var(--c-bg);
    padding-bottom: 80px
}

.page--indigo .video-player__video {
    border-radius: 0
}

.page--indigo .indigo-topper {
    background-color: #1c1d21;
    padding: 140px 20px 30px
}

@media(min-width:600px) {
    .page--indigo .indigo-topper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:350px) {
    .page--indigo .indigo-topper {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:600px) {
    .page--indigo .indigo-topper {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--indigo .indigo-topper {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--indigo .topper-content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    max-width: 1380px
}

@media(min-width:768px) {
    .page--indigo .topper-content {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .page--indigo .topper-content {
        margin-top: 120px
    }
}

.page--indigo .topper-content video {
    width: 100%
}

@media(min-width:768px) {
    .page--indigo .topper-content {
        display: flex
    }

    .page--indigo .topper-content .topper-art,
    .page--indigo .topper-content .topper-text {
        margin: 0;
        width: 50%
    }

    .page--indigo .topper-content .topper-art:before {
        content: url(/static/dist/f9e9bb59df1f79f000b6.svg);
        opacity: .2
    }

    .page--indigo .topper-content .art-content {
        margin-left: -50%;
        width: 200%
    }
}

@media(min-width:1800px) {
    .page--indigo .topper-content .art-content {
        width: 250%
    }
}

.page--indigo .art-content {
    align-items: baseline;
    display: flex;
    position: relative
}

.page--indigo .art-content .video-player__button {
    right: 10%;
    z-index: 2
}

@media(min-width:768px) {
    .page--indigo .art-content .video-player__button {
        right: 25%
    }
}

.page--indigo .art-content:after {
    bottom: 0;
    box-shadow: inset 0 0 30px 10px #1c1d21;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media(min-width:768px) {
    .page--indigo .art-content:after {
        box-shadow: inset 0 0 50px 50px #1c1d21
    }
}

.page--indigo .topper-text {
    color: #fff;
    position: relative;
    z-index: 1
}

.page--indigo .topper-title {
    color: var(--c-text);
    color: #9cddeb;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    line-height: 1.1;
    margin: 0 0 30px;
    padding: 0
}

@media(min-width:600px) {
    .page--indigo .topper-title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .page--indigo .topper-title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .page--indigo .topper-title {
        font-size: 85px
    }
}

.page--indigo .topper-lede {
    color: var(--c-text);
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin: 0 0 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--indigo .topper-lede {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--indigo .topper-lede {
        font-size: 20px
    }
}

.page--indigo .topper-dek {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--indigo .topper-dek {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--indigo .topper-dek {
        font-size: 20px
    }
}

@media(min-width:768px) {
    .page--indigo .topper-dek {
        margin-bottom: 50px
    }
}

.page--indigo .topper-dek p {
    margin-bottom: 30px
}

.page--indigo .topper-meta {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.page--indigo .topper-meta-set {
    width: 50%
}

.page--indigo .topper-meta-set:last-of-type {
    margin-bottom: 0
}

.page--indigo .topper-meta-set p {
    color: var(--c-text);
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin: 0 0 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--indigo .topper-meta-set p {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--indigo .topper-meta-set p {
        font-size: 16px
    }
}

.page--indigo .topper-meta-set ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.page--indigo .topper-meta-set li {
    color: #9cddeb;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0 0 8px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--indigo .topper-meta-set li {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--indigo .topper-meta-set li {
        font-size: 18px
    }
}

.page--indigo .topper-meta-set a {
    border-bottom: 1px solid #9cddeb;
    color: #9cddeb;
    transition: color .3s
}

.page--indigo .topper-meta-set a:hover {
    color: #9cddeb
}

.page--indigo .topper-art {
    margin: 0 -30px
}

@media(min-width:600px) {
    .page--indigo .topper-art {
        margin: 0 -80px
    }
}

.page--indigo .indigo-body {
    background-color: #fff
}

.page--indigo .intro {
    margin: 0 auto;
    max-width: 1070px;
    padding: 30px 20px;
    position: relative
}

@media(min-width:350px) {
    .page--indigo .intro {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:600px) {
    .page--indigo .intro {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--indigo .intro {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

@media(min-width:600px) {
    .page--indigo .intro {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--indigo .intro .section-text {
    color: rgba(0, 0, 0, .6)
}

.page--indigo .section-title {
    color: #000;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--indigo .section-title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--indigo .section-title {
        font-size: 48px
    }
}

.page--indigo .section-text {
    line-height: 1.4;
    margin-bottom: 30px;
    overflow: hidden
}

.page--indigo .section-text a {
    color: #000;
    text-decoration-color: #000;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--indigo .section-text a:focus,
.page--indigo .section-text a:hover {
    color: #1c1d21;
    text-decoration-color: #1c1d21
}

.page--indigo .section-text p {
    float: left;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--indigo .section-text {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 30px;
        column-gap: 30px;
        margin-bottom: 60px
    }
}

.page--indigo .img-left {
    border-bottom: 1px solid #dcdfe6;
    border-radius: 0 20px 20px 0;
    border-right: 1px solid #dcdfe6;
    border-top: 1px solid #dcdfe6;
    max-width: 75%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .page--indigo .img-left {
        border-radius: 0 30px 30px 0;
        max-width: 65%
    }
}

.page--indigo .img-right {
    border-bottom: 1px solid #dcdfe6;
    border-left: 1px solid #dcdfe6;
    border-radius: 20px 0 0 20px;
    border-top: 1px solid #dcdfe6
}

@media(min-width:768px) {
    .page--indigo .img-right {
        border-radius: 30px 0 0 30px
    }
}

.page--indigo .part-1 {
    color: #000
}

.page--indigo .part-1 .media-center {
    align-items: baseline;
    border-radius: 20px;
    display: flex;
    overflow: hidden
}

.page--indigo .part-1 .media-center video {
    width: 100%
}

@media(min-width:768px)and (max-width:1069px) {
    .page--indigo .part-1 .media-center .video-player__button {
        margin-right: 20px
    }
}

@media(min-width:768px) {
    .page--indigo .part-1 .media-center {
        border-radius: 30px
    }

    .page--indigo .p1-intro:before {
        content: url(/static/dist/f9e9bb59df1f79f000b6.svg);
        mix-blend-mode: exclusion;
        opacity: .2;
        position: absolute;
        right: 100%
    }
}

.page--indigo .media-center {
    margin-bottom: calc(-30% - 30px);
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .page--indigo .media-center {
        margin-bottom: calc(-30% - 60px);
        margin-left: -60px;
        margin-right: -60px
    }
}

@media(min-width:1500px) {
    .page--indigo .media-center {
        margin-left: -10vw;
        margin-right: -10vw
    }
}

.page--indigo .p1-showcase {
    background-color: #000;
    padding-top: 60px;
    position: relative
}

.page--indigo .media-bg {
    max-width: 75%
}

.page--indigo .media-right {
    border-bottom: 1px solid #dcdfe6;
    border-left: 1px solid #dcdfe6;
    border-radius: 20px 0 0 20px;
    border-top: 1px solid #dcdfe6;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 75vw
}

@media(min-width:768px) {
    .page--indigo .media-right {
        border-radius: 30px 0 0 30px
    }
}

@media(min-width:1070px) {
    .page--indigo .media-right {
        width: 50vw
    }
}

.page--indigo .part-2 {
    position: relative
}

.page--indigo .p2-intro {
    background-color: #fff;
    color: #000
}

.page--indigo .p2-intro:before {
    content: url(/static/dist/f9e9bb59df1f79f000b6.svg);
    left: 100%;
    mix-blend-mode: exclusion;
    opacity: .2;
    position: absolute
}

@media(min-width:1500px) {
    .page--indigo .p2-intro {
        margin-top: -250px
    }
}

.page--indigo .p2-intro:before {
    top: 120px;
    z-index: 1
}

.page--indigo .p2-intro:after {
    background-color: #fff;
    content: " ";
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: calc(50vw - 50%)
}

.page--indigo .p2-showcase {
    position: relative;
    z-index: 1
}

.page--indigo .pulled-assets {
    background-color: #f9fafd;
    color: #000;
    padding: 15vw;
    position: relative
}

.page--indigo .pulled-assets .label-container {
    left: -5vw;
    position: absolute;
    top: 50%
}

.page--indigo .pulled-assets .label {
    color: #000
}

.page--indigo .pulled-assets:nth-of-type(2n) {
    padding: 0
}

.page--indigo .pulled-assets:nth-of-type(2n) .media-main {
    border: 0
}

.page--indigo .pulled-assets:nth-of-type(2n) .media-small {
    left: 0;
    position: absolute;
    top: 50%
}

.page--indigo .pulled-assets:nth-of-type(2n) .label-container {
    left: auto;
    position: absolute;
    right: -5vw;
    top: 50%
}

.page--indigo .pulled-assets:nth-of-type(2n) .label-container .label {
    color: #fff
}

.page--indigo .pulled-assets:last-child .media-main {
    border: 0
}

.page--indigo .pulled-assets:last-child .media-main:after {
    bottom: auto;
    top: 100%
}

@media(min-width:768px) {
    .page--indigo .pulled-assets:last-child .media-main:before {
        left: 50%;
        top: 0;
        transform: translate(100%, -75%)
    }
}

.page--indigo .media-main {
    align-items: baseline;
    border: 1px solid #dcdfe6;
    display: flex;
    margin: auto;
    position: relative;
    width: 100%
}

.page--indigo .media-main:before {
    content: url(/static/dist/f9e9bb59df1f79f000b6.svg);
    height: 25vw;
    left: 50%;
    mix-blend-mode: exclusion;
    opacity: .2;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 100%;
    transform: translate(-50%, -50%);
    transform: translateX(-50%);
    width: 25vw
}

@media(min-width:768px) {
    .page--indigo .media-main:before {
        height: auto;
        transform: translate(100%, -25%);
        width: auto
    }
}

.page--indigo .media-main:after {
    background-color: #dcf0f7;
    bottom: calc(100% + 1px);
    content: "";
    height: 30px;
    left: 25%;
    position: absolute;
    width: 20%
}

@media(min-width:768px) {
    .page--indigo .media-main:after {
        height: 60px;
        width: 25%
    }
}

.page--indigo .media-video {
    width: 100%
}

.page--indigo .media-small {
    height: x;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20%
}

.page--indigo .label-container {
    height: x;
    left: -5vw;
    position: absolute;
    position: relative;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    width: 25vw;
    z-index: 1
}

.page--indigo .label {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    text-align: center
}

@media(min-width:600px) {
    .page--indigo .label {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:600px)and (min-width:600px)and (max-width:1549px) {
    .page--indigo .label {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:600px)and (min-width:1550px) {
    .page--indigo .label {
        font-size: 85px
    }
}

@media(min-width:768px) {
    .page--indigo .label {
        position: relative;
        width: 100%
    }
}

.page--indigo .part-3 {
    background: #f9fafd;
    color: #000
}

@media(min-width:768px) {
    .page--indigo .p3-intro {
        padding-bottom: 0
    }
}

@media(min-width:1070px) {
    .page--indigo .p3-intro {
        padding-bottom: 0
    }
}

.page--indigo .tech-stack {
    position: relative
}

.page--indigo .stack-list {
    margin: 0 auto;
    max-width: 1380px;
    padding-bottom: 60px
}

@media(min-width:600px) {
    .page--indigo .stack-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:600px)and (min-width:600px) {
    .page--indigo .stack-list {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:600px) {
    .page--indigo .stack-list .stack-item {
        width: 50%
    }
}

@media(min-width:1070px) {
    .page--indigo .stack-list {
        flex-wrap: nowrap
    }

    .page--indigo .stack-list .stack-item {
        flex: 1;
        margin-bottom: 0
    }
}

.page--indigo .stack-item {
    position: relative;
    text-align: center
}

.page--indigo .stack-item:not(:last-child) {
    margin-bottom: 90px
}

.page--indigo .stack-item:not(:last-child):after,
.page--indigo .stack-item:not(:last-child):before {
    border-right: 1px solid #dcdfe6;
    content: " ";
    display: none;
    height: 86px;
    left: 50%;
    position: absolute;
    top: 100%;
    width: x
}

.page--indigo .stack-item:not(:last-child):after {
    border-color: #000;
    transform: scaleY(0);
    transform-origin: top;
    transition: .6s cubic-bezier(.215, .61, .355, 1)
}

.animate .page--indigo .stack-item:not(:last-child):after {
    transform: scaleY(1)
}

.page--indigo .stack-item:not(:last-child):first-child:after {
    transition-delay: .5s
}

.page--indigo .stack-item:not(:last-child):nth-child(2):after {
    transition-delay: 1s
}

.page--indigo .stack-item:not(:last-child):nth-child(3):after {
    transition-delay: 1.5s
}

@media(min-width:320px)and (max-width:599px) {

    .page--indigo .stack-item:not(:last-child):after,
    .page--indigo .stack-item:not(:last-child):before {
        display: block
    }
}

@media(min-width:1070px) {

    .page--indigo .stack-item:not(:last-child):after,
    .page--indigo .stack-item:not(:last-child):before {
        border-bottom: 1px solid #dcdfe6;
        border-right: 0;
        bottom: auto;
        display: block;
        height: 0;
        left: calc(50% + 64px);
        position: absolute;
        right: auto;
        top: 60px;
        width: calc(100% - 128px)
    }

    .page--indigo .stack-item:not(:last-child):after {
        border-color: #000;
        transform: scaleX(0);
        transform-origin: left
    }

    .animate .page--indigo .stack-item:not(:last-child):after {
        transform: scaleX(1)
    }
}

.page--indigo .stack-item:first-child .tech-logo:before,
.page--indigo .stack-item:last-child .tech-logo:after {
    display: none
}

.page--indigo .stack-item .stack-item-title {
    margin-bottom: 5px
}

.page--indigo .stack-item p:not(.stack-item-title) {
    line-height: 1.3;
    opacity: .6;
    padding: 0 20px
}

.page--indigo .tech-logo {
    display: inline-block;
    height: 90px;
    margin-bottom: 20px;
    position: relative;
    width: 90px
}

.page--indigo .tech-logo:after,
.page--indigo .tech-logo:before {
    background-color: #9cddeb;
    border-radius: 50%;
    content: " ";
    display: none;
    height: 4px;
    left: 50%;
    position: absolute;
    top: calc(100% - 8px);
    transform: translateX(-50%);
    width: 4px;
    z-index: 1
}

.page--indigo .tech-logo:before {
    bottom: calc(100% - 8px);
    top: auto
}

@media(min-width:320px)and (max-width:599px) {

    .page--indigo .tech-logo:after,
    .page--indigo .tech-logo:before {
        display: block
    }
}

@media(min-width:768px) {
    .page--indigo .tech-logo {
        height: 120px;
        width: 120px
    }
}

@media(min-width:1070px) {

    .page--indigo .tech-logo:after,
    .page--indigo .tech-logo:before {
        display: block;
        left: calc(100% - 8px);
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .page--indigo .tech-logo:before {
        left: auto;
        right: calc(100% - 8px)
    }
}

.page--indigo .part-4 {
    padding-bottom: 30px;
    padding-bottom: 0 !important;
    padding-top: 30px
}

@media(min-width:350px) {
    .page--indigo .part-4 {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:600px) {
    .page--indigo .part-4 {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--indigo .part-4 {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--indigo .part-4 .text-block {
    background-color: #000
}

.page--indigo .part-4 .text-block .section-title {
    color: #fff
}

.page--indigo .part-4 .text-block .section-text {
    color: hsla(0, 0%, 100%, .6)
}

.page--indigo .p4-media-1 {
    margin-bottom: -25%;
    position: relative;
    z-index: 1
}

.page--indigo .p4-media-1 img:last-child {
    bottom: 35%;
    left: 60%;
    position: absolute;
    width: 45%
}

.page--indigo .p4-showcase {
    background-color: #000;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative
}

@media(min-width:350px) {
    .page--indigo .p4-showcase {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:600px) {
    .page--indigo .p4-showcase {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--indigo .p4-showcase {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--indigo .p4-showcase .media-bg {
    max-width: 100%;
    position: absolute;
    width: 100%
}

.page--indigo .p4-showcase .media-bg img {
    max-width: 75%;
    position: relative
}

.page--indigo .p4-showcase .media-bg .bg-image-left {
    left: 25%
}

@media(min-width:1070px) {
    .page--indigo .p4-showcase .media-bg img:nth-child(odd) {
        margin-bottom: -15%
    }
}

.page--indigo .mobile-screenshots {
    padding-top: 30%;
    position: relative
}

@media(min-width:400px) {
    .page--indigo .mobile-screenshots .media-mobile {
        display: flex;
        justify-content: center
    }

    .page--indigo .mobile-screenshots .mobile-image:nth-child(2n) {
        margin-top: 90px
    }
}

@media(min-width:1070px) {
    .page--indigo .mobile-screenshots .media-mobile:nth-child(2n) .mobile-image:first-child {
        margin-left: 25%
    }

    .page--indigo .mobile-screenshots .media-mobile:nth-child(odd) .mobile-image:last-child {
        margin-right: 25%
    }
}

.page--indigo .media-mobile {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:600px) {
    .page--indigo .media-mobile {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--indigo .mobile-image {
    padding: 30px;
    width: auto;
    z-index: 1
}

.page--indigo .gallery {
    background-color: #000;
    position: relative
}

.page--indigo .gallery:after {
    clear: both;
    content: "";
    display: table
}

.page--indigo .gallery .gallery-video,
.page--indigo .gallery img {
    padding: 30px 20px
}

@media(min-width:350px) {

    .page--indigo .gallery .gallery-video,
    .page--indigo .gallery img {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:600px) {

    .page--indigo .gallery .gallery-video,
    .page--indigo .gallery img {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {

    .page--indigo .gallery .gallery-video,
    .page--indigo .gallery img {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

@media(min-width:600px) {

    .page--indigo .gallery .gallery-video,
    .page--indigo .gallery img {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--indigo .gallery img:nth-child(4),
.page--indigo .gallery video:nth-child(4) {
    margin-bottom: -50%;
    margin-left: 60px;
    margin-top: -50%;
    padding: 0;
    position: relative
}

.page--indigo .gallery video {
    width: 100%
}

@media(min-width:400px) {
    .page--indigo .gallery img {
        padding: 0
    }
}

@media(min-width:1070px) {
    .page--indigo .gallery img {
        display: inline;
        float: left;
        max-width: 50%;
        padding: 0
    }

    .page--indigo .gallery img:first-child {
        margin-top: -10%
    }

    .page--indigo .gallery img:nth-child(3) {
        margin-top: -30%
    }

    .page--indigo .gallery img:nth-child(4) {
        float: right;
        margin-bottom: auto;
        margin-top: -20%;
        max-width: 65%;
        position: relative
    }

    .page--indigo .gallery img:last-child {
        margin-top: -50%
    }
}

.theme-kuvee {
    --c-bg-light: #fff;
    --c-bg: #fff;
    --c-border: #e1e1e1;
    --c-pop: #eeb1b0;
    --c-text-light: #eeb1b0;
    --c-text: #000;
    --c-nav-text: #fff;
    --c-nav-text-hover: #eeb1b0;
    --c-hamburger: #eeb1b0;
    --c-logo: #fff
}

.page--kuvee {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--kuvee {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--kuvee {
        font-size: 20px
    }
}

.page--kuvee .video-player__video {
    border-radius: 0
}

.page--kuvee .announcement__body--kuvee,
.page--kuvee .announcement__cover--kuvee {
    position: relative
}

.page--kuvee .announcement__cover--kuvee {
    padding-bottom: 100px
}

.page--kuvee .announcement__body--kuvee {
    background-color: #fff;
    padding-bottom: 100px
}

.page--kuvee .announcement__blog-author,
.page--kuvee .announcement__lede,
.page--kuvee .anouncement__header--kuvee {
    color: #fff
}

.page--kuvee .announcement__kicker {
    background-attachment: #eeb1b0;
    color: #000
}

.page--kuvee .nav-toggle-icon--open {
    stroke: #fff
}

.page--kuvee .kuvee-announcement--wine-slider {
    float: left;
    padding: 5em 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media(min-width:600px) {
    .page--kuvee .kuvee-announcement--wine-slider {
        padding-bottom: 0
    }
}

.page--kuvee .kuvee-announcement--wine-slider .kuvee-announcement--wine-slider-video-bg {
    background-color: #f2f2f2;
    border-radius: .5em;
    display: block;
    margin: 0 auto;
    max-width: 1500px;
    padding: 3.57vw 1.43vw;
    width: 90%
}

@media(min-width:600px) {
    .page--kuvee .kuvee-announcement--wine-slider .kuvee-announcement--wine-slider-video-bg {
        border-radius: .8em
    }
}

@media(min-width:1070px) {
    .page--kuvee .kuvee-announcement--wine-slider .kuvee-announcement--wine-slider-video-bg {
        border-radius: 1.4em
    }
}

.page--kuvee .announcement__dropcap {
    background: #eeb1b0;
    color: #fff
}

.page--kuvee .kuvee-announcement--bottle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

.page--kuvee .kuvee-announcement--bottle:after,
.page--kuvee .kuvee-announcement--bottle:before {
    border: 1px solid #eeb1b0;
    border-radius: 50%;
    content: "";
    height: 25vw;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translate(-50%, -50%) scale(0);
    transition: 2s ease-out;
    width: 25vw;
    z-index: -1
}

.page--kuvee .kuvee-announcement--bottle:after {
    border-width: 1px;
    height: 40vw;
    width: 40vw
}

@media(min-width:1070px) {

    .page--kuvee .kuvee-announcement--bottle:after,
    .page--kuvee .kuvee-announcement--bottle:before {
        border-width: 2px
    }
}

.page--kuvee .kuvee-announcement--bottle.expand-animation:after,
.page--kuvee .kuvee-announcement--bottle.expand-animation:before {
    opacity: .3;
    transform: translate(-50%, -50%) scale(2)
}

.page--kuvee .kuvee-announcement--bottle.expand-animation:after {
    transform: translate(-50%, -50%) scale(2.5);
    transition-delay: .1s
}

@media(min-width:768px) {

    .page--kuvee .kuvee-announcement--bottle.expand-animation:after,
    .page--kuvee .kuvee-announcement--bottle.expand-animation:before {
        opacity: .3;
        transform: translate(-50%, -50%) scale(1)
    }

    .page--kuvee .kuvee-announcement--bottle.expand-animation:after {
        transform: translate(-50%, -50%) scale(1.2);
        transition-delay: .1s
    }
}

.page--kuvee .kuvee-announcement--heading__list-heading {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin: 60px auto;
    max-width: 1070px;
    padding: 0 30px;
    position: relative;
    text-align: center;
    width: 100%
}

@media(min-width:600px)and (max-width:1399px) {
    .page--kuvee .kuvee-announcement--heading__list-heading {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--kuvee .kuvee-announcement--heading__list-heading {
        font-size: 16px
    }
}

@media(min-width:1070px) {

    .page--kuvee .kuvee-announcement--heading__list-heading:after,
    .page--kuvee .kuvee-announcement--heading__list-heading:before {
        background-color: rgba(0, 0, 0, .1);
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        top: 50%;
        width: 43%
    }
}

.page--kuvee .kuvee-announcement--heading__list-heading:after {
    left: auto;
    right: 0
}

.page--kuvee .kuvee-announcement--info-list {
    counter-reset: benefit;
    display: flex;
    flex: 1 1 1;
    flex-direction: column;
    list-style: none;
    margin: 0 30px;
    padding: 0 0 100px;
    z-index: 1
}

@media(min-width:1070px) {
    .page--kuvee .kuvee-announcement--info-list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1070px;
        width: 100%
    }
}

.page--kuvee .kuvee-announcement--info {
    align-self: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 40px;
    max-width: 320px;
    padding-bottom: 30px;
    position: relative
}

.page--kuvee .kuvee-announcement--info span {
    display: block
}

.page--kuvee .kuvee-announcement--info:last-child {
    border-bottom: 0
}

.page--kuvee .kuvee-announcement--info:before {
    border-bottom: 2px solid #eeb1b0;
    color: #eeb1b0;
    content: "0" counter(benefit);
    counter-increment: benefit;
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 20px;
    padding-bottom: 1px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--kuvee .kuvee-announcement--info:before {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--kuvee .kuvee-announcement--info:before {
        font-size: 16px
    }
}

@media(min-width:1070px) {
    .page--kuvee .kuvee-announcement--info {
        align-self: auto;
        border: 0;
        padding: 0 30px;
        position: relative
    }
}

.page--kuvee .kuvee-announcement--body-images {
    background-color: #000
}

.page--kuvee .kuvee-announcement--main-feature {
    display: flex;
    margin: 0 auto 5em;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

.page--kuvee .kuvee-announcement--main-feature .kuvee-announcement--main-feature-video-bg {
    background-color: #1a1a1a;
    border-radius: .5em;
    float: left;
    height: 100%;
    margin: -2em auto 0;
    max-width: 1500px;
    padding: 3.57vw 1.43vw;
    position: relative;
    width: 90%;
    z-index: 1
}

@media(min-width:600px) {
    .page--kuvee .kuvee-announcement--main-feature .kuvee-announcement--main-feature-video-bg {
        border-radius: .8em
    }
}

@media(min-width:1070px) {
    .page--kuvee .kuvee-announcement--main-feature .kuvee-announcement--main-feature-video-bg {
        border-radius: 1.4em
    }
}

.page--kuvee .kuvee-announcement--mid-copy {
    margin: 1em auto;
    max-width: 650px;
    padding: 30px
}

.page--kuvee .kuvee-announcement--mid-copy a,
.page--kuvee .kuvee-announcement--mid-copy p {
    color: #fff;
    font-size: 21px
}

.page--kuvee .kuvee-announcement--mid-copy p {
    margin-bottom: 30px
}

@media(min-width:1070px) {
    .page--kuvee .kuvee-announcement--mid-copy {
        margin: 0 auto;
        padding: 200px 30px;
        position: relative
    }

    .page--kuvee .kuvee-announcement--mid-copy:after,
    .page--kuvee .kuvee-announcement--mid-copy:before {
        background-color: hsla(0, 0%, 100%, .2);
        content: "";
        height: 150px;
        left: 50%;
        position: absolute;
        top: 0;
        width: 1px
    }

    .page--kuvee .kuvee-announcement--mid-copy:after {
        bottom: 0;
        top: auto
    }
}

.page--kuvee .kuvee-announcement--bottom-copy {
    background: #fff;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    z-index: 1
}

.page--kuvee .kuvee-announcement--bottom-copy p {
    color: #000;
    margin: 25px auto;
    max-width: 650px
}

.page--kuvee .kuvee-announcement--bottom-copy:after,
.page--kuvee .kuvee-announcement--bottom-copy:before {
    background-color: rgba(0, 0, 0, .2)
}

.page--kuvee .kuvee-announcement--bottom-copy:after {
    display: none
}

.page--kuvee .kuvee-announcement--bts-images {
    overflow: hidden
}

.page--kuvee .kuvee-announcement--bts-images img {
    display: block;
    height: auto;
    width: 100%
}

.page--kuvee .kuvee-announcement--bts__half-width {
    margin: 0 auto 10em
}

.page--kuvee .kuvee-announcement--bts__half-width-content {
    display: flex;
    flex-direction: column;
    padding-left: 5.3%;
    padding-right: 5.3%
}

@media(min-width:1070px) {
    .page--kuvee .kuvee-announcement--bts__half-width-content {
        flex-direction: row;
        margin-right: -5%
    }
}

.page--kuvee .kuvee-announcement--bts__col {
    width: 100%
}

@media(min-width:1070px) {
    .page--kuvee .kuvee-announcement--bts__col {
        width: 50%
    }

    .page--kuvee .kuvee-announcement--bts__col:first-child {
        margin-right: -5%;
        margin-top: -10%
    }
}

.page--kuvee .kuvee-annoucement--interactions {
    background-image: url(/static/dist/e3d521539195f117da10.jpg);
    background-position: bottom;
    background-size: cover;
    position: relative
}

.page--kuvee .kuvee-annoucement--interactions:before {
    background: linear-gradient(180deg, #000 0, transparent);
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#00000000", GradientType=0);
    height: 30%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.page--kuvee .kuvee-announcement--interactions-feature-video {
    margin: 2em auto;
    max-width: 1500px
}

.page--kuvee .kuvee-announcement--interactions-feature-video video {
    position: relative;
    width: 100%;
    z-index: 1
}

.page--kuvee .kuvee-announcement--interactions-mobile-container {
    margin: 0 auto;
    max-width: 90%;
    padding-bottom: 20%;
    position: relative;
    text-align: center;
    z-index: 1
}

@media(min-width:768px) {
    .page--kuvee .kuvee-announcement--interactions-mobile-container {
        display: flex;
        justify-content: center
    }
}

.page--kuvee .kuvee-announcement--mobile {
    display: flex;
    margin: 1em 0
}

.page--kuvee .kuvee-announcement--mobile .kuvee-announcement--mobile-video-bg {
    align-self: baseline;
    background-color: #1a1a1a;
    border-radius: .8em;
    flex: 1;
    min-height: 680px;
    padding: 13.57vw 3.43vw;
    width: 100%
}

@media(min-width:768px) {
    .page--kuvee .kuvee-announcement--mobile .kuvee-announcement--mobile-video-bg {
        border-radius: 1.4em;
        min-height: 800px;
        padding: 3.57vw .7vw
    }
}

@media(min-width:600px) {
    .page--kuvee .kuvee-announcement--mobile {
        margin: 1em
    }
}

.page--kuvee .kuvee-announcement__in-photos-mod {
    background-color: #fff;
    float: left;
    padding: 40px 10px;
    position: relative
}

@media(min-width:768px) {
    .page--kuvee .kuvee-announcement__in-photos-mod {
        padding: 40px
    }
}

.page--kuvee .announcement__in-photos-list {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}

.page--kuvee .announcement__in-photos-list-item {
    clip-path: inset(15px);
    float: left;
    overflow: hidden;
    padding: 15px;
    position: relative;
    z-index: 1
}

.page--kuvee .announcement__in-photos-list-item img {
    float: left;
    width: 100%
}

.page--kuvee .announcement__in-photos-list-item:first-child {
    width: 100%
}

.page--kuvee .announcement__in-photos-list-item:nth-child(6) {
    bottom: 0;
    clip-path: none;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 30%;
    width: 100%;
    z-index: 0
}

.page--kuvee .announcement__in-photos-list-item:nth-child(6) img,
.page--kuvee .announcement__in-photos-list-item:nth-child(6) video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width:1070px) {
    .page--kuvee .announcement__in-photos-list-item:nth-child(6) {
        top: 65%
    }
}

@media(min-width:600px) {

    .page--kuvee .announcement__in-photos-list-item:nth-child(2),
    .page--kuvee .announcement__in-photos-list-item:nth-child(3) {
        width: 50%
    }
}

@media(min-width:1070px) {
    .page--kuvee .announcement__in-photos-list-item:first-child {
        width: 70%
    }

    .page--kuvee .announcement__in-photos-list-item:nth-child(2),
    .page--kuvee .announcement__in-photos-list-item:nth-child(3),
    .page--kuvee .announcement__in-photos-list-item:nth-child(4) {
        width: 30%
    }

    .page--kuvee .announcement__in-photos-list-item:nth-child(2) {
        margin-top: -12%
    }

    .page--kuvee .announcement__in-photos-list-item:nth-child(4) {
        float: right;
        width: 70%
    }

    .page--kuvee .announcement__in-photos-list-item:nth-child(5) {
        float: right;
        width: 30%
    }
}

.page--kuvee .colorway--dark-gray,
.page--kuvee .spread {
    position: relative;
    z-index: 1
}

.page--kuvee .js-announcement-scroll-trigger img,
.page--kuvee .js-announcement-scroll-trigger video {
    opacity: 0;
    transform: translateY(-30px) scale(1.05);
    transition: .86s ease-out
}

.page--kuvee .is-in-view img,
.page--kuvee .is-in-view video {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition: .86s ease-out
}

.page--kuvee .js-announcement-scroll-trigger-2 img,
.page--kuvee .js-announcement-scroll-trigger-2 video {
    opacity: 0;
    transform: translateY(-30px);
    transition: .86s ease-out
}

.page--kuvee .is-in-view-2 img,
.page--kuvee .is-in-view-2 video {
    opacity: 1;
    transform: translateY(0);
    transition: .86s ease-out
}

.theme-milk-street {
    --c-bg-light: #181822;
    --c-bg: #181822;
    --c-border: #fcc2c2;
    --c-pop: #fcc2c2;
    --c-text-light: #fcc2c2;
    --c-text: #fff;
    --c-nav-text: #fcc2c2;
    --c-nav-text-hover: #fcc2c2;
    --c-hamburger: #fcc2c2;
    --c-logo: #fcc2c2
}

.page--milk-street .video-player__video {
    border-radius: 0
}

.page--milk-street .txt {
    color: #fff
}

.page--milk-street .wrapper {
    background-color: #000
}

.page--milk-street .cover--milk,
.page--milk-street .header--milk {
    background-image: url(/static/dist/fd7d990a1ade8a7614e7.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #181822;
    width: 100%
}

@media(min-width:350px) {

    .page--milk-street .cover--milk,
    .page--milk-street .header--milk {
        background-attachment: fixed;
        background-position: 50%
    }
}

.touchevents .page--milk-street .cover--milk,
.touchevents .page--milk-street .header--milk {
    background-attachment: scroll
}

.page--milk-street .header--milk {
    background-color: #181822
}

@media(min-width:0)and (max-width:349px) {
    .page--milk-street .header--milk {
        background-image: none
    }
}

.page--milk-street .cover--milk {
    background-color: #181822;
    padding: 100px 20px 20px;
    position: relative;
    text-align: center;
    z-index: 2
}

@media(min-width:350px) {
    .page--milk-street .cover--milk {
        padding: 300px 40px 40px
    }
}

@media(min-width:768px) {
    .page--milk-street .cover--milk {
        padding: 300px 60px 60px
    }
}

@media(min-width:1070px) {
    .page--milk-street .cover--milk {
        padding: 300px 100px 85px
    }
}

.page--milk-street .kicker--milk {
    color: #181822
}

.page--milk-street .announcement__lede {
    color: #181822;
    max-width: 1080px
}

.page--milk-street .deck--milk {
    font-size: 24px;
    margin: 0 auto 16px;
    max-width: 700px
}

@media(min-width:600px) {
    .page--milk-street .deck--milk {
        font-size: 28px
    }
}

@media(min-width:1070px) {
    .page--milk-street .deck--milk {
        font-size: 34px;
        max-width: 900px
    }
}

.page--milk-street .blog-author--milk {
    color: #181822;
    letter-spacing: 1.5px;
    margin: 10px 0;
    text-transform: uppercase
}

.page--milk-street .blog-author-by {
    display: inline-block;
    font-style: italic;
    letter-spacing: 1px;
    margin-right: 3px;
    text-transform: none
}

.page--milk-street .portfolio-body--milk {
    background-color: #181822
}

.page--milk-street .portfolio-body--milk a {
    color: #fff;
    text-decoration-color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--milk-street .portfolio-body--milk a:focus,
.page--milk-street .portfolio-body--milk a:hover {
    color: #fcc2c2;
    text-decoration-color: #fcc2c2
}

.page--milk-street .portfolio-body-intro--txt {
    background-color: #181822;
    margin: 0 auto;
    max-width: 700px;
    padding: 60px 25px;
    position: relative;
    z-index: 10
}

@media(min-width:550px) {
    .page--milk-street .portfolio-body-intro--txt {
        padding: 80px 25px;
        width: 90%
    }
}

.portfolio-body--milk .page--milk-street .portfolio-body-intro--txt a {
    color: #fff;
    text-decoration-color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.portfolio-body--milk .page--milk-street .portfolio-body-intro--txt a:focus,
.portfolio-body--milk .page--milk-street .portfolio-body-intro--txt a:hover {
    color: #fcc2c2;
    text-decoration-color: #fcc2c2
}

.page--milk-street .milk-dropcap {
    background: #fcc2c2;
    color: #181822
}

.page--milk-street .blockquote--milk {
    border-bottom: 1px solid;
    border-top: 1px solid;
    color: #fcc2c2;
    font-size: 27px;
    line-height: 35px;
    margin: 1em 0;
    padding: 1em 0;
    text-align: center
}

@media(min-width:600px) {
    .page--milk-street .blockquote--milk {
        font-size: 37px;
        line-height: 45px
    }
}

@media(min-width:1070px) {
    .page--milk-street .blockquote--milk {
        margin: 1em 0 1em -10%;
        width: 120%
    }
}

.page--milk-street .portfolio-images--milk {
    background-color: #181822;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    z-index: 10
}

.page--milk-street .portfolio-images--milk:after {
    clear: both;
    content: "";
    display: table
}

.page--milk-street .portfolio-images--milk-full {
    position: relative;
    width: 100%;
    z-index: 2
}

.page--milk-street .portfolio-images--milk-bottom {
    width: 100%
}

.page--milk-street .portfolio-images--milk-bottom .portfolio-images--milk {
    padding-bottom: 100px;
    width: 80%
}

@media(min-width:1000px) {
    .page--milk-street .portfolio-images--milk-bottom .portfolio-images--milk {
        width: 100%
    }
}

.page--milk-street .gifs--milk {
    background-color: #181822;
    display: flex;
    flex-direction: row;
    padding-top: 25px;
    position: relative;
    z-index: 10
}

.page--milk-street .video--milk {
    flex: 1 1 0;
    padding: 0
}

.page--milk-street .cooking-mode--tablet-wrapper {
    background-position: 50%;
    background-size: cover;
    height: 350px;
    padding: 80px 0;
    position: relative;
    z-index: 1
}

@media(min-width:350px) {
    .page--milk-street .cooking-mode--tablet-wrapper {
        height: 500px
    }
}

@media(min-width:1070px) {
    .page--milk-street .cooking-mode--tablet-wrapper {
        height: 100vh
    }
}

.page--milk-street .cooking-mode--tablet {
    left: 50%;
    margin: 0 auto;
    max-width: 450px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%
}

.page--milk-street .cooking-mode-video--tablet {
    line-height: 0;
    margin: 0 auto;
    padding-bottom: 11%;
    padding-top: 11%;
    position: relative;
    width: 87%
}

.page--milk-street .cooking-mode-video--tablet video {
    width: 100%
}

.page--milk-street .cooking-mode {
    background-color: #181822;
    margin: 0 auto;
    max-width: 1410px;
    position: relative;
    width: 90%;
    z-index: 3
}

@media(min-width:600px) {
    .page--milk-street .cooking-mode {
        width: 80%
    }
}

.page--milk-street .cooking-mode-image {
    position: absolute;
    text-align: center;
    width: 100%
}

.page--milk-street .cooking-mode-video {
    line-height: 0;
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 6%;
    position: relative;
    width: 90%
}

.page--milk-street .cooking-mode-video video {
    width: 100%
}

.page--milk-street .mobile-cooking {
    background-position: 50%;
    background-size: cover;
    padding: 60px 20px;
    position: relative;
    width: 100%;
    z-index: 3
}

@media(min-width:1070px) {
    .page--milk-street .mobile-cooking {
        padding: 140px 100px
    }
}

.page--milk-street .mobile-cooking-phone-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 250px
}

@media(min-width:600px) {
    .page--milk-street .mobile-cooking-phone-wrapper {
        flex-direction: row;
        max-width: 1200px
    }
}

.page--milk-street .cooking-mode--mobile {
    flex: 1 1 0;
    margin: 20px 0;
    position: relative;
    width: 100%
}

@media(min-width:600px) {
    .page--milk-street .cooking-mode--mobile {
        margin: 0 20px
    }
}

@media(min-width:1070px) {
    .page--milk-street .cooking-mode--mobile {
        margin: 0 40px
    }
}

.page--milk-street .cooking-mode--mobile-center {
    flex: 1 1 0
}

@media(min-width:600px) {
    .page--milk-street .cooking-mode--mobile-center {
        flex: 1.4 1 0
    }
}

.page--milk-street .cooking-mode-video--mobile {
    margin: 0 auto;
    padding-bottom: 25%;
    padding-top: 26%;
    position: relative;
    width: 85%
}

.page--milk-street .cooking-mode-video--mobile video {
    width: 100%
}

.page--milk-street .cs-recirc {
    background-color: #181822
}

.page--milk-street .page__footer {
    background-color: #181822;
    position: relative;
    z-index: 100
}

@keyframes mount-canvas {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes cursor-blink {
    0% {
        opacity: 0
    }

    49% {
        opacity: 0
    }

    50% {
        opacity: 100%
    }

    99% {
        opacity: 100%
    }

    to {
        opacity: 0
    }
}

.page--mit-edu .video-player__video {
    border-radius: 0
}

.page--mit-edu .section {
    position: relative
}

.page--mit-edu .section:not(.page--mit-edu .section.search) {
    overflow: hidden
}

.page--mit-edu .section--padded {
    padding: 30px 20px
}

@media(min-width:350px) {
    .page--mit-edu .section--padded {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mit-edu .section--padded {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mit-edu .section--padded {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

@media(min-width:768px) {
    .page--mit-edu .section--padded {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--mit-edu .section__content {
    margin: 0 auto;
    max-width: 1500px
}

.page--mit-edu .section__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px;
    max-width: 1500px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--mit-edu .section__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--mit-edu .section__title {
        font-size: 48px
    }
}

.page--mit-edu .section__subtitle {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 5px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mit-edu .section__subtitle {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mit-edu .section__subtitle {
        font-size: 18px
    }
}

.page--mit-edu .section__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    max-width: 1500px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mit-edu .section__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mit-edu .section__description {
        font-size: 20px
    }
}

.page--mit-edu .topper {
    bottom: 0;
    left: 0;
    min-height: 100vh;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.page--mit-edu .topper .canvas,
.page--mit-edu .topper .topper__content {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--mit-edu .topper .canvas-cover {
    height: 100%;
    position: relative;
    width: 100%
}

.page--mit-edu .topper .canvas-cover__logo {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 296px
}

@media(min-width:768px) {
    .page--mit-edu .topper .canvas-cover__logo {
        width: 404px
    }
}

@media(min-width:1070px) {
    .page--mit-edu .topper .canvas-cover__logo {
        width: 536px
    }
}

.page--mit-edu .topper .canvas-cover__logo div {
    height: 1px;
    position: absolute;
    transform-origin: 0 0;
    width: 1px
}

.page--mit-edu .topper .canvas-cover__logo svg {
    height: auto;
    width: 100%;
    fill: none;
    opacity: 0
}

.page--mit-edu .topper .canvas-cover__title {
    left: 50%;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: opacity .3s ease-in-out;
    z-index: 1
}

.page--mit-edu .topper .canvas-cover__title.hidden {
    opacity: 0
}

.page--mit-edu .topper .canvas-cover__title h2 {
    margin-top: .3em
}

.page--mit-edu .topper .canvas {
    opacity: 0
}

.page--mit-edu .topper__placeholder {
    min-height: 175vh;
    position: relative;
    width: 100%
}

@media(min-width:1000px) {
    .page--mit-edu .header {
        margin-bottom: 128px
    }
}

.page--mit-edu .header .header__info {
    display: flex
}

@media(max-width:999px) {
    .page--mit-edu .header .header__info {
        flex-direction: column
    }
}

.page--mit-edu .header .header__content {
    margin-bottom: 48px
}

@media(min-width:768px) {
    .page--mit-edu .header .header__content {
        padding-right: 128px
    }
}

.page--mit-edu .header .header__meta {
    flex-shrink: 0
}

@media(min-width:1000px) {
    .page--mit-edu .header .header__meta {
        width: 33.3333333333%
    }
}

.page--mit-edu .header .header__meta .header__meta__title {
    color: hsla(0, 0%, 100%, .4)
}

.page--mit-edu .header .header__meta .header__meta__item {
    margin-bottom: 32px
}

.page--mit-edu .header .header__meta .header__meta__item li {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    padding: 2px 0
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mit-edu .header .header__meta .header__meta__item li {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mit-edu .header .header__meta .header__meta__item li {
        font-size: 18px
    }
}

.page--mit-edu .header .header__meta .header__meta__link {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mit-edu .header .header__meta .header__meta__link {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mit-edu .header .header__meta .header__meta__link {
        font-size: 18px
    }
}

.page--mit-edu .header .header__meta .header__meta__link:active,
.page--mit-edu .header .header__meta .header__meta__link:focus,
.page--mit-edu .header .header__meta .header__meta__link:hover {
    color: hsla(0, 0%, 100%, .4)
}

.page--mit-edu .header .header__meta .header__meta__link:after {
    background-image: url(/static/dist/e880d9cb608b44be795b.svg);
    content: "";
    height: 16px;
    margin-left: 8px;
    width: 16px
}

.page--mit-edu .search {
    align-items: center;
    display: flex;
    display: none;
    flex-direction: column;
    margin-bottom: 128px;
    position: relative
}

@media(min-width:768px) {
    .page--mit-edu .search {
        display: block
    }
}

.page--mit-edu .search .sticky-scroll {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--mit-edu .search .sticky-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    padding: 64px;
    pointer-events: none;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 10
}

.page--mit-edu .search .sticky-background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9
}

.page--mit-edu .search .sticky-image {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: .2s ease-out;
    transition-property: opacity;
    width: 100%
}

.page--mit-edu .search .sticky-image--visible {
    opacity: 1
}

.page--mit-edu .search .sticky-image--0 {
    z-index: 9
}

.page--mit-edu .search .sticky-image--1 {
    z-index: 10
}

.page--mit-edu .search .sticky-image--2 {
    z-index: 11
}

.page--mit-edu .search .sticky-image--3 {
    z-index: 12
}

.page--mit-edu .search .sticky-image--4 {
    z-index: 13
}

.page--mit-edu .search .sticky-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-height: 750px;
    max-width: 750px;
    position: relative;
    width: 100%;
    z-index: 11
}

.page--mit-edu .search .phone {
    height: var(--phone-height);
    opacity: 0;
    pointer-events: all;
    position: relative;
    transform: translate3d(0, calc(32px + var(--phone-offset)/2), 0);
    transition: .2s ease-out;
    transition-property: opacity, transform;
    width: var(--phone-width)
}

.page--mit-edu .search .phone--visible {
    opacity: 1;
    transform: translate3d(0, calc(var(--phone-offset)/2), 0)
}

.page--mit-edu .search .screen {
    background-color: #f8f9fe;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
    width: 100%
}

.page--mit-edu .search .screen:after {
    background-image: url(/static/dist/9d987521c3d04d26598c.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 111.5%;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 111.5%
}

.page--mit-edu .search .screen__inner {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--mit-edu .search .screen__padded {
    display: flex;
    flex-direction: column
}

.page--mit-edu .search .screen__nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: calc(var(--phone-height)*.0929);
    margin-top: calc(var(--phone-height)*.06557);
    padding: 0 calc(var(--phone-width)*.06158)
}

.page--mit-edu .search .screen__nav__logo {
    transition: color .2s ease-out, background-color .2s ease-out;
    width: calc(var(--phone-width)*.24047)
}

.page--mit-edu .search .screen__nav__logo .wrapper {
    height: 100%;
    width: 100%
}

.page--mit-edu .search .screen__nav__logo .fill {
    fill: var(--color);
    stroke: none
}

.page--mit-edu .search .screen__nav__logo .fill--current {
    fill: currentColor
}

.page--mit-edu .search .screen__nav__menu {
    align-items: center;
    display: flex
}

.page--mit-edu .search .screen__nav__menu .text {
    color: #000;
    font-size: calc(var(--phone-height)*.01913);
    font-weight: 400;
    line-height: calc(var(--phone-height)*.04645)
}

.page--mit-edu .search .screen__nav__menu .arrow-icon {
    display: inline-flex;
    height: calc(var(--phone-width)*.02639);
    margin-left: calc(var(--phone-width)*.0088);
    transition: color .2s ease-out, background-color .2s ease-out;
    width: calc(var(--phone-width)*.02639)
}

.page--mit-edu .search .screen__nav__menu .arrow-icon .wrapper {
    height: 100%;
    position: relative;
    transform: translateY(5%);
    width: 100%
}

.page--mit-edu .search .screen__nav__menu .arrow-icon .svg {
    position: absolute
}

.page--mit-edu .search .screen__nav__menu .arrow-icon .fill {
    fill: currentColor;
    stroke: none
}

.page--mit-edu .search .screen__hint {
    color: #000;
    font-size: calc(var(--phone-height)*.01913);
    font-weight: 400;
    line-height: calc(var(--phone-height)*.04645);
    text-align: center
}

.page--mit-edu .search .screen__separator {
    background-color: currentColor;
    height: calc(var(--phone-height)*.01639);
    margin: 0 auto;
    transition: color .2s ease-out, background-color .2s ease-out;
    width: 1px
}

.page--mit-edu .search .screen__input-wrapper {
    transform: translateX(calc(var(--phone-width)*.06158));
    transition: .2s ease-out;
    width: calc(100% - var(--phone-width)*.12317)
}

.page--mit-edu .search .screen__input {
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 calc(var(--phone-width)*.02933) 0 rgba(0, 0, 0, .12);
    display: flex;
    padding: calc(var(--phone-height)*.01093) calc(var(--phone-width)*.09091);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    width: 100%
}

.page--mit-edu .search .screen__input .search-icon {
    display: inline-flex;
    height: calc(var(--phone-width)*.04985);
    margin-right: calc(var(--phone-width)*.04399);
    transition: color .2s ease-out, background-color .2s ease-out;
    width: calc(var(--phone-width)*.04985)
}

.page--mit-edu .search .screen__input .search-icon .wrapper {
    height: 100%;
    position: relative;
    transform: translateY(5%);
    width: 100%
}

.page--mit-edu .search .screen__input .search-icon .svg {
    position: absolute
}

.page--mit-edu .search .screen__input .search-icon .fill {
    fill: currentColor;
    stroke: none
}

.page--mit-edu .search .screen__input .text {
    color: #7f7f7f;
    font-size: calc(var(--phone-height)*.01913);
    font-weight: 400;
    line-height: calc(var(--phone-height)*.04645);
    position: relative;
    width: 100%
}

.page--mit-edu .search .screen__input .text:after {
    animation: cursor-blink 1s linear infinite forwards;
    background-color: #000;
    content: "";
    height: calc(var(--phone-height)*.01913);
    position: absolute;
    top: 50%;
    transform: translate(calc(var(--phone-width)*.00293), -50%);
    width: 1px
}

.page--mit-edu .search .screen__input .text--input {
    color: #000
}

.page--mit-edu .search .screen__input .text--placeholder:after {
    left: 0
}

.page--mit-edu .search .screen__spotlight-wrapper {
    position: relative
}

.page--mit-edu .search .screen__spotlight {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page--mit-edu .search .screen__spotlight:first-child {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 32px, 0);
    transition: .2s ease-out;
    transition-property: opacity;
    transition-property: opacity, transform
}

.page--mit-edu .search .screen__spotlight:first-child.screen__spotlight--visible {
    opacity: 1;
    transform: translateZ(0)
}

.page--mit-edu .search .screen__spotlight+.screen__spotlight {
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-out;
    transition-property: opacity
}

.page--mit-edu .search .screen__spotlight+.screen__spotlight.screen__spotlight--visible {
    opacity: 1
}

.page--mit-edu .search .screen__nav,
.page--mit-edu .search .screen__separator,
.page--mit-edu .search .search__hint {
    transition: opacity .2s cubic-bezier(.25, .46, .45, .94)
}

.page--mit-edu .search .phone--search-query .screen {
    background-color: #000
}

.page--mit-edu .search .phone--search-query .screen__hint,
.page--mit-edu .search .phone--search-query .screen__nav,
.page--mit-edu .search .phone--search-query .screen__separator {
    opacity: 0
}

.page--mit-edu .search .phone--search-query .screen__input-wrapper {
    transform: translateX(0) translateY(calc(var(--phone-height)*-.19809));
    width: 100%
}

.page--mit-edu .search .phone--search-query .screen__spotlight-wrapper {
    transform: translateY(calc(var(--phone-height)*-.18443))
}

.page--mit-edu .search .search__modules__wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%
}

.page--mit-edu .search .search__modules {
    display: flex;
    flex-direction: column;
    max-width: 1500px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

@media(min-width:768px) {
    .page--mit-edu .search .search__modules {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--mit-edu .search .search__module {
    display: flex;
    min-height: 100vh;
    pointer-events: none;
    width: 100%
}

@media(min-width:1000px) {
    .page--mit-edu .search .search__module:before {
        content: "";
        width: calc(var(--phone-width) + 100%)
    }
}

@media(min-width:1070px) {
    .page--mit-edu .search .search__module:before {
        width: calc(var(--phone-width) + 70%)
    }
}

@media(min-width:1200px) {
    .page--mit-edu .search .search__module:before {
        width: calc(var(--phone-width) + 50%)
    }
}

@media(max-width:999px) {
    .page--mit-edu .search .search__module {
        opacity: 0
    }
}

.page--mit-edu .search .search__module__text-wrap {
    align-self: center;
    z-index: 10
}

.page--mit-edu .search .search__module__text {
    align-self: flex-start;
    align-self: center;
    display: flex;
    line-height: 1.33;
    line-height: 1.2;
    margin-top: 30px;
    max-width: 400px;
    opacity: 1;
    pointer-events: none;
    text-shadow: 0 0 5px #000;
    z-index: 12
}

.page--mit-edu .search .search__module__text:first-child {
    margin-top: 0
}

@media(max-width:999px) {
    .page--mit-edu .search .search__module__text {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .search .search__module__text.focusable:active,
    .page--mit-edu .search .search__module__text.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

@media(min-width:1000px) {
    .page--mit-edu .search .search__module__text {
        opacity: 0;
        pointer-events: none;
        pointer-events: all;
        transition: .2s ease-out;
        transition-property: opacity
    }

    .page--mit-edu .search .search__module__text--visible {
        opacity: 1
    }

    .page--mit-edu .search-mobile {
        display: none
    }
}

.page--mit-edu .search-mobile .search-mobile-details p+p {
    margin-top: 24px
}

.page--mit-edu .spotlights {
    margin-bottom: 48px;
    padding-bottom: 0;
    position: relative
}

@media(min-width:768px) {
    .page--mit-edu .spotlights {
        margin-bottom: 128px
    }
}

.page--mit-edu .spotlights .spotlights__content {
    margin-bottom: 48px;
    max-width: 800px
}

@media(min-width:768px) {
    .page--mit-edu .spotlights .spotlights__content {
        margin-bottom: 128px
    }
}

.page--mit-edu .spotlights .spotlights__content p {
    margin-bottom: 32px
}

.page--mit-edu .spotlights .spotlights__grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 48px
}

@media(min-width:768px) {
    .page--mit-edu .spotlights .spotlights__grid {
        margin-bottom: 128px
    }
}

.page--mit-edu .spotlights .spotlights__item {
    margin-bottom: 16px;
    opacity: 0;
    transform: translateZ(0);
    transition: .2s cubic-bezier(.25, .46, .45, .94);
    transition-property: opacity, transform
}

@media(min-width:768px) {
    .page--mit-edu .spotlights .spotlights__item {
        margin-bottom: 32px
    }
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item {
    opacity: 1;
    transform: translate3d(0, -32px, 0)
}

.page--mit-edu .spotlights .spotlights__item__inner {
    background-repeat: no-repeat;
    background-size: 300% 200%;
    padding-top: 100%;
    width: 100%
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--1 {
    transition-delay: 0s
}

.page--mit-edu .spotlights .spotlights__item--1 .spotlights__item__inner {
    background-image: url(/static/dist/f8599c190cc8c968c716.png);
    background-position: 0 0
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--2 {
    transition-delay: 75ms
}

.page--mit-edu .spotlights .spotlights__item--2 .spotlights__item__inner {
    background-image: url(/static/dist/f8599c190cc8c968c716.png);
    background-position: 50% 0
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--3 {
    transition-delay: .15s
}

.page--mit-edu .spotlights .spotlights__item--3 .spotlights__item__inner {
    background-image: url(/static/dist/f8599c190cc8c968c716.png);
    background-position: 100% 0
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--4 {
    transition-delay: .225s
}

.page--mit-edu .spotlights .spotlights__item--4 .spotlights__item__inner {
    background-image: url(/static/dist/f8599c190cc8c968c716.png);
    background-position: 0 100%
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--5 {
    transition-delay: .3s
}

.page--mit-edu .spotlights .spotlights__item--5 .spotlights__item__inner {
    background-image: url(/static/dist/f8599c190cc8c968c716.png);
    background-position: 50% 100%
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--6 {
    transition-delay: .375s
}

.page--mit-edu .spotlights .spotlights__item--6 .spotlights__item__inner {
    background-image: url(/static/dist/f8599c190cc8c968c716.png);
    background-position: 100% 100%
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--7 {
    transition-delay: .45s
}

@media(max-width:399px) {
    .page--mit-edu .spotlights .spotlights__item--7 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--7.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--7.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

.page--mit-edu .spotlights .spotlights__item--7 .spotlights__item__inner {
    background-image: url(/static/dist/bc9766c4a5ef8f41f300.png);
    background-position: 0 0
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--8 {
    transition-delay: .525s
}

@media(max-width:399px) {
    .page--mit-edu .spotlights .spotlights__item--8 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--8.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--8.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

.page--mit-edu .spotlights .spotlights__item--8 .spotlights__item__inner {
    background-image: url(/static/dist/bc9766c4a5ef8f41f300.png);
    background-position: 50% 0
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--9 {
    transition-delay: .6s
}

@media(max-width:399px) {
    .page--mit-edu .spotlights .spotlights__item--9 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--9.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--9.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

@media(min-width:400px)and (max-width:767px) {
    .page--mit-edu .spotlights .spotlights__item--9 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--9.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--9.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

.page--mit-edu .spotlights .spotlights__item--9 .spotlights__item__inner {
    background-image: url(/static/dist/bc9766c4a5ef8f41f300.png);
    background-position: 100% 0
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--10 {
    transition-delay: .675s
}

@media(max-width:399px) {
    .page--mit-edu .spotlights .spotlights__item--10 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--10.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--10.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

@media(min-width:400px)and (max-width:767px) {
    .page--mit-edu .spotlights .spotlights__item--10 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--10.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--10.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

.page--mit-edu .spotlights .spotlights__item--10 .spotlights__item__inner {
    background-image: url(/static/dist/bc9766c4a5ef8f41f300.png);
    background-position: 0 100%
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--11 {
    transition-delay: .75s
}

@media(max-width:399px) {
    .page--mit-edu .spotlights .spotlights__item--11 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--11.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--11.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

@media(min-width:400px)and (max-width:767px) {
    .page--mit-edu .spotlights .spotlights__item--11 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--11.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--11.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

.page--mit-edu .spotlights .spotlights__item--11 .spotlights__item__inner {
    background-image: url(/static/dist/bc9766c4a5ef8f41f300.png);
    background-position: 50% 100%
}

.page--mit-edu .spotlights__grid.is-in-view .spotlights__item--12 {
    transition-delay: .825s
}

@media(max-width:399px) {
    .page--mit-edu .spotlights .spotlights__item--12 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--12.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--12.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

@media(min-width:400px)and (max-width:767px) {
    .page--mit-edu .spotlights .spotlights__item--12 {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .page--mit-edu .spotlights .spotlights__item--12.focusable:active,
    .page--mit-edu .spotlights .spotlights__item--12.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
}

.page--mit-edu .spotlights .spotlights__item--12 .spotlights__item__inner {
    background-image: url(/static/dist/bc9766c4a5ef8f41f300.png);
    background-position: 100% 100%
}

@media(max-width:767px) {
    .page--mit-edu .spotlights .spotlights__item {
        flex-basis: calc(50% - 8px);
        flex-grow: 0;
        flex-shrink: 1
    }

    .page--mit-edu .spotlights .spotlights__item:not(:nth-child(2n+2)) {
        margin-right: 16px
    }
}

@media(min-width:768px) {
    .page--mit-edu .spotlights .spotlights__item {
        flex-basis: calc(33.33333% - 21.33333px);
        flex-grow: 0;
        flex-shrink: 1
    }

    .page--mit-edu .spotlights .spotlights__item:not(:nth-child(3n+3)) {
        margin-right: 32px
    }
}

.page--mit-edu .spotlights .spotlights__stack {
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    position: relative;
    transform: translate3d(0, 32px, 0);
    transition: .2s ease-out;
    transition-property: opacity;
    transition-property: opacity, transform;
    width: 100%
}

.page--mit-edu .spotlights .spotlights__stack.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

.page--mit-edu .spotlights .spotlights__stack__placeholder {
    height: 0;
    opacity: 0;
    pointer-events: none;
    width: 100%
}

.page--mit-edu .spotlights .spotlights__screenshot {
    display: block;
    width: 100%
}

.page--mit-edu .details .details__section {
    margin: 0 auto;
    max-width: 1500px
}

.page--mit-edu .details .details__section:not(:last-child) {
    margin-bottom: 64px
}

.page--mit-edu .details .details__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    list-style: none;
    outline: none;
    transition: .2s ease-out
}

@media(min-width:600px)and (max-width:1549px) {
    .page--mit-edu .details .details__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--mit-edu .details .details__title {
        font-size: 48px
    }
}

.page--mit-edu .details .details__item {
    margin-bottom: 128px;
    margin-top: 24px
}

@media(min-width:1070px) {
    .page--mit-edu .details .details__item {
        margin-bottom: 256px
    }
}

.page--mit-edu .details .details__item:last-child {
    margin-bottom: 0
}

.page--mit-edu .details .details__content {
    margin: 0
}

.page--mit-edu .details .details__content p {
    margin-top: 24px;
    max-width: 800px
}

.page--mit-edu .details .details__slideshow {
    margin: 64px 0;
    max-width: 1125px;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 32px, 0);
    transition: .2s ease-out;
    transition-property: opacity;
    transition-property: opacity, transform
}

.page--mit-edu .details .details__slideshow.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

.page--mit-edu .details .details__slideshow .container {
    display: block;
    position: relative;
    transition: .2s ease-out;
    width: 100%
}

.page--mit-edu .details .details__slideshow .placeholder {
    display: block;
    opacity: 0;
    pointer-events: none
}

.page--mit-edu .details .details__slideshow .slide {
    left: 0;
    position: absolute;
    top: 0;
    transition: .2s cubic-bezier(0, .63, .34, 1);
    transition-property: opacity, transform, z-index;
    width: 100%
}

.page--mit-edu .details .details__image {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 48px auto;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 32px, 0);
    transition: .2s ease-out;
    transition-property: opacity;
    transition-property: opacity, transform
}

.page--mit-edu .details .details__image.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

@media(min-width:1000px) {
    .page--mit-edu .details .details__image {
        max-height: 2000px;
        max-width: 2000px
    }
}

.page--mit-edu .details .details__image img {
    height: unset;
    max-height: 100%;
    max-width: 100%;
    width: unset
}

.page--mit-edu .details .details__image-stack {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 48px auto;
    opacity: 0;
    transition: opacity .2s ease-out
}

.page--mit-edu .details .is-in-view.details__image-stack {
    opacity: 1
}

.page--mit-edu .details .details__image-stack-item {
    box-shadow: 0 0 40px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translateY(32px);
    transition: transform .3s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94);
    width: 50%
}

.page--mit-edu .details .details__image-stack-item:first-child {
    margin-right: -25%;
    transition-delay: 0s
}

.page--mit-edu .details .details__image-stack-item:nth-child(2) {
    transition-delay: 75ms
}

.page--mit-edu .details .details__image-stack-item:last-child {
    margin-left: -25%;
    transition-delay: .15s
}

.page--mit-edu .details .details__image-stack-item img {
    height: unset;
    max-height: 100%;
    max-width: 100%;
    width: unset
}

.page--mit-edu .details .is-in-view .details__image-stack-item {
    opacity: 1;
    transform: translateY(0)
}

.theme-moms-demand-action {
    --c-bg-light: #1f1f1f;
    --c-bg: #03153f;
    --c-border: #2a4671;
    --c-pop: #ff352e;
    --c-text-light: #5f90c5;
    --c-text: #fff;
    --c-hamburger: #ff352e;
    --c-logo: #fff
}

.page--mda {
    background-color: #03153f;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-top: 60px
}

@media(min-width:768px) {
    .page--mda {
        padding-top: 130px
    }
}

.page--mda .video-player__video {
    border-radius: 0
}

.page--mda .topper {
    color: #fff;
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media(min-width:768px) {
    .page--mda .topper {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .page--mda .topper {
        margin-top: 120px
    }
}

@media(min-width:768px) {
    .page--mda .topper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .page--mda .topper:after {
        background-image: url(/static/dist/1bf2ced8b3cd4220e6b8.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        content: "";
        height: 100%;
        max-width: 900px;
        position: absolute;
        right: 0;
        width: 43%
    }
}

.page--mda .topper__content {
    margin: 0 auto;
    max-width: 1500px;
    position: relative;
    z-index: 2
}

.page--mda .topper__brush {
    background-color: #03153f;
    left: -17%;
    position: absolute;
    top: -60px;
    width: 40%;
    z-index: 1
}

.page--mda .topper__brush img {
    mix-blend-mode: screen;
    opacity: .3
}

@media(min-width:768px) {
    .page--mda .topper__brush img {
        opacity: .15
    }
}

.page--mda .topper__intro {
    padding-bottom: 30px;
    position: relative;
    z-index: 2
}

@media(min-width:350px) {
    .page--mda .topper__intro {
        padding-bottom: 45px
    }
}

@media(min-width:768px) {
    .page--mda .topper__intro {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .topper__intro {
        padding-bottom: 100px;
        width: 45%
    }
}

.page--mda .topper__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--mda .topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:768px)and (min-width:600px)and (max-width:1549px) {
    .page--mda .topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:768px)and (min-width:1550px) {
    .page--mda .topper__title {
        font-size: 85px
    }
}

.page--mda .topper__lede {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .topper__lede {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .topper__lede {
        font-size: 20px
    }
}

.page--mda .topper__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 35px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .topper__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .topper__description {
        font-size: 20px
    }
}

@media(min-width:1070px) {
    .page--mda .topper__description {
        margin-bottom: 50px
    }
}

.page--mda .topper__hero--wide {
    border-radius: 8px;
    overflow: hidden
}

@media(min-width:0)and (max-width:1069px) {
    .page--mda .topper__hero--wide {
        margin-bottom: -60px
    }
}

@media(min-width:1070px) {
    .page--mda .topper__hero--wide {
        display: none
    }
}

@media(max-width:1069px) {
    .page--mda .topper__hero--narrow {
        display: none
    }
}

@media(min-width:1070px) {
    .page--mda .topper__hero--narrow {
        bottom: 0;
        max-width: 760px;
        position: absolute;
        right: 0;
        width: 50%
    }
}

.page--mda .topper__meta a {
    color: #fff;
    text-decoration-color: #ff352e;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--mda .topper__meta a:focus,
.page--mda .topper__meta a:hover {
    color: #ff352e;
    text-decoration-color: #ff352e
}

.page--mda .topper__meta p {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .topper__meta p {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .topper__meta p {
        font-size: 18px
    }
}

.page--mda .topper__meta li {
    color: #5f90c5;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 8px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .topper__meta li {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .topper__meta li {
        font-size: 18px
    }
}

.page--mda .topper__meta span {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .topper__meta span {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .topper__meta span {
        font-size: 18px
    }
}

.page--mda .topper__meta a {
    color: var(--c-text);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .topper__meta a {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .topper__meta a {
        font-size: 18px
    }
}

@media(min-width:768px) {
    .page--mda .topper__meta {
        display: flex
    }
}

.page--mda .topper__meta-col {
    margin: 30px 0 0
}

@media(min-width:768px) {
    .page--mda .topper__meta-col {
        margin: 0 40px 0 0;
        width: 50%
    }
}

.page--mda .topper__meta-apps {
    margin-top: 35px
}

.page--mda .topper__meta-bar {
    padding: 0 10px
}

.page--mda .topper__badges {
    align-items: center;
    display: flex;
    margin-top: 40px
}

.page--mda .topper__badge-link:focus .topper__badge-app-store,
.page--mda .topper__badge-link:focus .topper__badge-google-play,
.page--mda .topper__badge-link:hover .topper__badge-app-store,
.page--mda .topper__badge-link:hover .topper__badge-google-play {
    fill: #fff
}

.page--mda .topper__badge-app-store {
    height: 50px;
    margin-right: 10px;
    width: 150px;
    fill: #5f90c5
}

.page--mda .topper__badge-google-play {
    height: 50px;
    margin-right: 10px;
    width: 162px;
    fill: #5f90c5
}

.page--mda .section--padded {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--mda .section--padded {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--mda .section--dark {
    background-color: #03153f;
    color: #fff
}

.page--mda .section--light {
    background-color: #fff;
    color: #03153f
}

.page--mda .section--pink {
    background-color: #fff4f4;
    color: #03153f
}

.page--mda .section__content {
    margin: 0 auto;
    max-width: 1500px
}

@media(min-width:1200px) {
    .page--mda .section__intro {
        width: 50%
    }
}

.page--mda .section__number {
    border-bottom: 2px solid #ff352e;
    color: inherit;
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4;
    line-height: 1.3;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .section__number {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .section__number {
        font-size: 18px
    }
}

.page--mda .section__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    max-width: 550px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--mda .section__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--mda .section__title {
        font-size: 48px
    }
}

.page--mda .section__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-top: 20px;
    max-width: 550px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .section__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .section__description {
        font-size: 20px
    }
}

.page--mda .section__description a {
    color: #ff352e;
    text-decoration-color: #ff352e;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--mda .section__description a:focus,
.page--mda .section__description a:hover {
    color: #03153f;
    text-decoration-color: #03153f
}

.page--mda .section__description--small {
    color: inhert;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .section__description--small {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--mda .section__description--small {
        font-size: 18px
    }
}

.page--mda .section__description--small span {
    font-weight: 700
}

@media(min-width:768px) {
    .page--mda .section__description--small {
        max-width: 300px
    }
}

.page--mda .section__description-cols {
    margin: 30px 0 0
}

.page--mda .section__description-cols>p {
    margin: 0 0 15px
}

@media(min-width:768px) {
    .page--mda .section__description-cols>p {
        margin: 0 40px 0 0;
        max-width: 300px;
        width: 50%
    }
}

@media(min-width:1200px) {
    .page--mda .section__description-cols>p {
        margin: 0 60px 0 0
    }
}

@media(min-width:768px) {
    .page--mda .section__description-cols {
        display: flex
    }
}

.page--mda .action {
    padding-bottom: 30px;
    padding-top: 30px
}

@media(min-width:350px) {
    .page--mda .action {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .action {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .action {
        padding-bottom: 100px;
        padding-top: 100px
    }

    .page--mda .action__content {
        display: flex
    }
}

@media(min-width:0)and (max-width:1069px) {
    .page--mda .action__intro {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .action__intro {
        width: 50%
    }
}

.page--mda .action__hero {
    margin: 40px auto;
    max-width: 650px;
    opacity: 0;
    transform: translateX(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 100%
}

.page--mda .action__hero.is-in-view {
    opacity: 1;
    transform: translateX(0)
}

@media(min-width:1070px) {
    .page--mda .action__hero {
        align-self: center;
        padding: 0 40px;
        width: 50%
    }
}

.page--mda .action__images {
    margin: 0 auto -120px;
    max-width: 1500px;
    padding-top: 30px;
    position: relative
}

@media(min-width:350px) {
    .page--mda .action__images {
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .action__images {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .action__images {
        margin: 0 auto -200px;
        padding-top: 100px
    }
}

.page--mda .action__images.is-in-view figure {
    opacity: 1;
    transform: translateX(0)
}

.page--mda .action__images-01 {
    opacity: 0;
    transform: translateX(-20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 100%
}

@media(min-width:1070px) {
    .page--mda .action__images-01 {
        margin: 0 auto;
        width: 75%
    }
}

.page--mda .action__images-02 {
    display: none
}

@media(min-width:1070px) {
    .page--mda .action__images-02 {
        bottom: -100px;
        display: block;
        left: 0;
        opacity: 0;
        position: absolute;
        transform: translateX(-20px);
        transition-delay: .1s;
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
        width: 30%
    }
}

.page--mda .action__images-03 {
    display: none
}

@media(min-width:1070px) {
    .page--mda .action__images-03 {
        bottom: -40px;
        display: block;
        opacity: 0;
        position: absolute;
        right: 0;
        transform: translateX(-20px);
        transition-delay: .2s;
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
        width: 15%
    }
}

.page--mda .brand {
    padding-top: 140px
}

@media(min-width:1070px) {
    .page--mda .brand {
        padding-top: 200px
    }
}

.page--mda .brand__content {
    position: relative
}

@media(min-width:1070px) {
    .page--mda .brand__content {
        align-items: flex-end;
        display: flex;
        flex-direction: column
    }
}

.page--mda .brand__intro {
    padding-bottom: 30px;
    position: relative;
    z-index: 2
}

@media(min-width:350px) {
    .page--mda .brand__intro {
        padding-bottom: 45px
    }
}

@media(min-width:768px) {
    .page--mda .brand__intro {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .brand__intro {
        padding-bottom: 100px;
        padding: 100px 0 410px
    }
}

@media(min-width:1200px) {
    .page--mda .brand__intro {
        padding: 100px 0 560px
    }
}

.page--mda .brand__ecosystem {
    opacity: 0;
    padding-bottom: 30px;
    transform: translateX(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--mda .brand__ecosystem.is-in-view {
    opacity: 1;
    transform: translateX(0)
}

@media(min-width:350px) {
    .page--mda .brand__ecosystem {
        padding-bottom: 45px
    }
}

@media(min-width:768px) {
    .page--mda .brand__ecosystem {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .brand__ecosystem {
        bottom: 120px;
        left: 0;
        padding-bottom: 100px;
        padding: 0;
        position: absolute;
        width: 44%;
        z-index: 1
    }
}

@media(min-width:1200px) {
    .page--mda .brand__ecosystem {
        bottom: 120px;
        left: 80px;
        width: 52%
    }
}

@media(min-width:1500px) {
    .page--mda .brand__ecosystem {
        bottom: 80px;
        left: 80px;
        width: 53%
    }
}

.page--mda .brand__compare {
    padding-top: 30px;
    position: relative
}

@media(min-width:350px) {
    .page--mda .brand__compare {
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .brand__compare {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .brand__compare {
        display: flex;
        padding-top: 100px
    }
}

.page--mda .brand__compare-text {
    margin: 0 0 30px;
    position: relative;
    z-index: 2
}

@media(min-width:1070px) {
    .page--mda .brand__compare-text {
        margin: 0 60px 0 0;
        width: 30%
    }
}

.page--mda .brand__compare-grid {
    width: 100%
}

@media(min-width:1070px) {
    .page--mda .brand__compare-grid {
        width: 70%
    }
}

.page--mda .brand__compare-row {
    display: flex
}

.page--mda .brand__compare-row:first-child .brand__compare-cell:first-child {
    border-radius: 8px 0 0 0
}

.page--mda .brand__compare-row:first-child .brand__compare-cell:last-child {
    border-radius: 0 8px 0 0
}

.page--mda .brand__compare-row:last-child {
    overflow: hidden
}

.page--mda .brand__compare-row:last-child .brand__compare-cell {
    border-color: #fbcbc9;
    border-bottom: 1px solid #fbcbc9
}

.page--mda .brand__compare-row:last-child .brand__compare-cell:first-child {
    background-color: #fff;
    border-radius: 0 0 0 8px
}

.page--mda .brand__compare-row:last-child .brand__compare-cell:last-child {
    background-color: #fff;
    border-radius: 0 0 8px 0
}

.page--mda .brand__compare-row:last-child .brand__compare-label {
    color: #03153f
}

.page--mda .brand__compare-cell {
    align-items: center;
    border-left: 1px solid #2a4671;
    border-top: 1px solid #2a4671;
    display: flex;
    height: 220px;
    justify-content: center;
    padding: 20px;
    position: relative;
    width: 50%
}

.page--mda .brand__compare-cell:last-child {
    border-right: 1px solid #2a4671
}

.page--mda .brand__compare-cell:last-child span {
    left: auto;
    right: 10px;
    text-align: right
}

@media(min-width:400px) {
    .page--mda .brand__compare-cell {
        height: 250px
    }
}

@media(min-width:768px) {
    .page--mda .brand__compare-cell {
        height: 280px
    }
}

.page--mda .brand__compare-label {
    bottom: 10px;
    color: #5f90c5;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    left: 10px;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1;
    position: absolute;
    width: 80%
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .brand__compare-label {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--mda .brand__compare-label {
        font-size: 16px
    }
}

.page--mda .brand__compare-before-after {
    background-color: #ff352e;
    border-radius: 3px;
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    left: 10px;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1;
    padding: 5px;
    position: absolute;
    top: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--mda .brand__compare-before-after {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--mda .brand__compare-before-after {
        font-size: 16px
    }
}

.page--mda .brand__arrow {
    background-color: #ff352e;
    height: 1px;
    left: calc(100% - 15px);
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: width .8s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 0;
    width: 100px;
    z-index: 2
}

@media(min-width:768px) {
    .page--mda .brand__arrow {
        left: calc(100% - 30px)
    }
}

@media(min-width:1500px) {
    .page--mda .brand__arrow {
        left: calc(100% - 50px)
    }
}

.page--mda .brand__arrow:before {
    border: 1px solid #ff352e;
    border-radius: 50%;
    content: "";
    display: block;
    height: 7px;
    left: -7px;
    position: absolute;
    top: -3px;
    width: 7px
}

.page--mda .brand__arrow:after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #ff352e;
    border-top: 6px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 0
}

.page--mda .is-in-view .brand__arrow {
    opacity: 1;
    width: 30px
}

@media(min-width:768px) {
    .page--mda .is-in-view .brand__arrow {
        width: 60px
    }
}

@media(min-width:1500px) {
    .page--mda .is-in-view .brand__arrow {
        width: 100px
    }
}

.page--mda .brand__sample {
    height: 15%;
    width: auto
}

.page--mda .brand__sample img {
    height: 100%;
    width: auto
}

@media(min-width:768px) {
    .page--mda .brand__sample {
        height: 20%
    }
}

@media(min-width:1070px) {
    .page--mda .brand__sample {
        height: 22%
    }
}

@media(min-width:1200px) {
    .page--mda .brand__sample {
        height: 30%
    }
}

.page--mda .brand__sample--md {
    height: 10%
}

@media(min-width:768px) {
    .page--mda .brand__sample--md {
        height: 12%
    }
}

@media(min-width:1070px) {
    .page--mda .brand__sample--md {
        height: 15%
    }
}

@media(min-width:1200px) {
    .page--mda .brand__sample--md {
        height: 18%
    }
}

.page--mda .brand__sample--sm {
    height: 5%
}

@media(min-width:768px) {
    .page--mda .brand__sample--sm {
        height: 6%
    }
}

@media(min-width:1070px) {
    .page--mda .brand__sample--sm {
        height: 7%
    }
}

@media(min-width:1200px) {
    .page--mda .brand__sample--sm {
        height: 8%
    }
}

.page--mda .brand__compare-brush {
    left: -300px;
    mix-blend-mode: screen;
    opacity: .15;
    position: absolute;
    top: 0;
    z-index: 1
}

.page--mda .system {
    margin-bottom: -100px;
    margin-top: -150px
}

@media(min-width:768px) {
    .page--mda .system {
        margin-bottom: -200px
    }
}

@media(min-width:0)and (max-width:1069px) {
    .page--mda .system__content {
        margin-top: 150px
    }
}

.page--mda .system__intro {
    padding-bottom: 30px;
    padding-top: 30px
}

@media(min-width:350px) {
    .page--mda .system__intro {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .system__intro {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .system__intro {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--mda .system__grid {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(0) {
    transform: scale(1);
    transition-delay: .1s
}

.page--mda .system__grid.is-in-view .system__grid-image:first-child {
    transform: scale(1);
    transition-delay: .13s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(2) {
    transform: scale(1);
    transition-delay: .16s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(3) {
    transform: scale(1);
    transition-delay: .19s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(4) {
    transform: scale(1);
    transition-delay: .22s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(5) {
    transform: scale(1);
    transition-delay: .25s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(6) {
    transform: scale(1);
    transition-delay: .28s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(7) {
    transform: scale(1);
    transition-delay: .31s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(8) {
    transform: scale(1);
    transition-delay: .34s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(9) {
    transform: scale(1);
    transition-delay: .37s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(10) {
    transform: scale(1);
    transition-delay: .4s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(11) {
    transform: scale(1);
    transition-delay: .43s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(12) {
    transform: scale(1);
    transition-delay: .46s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(13) {
    transform: scale(1);
    transition-delay: .49s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(14) {
    transform: scale(1);
    transition-delay: .52s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(15) {
    transform: scale(1);
    transition-delay: .55s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(16) {
    transform: scale(1);
    transition-delay: .58s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(17) {
    transform: scale(1);
    transition-delay: .61s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(18) {
    transform: scale(1);
    transition-delay: .64s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(19) {
    transform: scale(1);
    transition-delay: .67s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(20) {
    transform: scale(1);
    transition-delay: .7s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(21) {
    transform: scale(1);
    transition-delay: .73s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(22) {
    transform: scale(1);
    transition-delay: .76s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(23) {
    transform: scale(1);
    transition-delay: .79s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(24) {
    transform: scale(1);
    transition-delay: .82s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(25) {
    transform: scale(1);
    transition-delay: .85s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(26) {
    transform: scale(1);
    transition-delay: .88s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(27) {
    transform: scale(1);
    transition-delay: .91s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(28) {
    transform: scale(1);
    transition-delay: .94s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(29) {
    transform: scale(1);
    transition-delay: .97s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(30) {
    transform: scale(1);
    transition-delay: 1s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(31) {
    transform: scale(1);
    transition-delay: 1.03s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(32) {
    transform: scale(1);
    transition-delay: 1.06s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(33) {
    transform: scale(1);
    transition-delay: 1.09s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(34) {
    transform: scale(1);
    transition-delay: 1.12s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(35) {
    transform: scale(1);
    transition-delay: 1.15s
}

.page--mda .system__grid.is-in-view .system__grid-image:nth-child(36) {
    transform: scale(1);
    transition-delay: 1.18s
}

.page--mda .system__grid-image {
    padding: 15px;
    transform: scale(0);
    transition: transform .5s cubic-bezier(.215, .61, .355, 1);
    width: 16.66%
}

@media(min-width:768px) {
    .page--mda .system__grid-image {
        width: 11.11%
    }
}

@media(min-width:1070px) {
    .page--mda .system__grid-image {
        padding: 20px;
        width: 8.33%
    }
}

.page--mda .system__guide {
    margin-top: 30px;
    padding-bottom: 38.4%;
    position: relative
}

@media(min-width:350px) {
    .page--mda .system__guide {
        margin-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .system__guide {
        margin-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .system__guide {
        margin-top: 100px
    }
}

.page--mda .system__guide.is-in-view .system__guide-image {
    opacity: 1;
    transform: translateX(0)
}

.page--mda .system__guide-image {
    border: 1px solid #fbcbc9;
    border-radius: 8px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transform: translateX(-20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 40%
}

.page--mda .system__guide-image:first-child {
    left: 0;
    top: 0
}

.page--mda .system__guide-image:nth-child(2) {
    left: 30%;
    top: 10%;
    transition-delay: .1s
}

.page--mda .system__guide-image:nth-child(3) {
    right: 0;
    top: 20%;
    transition-delay: .2s
}

@media(min-width:768px) {
    .page--mda .system__guide-image {
        box-shadow: 8px -8px 30px hsla(2, 86%, 89%, .3)
    }
}

.page--mda .experience {
    margin-bottom: -80px;
    padding-top: 150px
}

@media(min-width:768px) {
    .page--mda .experience {
        padding-top: 250px
    }
}

.page--mda .experience__content {
    margin: 0 auto;
    max-width: 1500px
}

.page--mda .experience__colors {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 30px;
    position: relative
}

@media(min-width:350px) {
    .page--mda .experience__colors {
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .experience__colors {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .experience__colors {
        align-items: flex-end;
        flex-direction: row;
        padding-top: 100px
    }
}

.page--mda .experience__colors-image {
    border-radius: 8px;
    overflow: hidden;
    width: 100%
}

@media(min-width:1070px) {
    .page--mda .experience__colors-image {
        width: 75%
    }
}

.page--mda .experience__colors-text {
    padding-bottom: 30px
}

@media(min-width:1070px) {
    .page--mda .experience__colors-text {
        margin: 0 0 60px 60px;
        padding-bottom: 80px;
        width: 25%
    }
}

.page--mda .app {
    padding-bottom: 120px
}

.page--mda .app__content {
    margin: 80px auto 0;
    max-width: 1500px;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative
}

@media(min-width:350px) {
    .page--mda .app__content {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .app__content {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .app__content {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--mda .app__grid {
    display: flex;
    margin: 0 -15px
}

@media(min-width:0)and (max-width:767px) {
    .page--mda .app__grid {
        flex-wrap: wrap
    }
}

.page--mda .app__grid.is-in-view .app__grid-col:nth-child(0) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .1s
}

.page--mda .app__grid.is-in-view .app__grid-col:first-child {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .15s
}

.page--mda .app__grid.is-in-view .app__grid-col:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .2s
}

.page--mda .app__grid.is-in-view .app__grid-col:nth-child(3) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .25s
}

.page--mda .app__grid.is-in-view .app__grid-col:nth-child(4) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .3s
}

.page--mda .app__grid.is-in-view .app__grid-col:nth-child(5) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .35s
}

.page--mda .app__grid-col {
    opacity: 0;
    transform: translateY(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 50%
}

@media(min-width:768px) {
    .page--mda .app__grid-col {
        width: 25%
    }
}

@media(min-width:1070px) {
    .page--mda .app__grid-col {
        width: 20%
    }

    .page--mda .app__grid-col:nth-child(2n) {
        padding-top: 60px
    }
}

@media(min-width:0)and (max-width:1069px) {
    .page--mda .app__grid-col:nth-child(3) {
        display: none
    }
}

.page--mda .app__grid-image {
    padding: 10px
}

@media(min-width:1200px) {
    .page--mda .app__grid-image {
        padding: 15px
    }
}

.page--mda .app__grid-text {
    margin-top: 40px;
    padding: 15px
}

@media(min-width:1070px) {
    .page--mda .app__grid-text {
        margin-top: 100px
    }
}

@media(min-width:1200px) {
    .page--mda .app__grid-text {
        padding: 30px
    }
}

.page--mda .tech__content {
    margin: 0 auto;
    max-width: 1500px
}

.page--mda .tech__intro {
    display: flex;
    flex-direction: column;
    padding-bottom: 30px;
    width: 100%
}

@media(min-width:350px) {
    .page--mda .tech__intro {
        padding-bottom: 45px
    }
}

@media(min-width:768px) {
    .page--mda .tech__intro {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .tech__intro {
        padding-bottom: 100px
    }
}

@media(min-width:1200px) {
    .page--mda .tech__intro {
        flex-direction: row
    }
}

.page--mda .tech__intro-text {
    margin: 60px 0 0
}

@media(min-width:1200px) {
    .page--mda .tech__intro-text {
        margin: 150px 0 0 80px;
        width: 40%
    }
}

.page--mda .tech__intro-images {
    margin: -60px 0 0;
    position: relative;
    width: 100%
}

.page--mda .tech__intro-images.is-in-view .tech__intro-image {
    opacity: 1;
    transform: translateX(0)
}

@media(min-width:768px) {
    .page--mda .tech__intro-images {
        margin: -80px auto 0;
        width: 75%
    }
}

@media(min-width:1200px) {
    .page--mda .tech__intro-images {
        margin: -80px 0 0;
        width: 60%
    }
}

.page--mda .tech__intro-image {
    border-radius: 8px;
    box-shadow: 0 8px 20px hsla(2, 86%, 89%, .3);
    opacity: 0;
    overflow: hidden;
    transform: translateX(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--mda .tech__intro-image--ui {
    transition-delay: .1s;
    width: 85%
}

.page--mda .tech__intro-image--nav {
    position: absolute;
    right: 0;
    top: -10%;
    transition-delay: .2s;
    width: 25%
}

.page--mda .tech__intro-image--map {
    background-color: #fff;
    padding: 60px;
    width: 100%
}

.page--mda .impact {
    padding-top: 30px
}

@media(min-width:350px) {
    .page--mda .impact {
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .impact {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .impact {
        padding-top: 100px
    }
}

.page--mda .impact__content {
    display: flex;
    flex-direction: column-reverse;
    margin: 0 auto;
    max-width: 1500px
}

@media(min-width:1070px) {
    .page--mda .impact__content {
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between
    }
}

.page--mda .impact__intro {
    width: 100%
}

@media(min-width:1070px) {
    .page--mda .impact__intro {
        width: 60%
    }
}

.page--mda .impact__image {
    margin: 0 auto 40px;
    opacity: 0;
    transform: translateX(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 100%
}

.page--mda .impact__image.is-in-view {
    opacity: 1;
    transform: translateX(0)
}

.page--mda .impact__image img {
    border-radius: 8px;
    box-shadow: 10px 0 30px rgba(0, 0, 0, .4);
    overflow: hidden
}

@media(min-width:768px) {
    .page--mda .impact__image {
        align-items: flex-end;
        display: flex;
        flex-direction: row-reverse;
        margin: 0 auto 60px
    }
}

@media(min-width:1070px) {
    .page--mda .impact__image {
        align-items: flex-start;
        flex-direction: column;
        margin: 0 0 0 80px;
        width: 40%
    }
}

.page--mda .impact__image-caption {
    margin: 0 0 20px
}

.page--mda .impact__image-caption p {
    max-width: 420px
}

@media(min-width:768px)and (max-width:1069px) {
    .page--mda .impact__image-caption {
        margin: 0 0 0 40px
    }
}

.page--mda .impact__rapid-response {
    margin: 0 auto;
    padding-top: 30px;
    width: 100%
}

@media(min-width:350px) {
    .page--mda .impact__rapid-response {
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--mda .impact__rapid-response {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--mda .impact__rapid-response {
        padding-top: 100px
    }
}

.page--mda .impact__rapid-response img {
    border-radius: 8px;
    overflow: hidden;
    width: 100%
}

.page--neolife .video-player__video {
    border-radius: 0
}

.page--neolife .case-study-container {
    color: #fff
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(1.1)
    }

    to {
        opacity: 1;
        transform: translate3d(-50%, -50%, 0) scale(1)
    }
}

.page--neolife .topper {
    background-color: #000;
    display: flex;
    height: 100vh;
    max-height: 800px;
    padding: 0 20px 60px;
    position: relative;
    text-align: center
}

@media(min-width:768px) {
    .page--neolife .topper {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media only screen and (max-device-width:768px)and (orientation:landscape) {
    .page--neolife .topper {
        padding-top: 80px
    }
}

@media(min-width:768px) {
    .page--neolife .topper {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.page--neolife .topper canvas {
    animation: fade-in 1.5s ease forwards;
    left: 50%;
    opacity: 0;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.page--neolife .topper__inner {
    pointer-events: none;
    position: relative;
    width: 100%
}

.page--neolife .topper--head {
    bottom: 0;
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    left: 0;
    letter-spacing: -.02em;
    line-height: 1.15em;
    margin: 0 auto;
    max-width: 1440px;
    position: absolute;
    right: 0;
    text-align: left
}

@media(min-width:768px) {
    .page--neolife .topper--head {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:768px)and (min-width:600px)and (max-width:1549px) {
    .page--neolife .topper--head {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:768px)and (min-width:1550px) {
    .page--neolife .topper--head {
        font-size: 62px
    }
}

.page--neolife .topper--head span {
    display: block;
    margin-top: 40px
}

@media(min-width:768px) {
    .page--neolife .topper--head {
        text-align: center
    }
}

.page--neolife .intro {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 40px 20px 20px
}

@media(min-width:768px) {
    .page--neolife .intro {
        padding-bottom: 40px
    }
}

@media(min-width:1070px) {
    .page--neolife .intro {
        padding-bottom: 60px
    }
}

@media(min-width:1200px) {
    .page--neolife .intro {
        padding-bottom: 80px
    }
}

@media(min-width:768px) {
    .page--neolife .intro {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--neolife .intro {
        align-items: baseline;
        display: flex;
        padding-top: 80px
    }

    .page--neolife .intro .intro--content {
        margin-right: 60px
    }

    .page--neolife .intro .intro--meta {
        margin-left: auto
    }
}

.page--neolife .intro--content {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 40px;
    max-width: 780px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--neolife .intro--content {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--neolife .intro--content {
        font-size: 20px
    }
}

.page--neolife .intro--content p {
    margin-bottom: 10px
}

@media(min-width:768px) {
    .page--neolife .intro--content p {
        margin-bottom: 20px
    }
}

.page--neolife .intro--content p:first-child:first-letter {
    background: #0001fe;
    color: #fff;
    display: block;
    float: left;
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1;
    margin: .18em .4em 0 0;
    padding: .65em .78em
}

@media(min-width:400px) {
    .page--neolife .intro--meta {
        display: flex
    }
}

@media(min-width:1070px) {
    .page--neolife .intro--meta {
        flex-direction: column;
        justify-self: flex-end
    }
}

.page--neolife .intro--nav {
    margin-bottom: 20px;
    width: -moz-max-content;
    width: max-content
}

@media(min-width:400px) {
    .page--neolife .intro--nav {
        flex: 1
    }
}

.page--neolife .intro--nav__title {
    color: currentColor;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--neolife .intro--nav__title {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--neolife .intro--nav__title {
        font-size: 16px
    }
}

.page--neolife .intro--nav__list-item {
    color: hsla(0, 0%, 100%, .55);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 5px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--neolife .intro--nav__list-item {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--neolife .intro--nav__list-item {
        font-size: 18px
    }
}

.page--neolife .list-item--link {
    color: #fff;
    text-decoration-color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--neolife .list-item--link:focus,
.page--neolife .list-item--link:hover {
    color: #4499e7;
    text-decoration-color: #4499e7
}

.page--neolife .section {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--neolife .section {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--neolife .section--intro {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    max-width: 1280px;
    position: relative
}

.page--neolife .section--intro__heading {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--neolife .section--intro__heading {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--neolife .section--intro__heading {
        font-size: 48px
    }
}

@media(min-width:1070px) {
    .page--neolife .section--intro__heading {
        margin-bottom: 40px
    }
}

.page--neolife .section--intro__body {
    color: currentColor;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    max-width: 780px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--neolife .section--intro__body {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--neolife .section--intro__body {
        font-size: 20px
    }
}

.page--neolife .section--showcase {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 20px
}

@media(min-width:768px) {
    .page--neolife .section--showcase {
        padding-bottom: 40px
    }
}

@media(min-width:1070px) {
    .page--neolife .section--showcase {
        padding-bottom: 60px
    }
}

@media(min-width:1200px) {
    .page--neolife .section--showcase {
        padding-bottom: 80px
    }
}

.page--neolife .showcase--container {
    position: relative
}

.page--neolife .showcase--list {
    display: flex;
    overflow: hidden;
    padding-bottom: 80%;
    pointer-events: none;
    position: relative
}

.page--neolife .showcase--list-item {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page--neolife .showcase--list-item:first-child .showcase-item--image {
    clip-path: inset(0 0 0 0)
}

.page--neolife .showcase--list-item:first-child .showcase--list-item--shadow {
    left: -60px
}

.page--neolife .showcase--list-item:nth-child(2) .showcase-item--image {
    clip-path: inset(0 0 0 22px)
}

.page--neolife .showcase--list-item:nth-child(2) .showcase--list-item--shadow {
    left: -38px
}

.page--neolife .showcase--list-item:nth-child(3) .showcase-item--image {
    clip-path: inset(0 0 0 88px)
}

.page--neolife .showcase--list-item:nth-child(3) .showcase--list-item--shadow {
    left: 28px
}

.page--neolife .showcase--list-item:nth-child(4) .showcase-item--image {
    clip-path: inset(0 0 0 198px)
}

.page--neolife .showcase--list-item:nth-child(4) .showcase--list-item--shadow {
    left: 138px
}

.page--neolife .showcase--list-item:nth-child(5) .showcase-item--image {
    clip-path: inset(0 0 0 352px)
}

.page--neolife .showcase--list-item:nth-child(5) .showcase--list-item--shadow {
    left: 292px
}

.page--neolife .showcase--list-item:nth-child(6) .showcase-item--image {
    clip-path: inset(0 0 0 550px)
}

.page--neolife .showcase--list-item:nth-child(6) .showcase--list-item--shadow {
    left: 490px
}

.page--neolife .showcase--list-item--shadow {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .55), transparent);
    height: 100%;
    opacity: .45;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    width: 60px
}

.page--neolife .section--prototype {
    background-color: #4499e7;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative
}

@media(min-width:1200px) {
    .page--neolife .section--prototype .section--intro__content {
        -moz-columns: 2;
        column-count: 2;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media(min-width:1500px) {

    .page--neolife .section--prototype .section--intro__content,
    .page--neolife .section--prototype .section--intro__heading {
        margin-right: 40px
    }

    .page--neolife .section--prototype .section--intro__heading {
        margin-top: 40px
    }
}

.page--neolife .section--prototype .section--intro__body {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px
}

.page--neolife .section--prototype .section--intro__heading {
    text-align: center
}

.page--neolife .prototype-header {
    margin-bottom: 60px;
    margin-top: -10px;
    position: relative
}

.page--neolife .prototype-header:before {
    background-image: linear-gradient(180deg, #4499e7, rgba(68, 153, 231, 0));
    content: "";
    height: 60%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page--neolife .section--prototype--content {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--neolife .section--prototype--content {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--neolife .section--intro__art,
.page--neolife .section--intro__body {
    margin-bottom: 40px
}

@media(min-width:1070px) {

    .page--neolife .section--intro__art,
    .page--neolife .section--intro__body {
        margin-bottom: 80px
    }
}

.page--neolife .section--intro__content p {
    margin-bottom: 10px
}

.page--neolife .section--intro__art {
    align-items: baseline;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 3
}

@media(min-width:768px) {
    .page--neolife .section--intro__art {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--neolife .section--intro__art img,
.page--neolife .section--intro__art video {
    border-radius: 1.5vw;
    box-shadow: 0 10px 30px rgba(68, 153, 231, .55);
    width: 100%
}

.page--neolife .section--prototype__bg {
    margin-left: auto;
    margin-right: auto;
    margin-top: -15%;
    max-width: 1440px
}

.page--neolife .section--grid {
    background-color: #fff;
    padding: 0
}

.page--neolife .grid--list {
    display: flex;
    flex-wrap: wrap;
    left: 50%;
    margin-top: -150.7692307692px;
    padding-bottom: 20px;
    padding-top: 40px;
    position: relative;
    transform: translateX(-50%);
    z-index: 2
}

@media(min-width:768px) {
    .page--neolife .grid--list {
        padding-bottom: 40px
    }
}

@media(min-width:1070px) {
    .page--neolife .grid--list {
        padding-bottom: 60px
    }
}

@media(min-width:1200px) {
    .page--neolife .grid--list {
        padding-bottom: 80px
    }
}

@media(min-width:768px) {
    .page--neolife .grid--list {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--neolife .grid--list {
        padding-top: 80px
    }
}

@media(min-width:768px) {
    .page--neolife .grid--list {
        margin-top: -245px
    }
}

@media(min-width:1070px) {
    .page--neolife .grid--list {
        margin-top: -392px;
        width: calc(100% - 326.66667px)
    }
}

@media(min-width:1200px) {
    .page--neolife .grid--list {
        width: 1960px
    }
}

@media(min-width:1500px) {
    .page--neolife .grid--list {
        margin-top: -612.5px
    }
}

.page--neolife .grid--list-item {
    width: 50%
}

.page--neolife .grid--list-item:first-child {
    margin-right: 50%
}

.page--neolife .grid--list-item:last-child {
    position: relative;
    z-index: 10
}

@media(min-width:768px) {
    .page--neolife .grid--list-item {
        padding: 10px
    }
}

@media(min-width:1070px) {
    .page--neolife .grid--list-item {
        width: 25%
    }

    .page--neolife .grid--list-item:first-child {
        margin-right: 75%
    }

    .page--neolife .grid--list-item:last-child {
        margin-left: 0;
        position: relative;
        z-index: 1
    }

    .page--neolife .grid--list-item:nth-child(3) {
        margin-right: 50%
    }

    .page--neolife .grid--list-item:nth-child(6) {
        margin-right: 25%
    }

    .page--neolife .grid--list-item:nth-last-child(3) {
        margin-left: 25%;
        position: relative;
        z-index: 1
    }
}

.page--neolife .grid--list-item-link {
    background-color: var(--color);
    display: block;
    position: relative
}

.page--neolife .grid--list-item-link .tease__external {
    background-color: #fff;
    border-radius: 50%;
    height: 100px;
    left: 50%;
    opacity: 0;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100px
}

.page--neolife .grid--list-item-link .tease__external svg {
    color: var(--color);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 20px
}

.page--neolife .grid--list-item-link img {
    transition: opacity .3s cubic-bezier(.19, 1, .22, 1)
}

.page--neolife .grid--list-item-link:active {
    outline: none
}

.page--neolife .grid--list-item-link:active .tease__external {
    opacity: 1
}

.page--neolife .grid--list-item-link:active img {
    opacity: 0
}

.page--neolife .grid--list-item-link:focus {
    outline: none
}

.page--neolife .grid--list-item-link:focus .tease__external {
    opacity: 1
}

.page--neolife .grid--list-item-link:focus img {
    opacity: 0
}

.page--neolife .grid--list-item-link:hover {
    outline: none
}

.page--neolife .grid--list-item-link:hover .tease__external {
    opacity: 1
}

.page--neolife .grid--list-item-link:hover img {
    opacity: 0
}

.page--neolife .section--about {
    background-color: #191819;
    padding: 0;
    position: relative
}

.page--neolife .about--video {
    margin-bottom: 60px;
    margin-top: -150.7692307692px;
    position: relative
}

.page--neolife .about--video:after,
.page--neolife .about--video:before {
    content: "";
    height: 40%;
    left: 0;
    position: absolute;
    width: 100%
}

.page--neolife .about--video:after {
    background-image: linear-gradient(0deg, #191819 20%, rgba(25, 24, 25, 0));
    bottom: 0
}

.page--neolife .about--video:before {
    background-image: linear-gradient(180deg, #191819, rgba(25, 24, 25, 0));
    top: 0;
    z-index: 1
}

.page--neolife .about--video video {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 100%;
    z-index: 0
}

.page--neolife .about--blurb {
    margin-left: 0;
    margin-right: auto;
    max-width: 1440px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 2
}

@media(min-width:768px) {
    .page--neolife .about--blurb {
        padding-bottom: 40px
    }
}

@media(min-width:1070px) {
    .page--neolife .about--blurb {
        padding-bottom: 60px
    }
}

@media(min-width:1200px) {
    .page--neolife .about--blurb {
        padding-bottom: 80px
    }
}

@media(min-width:768px) {
    .page--neolife .about--blurb {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--neolife .about--blurb img {
    max-width: 1194px
}

.page--neolife .about--illustration {
    margin-top: -10%;
    position: relative
}

.page--neolife .about--illustration:before {
    background-image: linear-gradient(180deg, #191819, rgba(25, 24, 25, 0));
    content: "";
    height: 20%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.page--neolife .about--illustration-img {
    mix-blend-mode: lighten
}

.page--neolife .about--illustration-img-2 {
    left: 50%;
    max-width: 90%;
    position: absolute;
    top: 35%;
    transform: translateX(-50%)
}

@media(min-width:768px) {
    .page--neolife .about--illustration-img-2 {
        max-width: 60%;
        top: 50%
    }
}

.page--neolife .animated-images--list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0
}

@media(min-width:768px) {
    .page--neolife .animated-images--list {
        flex-direction: row;
        padding: 0 10px
    }

    .page--neolife .about--animated-images {
        bottom: -30px;
        position: absolute;
        z-index: 1
    }
}

.page--neolife .animated-images--list-item {
    align-items: baseline;
    display: flex;
    margin: 10px 20px
}

@media(min-width:768px) {
    .page--neolife .animated-images--list-item {
        margin: 20px 10px 0
    }
}

.page--neolife .animated-images--list-item img,
.page--neolife .animated-images--list-item video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page--neolife .section--signup {
    background-color: #000164;
    overflow: hidden
}

.page--neolife .section--signup .section--intro__body {
    margin: 0 auto;
    max-width: 1100px
}

.page--neolife .section--signup .section--intro__heading {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center
}

@media(min-width:768px) {
    .page--neolife .section--signup .section--intro__heading {
        margin-top: 40px
    }
}

@media(min-width:1070px) {
    .page--neolife .section--signup .section--intro__content {
        -moz-columns: 2;
        column-count: 2;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

.page--neolife .signup--header {
    background-color: #000164;
    overflow: hidden;
    position: relative;
    text-align: center
}

.page--neolife .signup--header:before {
    background-image: linear-gradient(180deg, #000164, rgba(0, 1, 100, 0));
    content: "";
    height: 60%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page--neolife .signup--header--logo {
    height: 100%;
    margin-top: -10px;
    width: 100%
}

.page--neolife .signup--illustration {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -15%
}

@media(min-width:768px) {
    .page--neolife .signup--illustration {
        margin-left: -40px;
        margin-right: -40px
    }
}

@media(min-width:1070px) {
    .page--neolife .signup--illustration {
        margin-left: -60px;
        margin-right: -60px
    }
}

@media(min-width:1200px) {
    .page--neolife .signup--illustration {
        margin-left: -80px;
        margin-right: -80px
    }
}

.page--neolife .signup--illustration img {
    mix-blend-mode: lighten
}

.page--neolife .signup--showcase {
    margin-left: -50%;
    margin-right: -50%;
    margin-top: 20px;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .page--neolife .signup--showcase {
        margin-top: 40px
    }
}

.page--neolife .signup--showcase .section--intro {
    margin-bottom: 20px
}

@media(min-width:768px) {
    .page--neolife .signup--showcase .section--intro {
        margin-bottom: 40px
    }
}

.page--neolife .signup--showcase--list {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    perspective: 400vw;
    perspective-origin: 0 100%
}

.page--neolife .signup--showcase--list-item {
    border-radius: .35rem;
    box-shadow: -2rem 2rem 1.25rem rgba(0, 1, 100, .35);
    overflow: hidden;
    position: relative;
    transform: rotateX(25deg) rotateY(30deg) rotate(-20deg);
    width: 35%
}

.page--neolife .signup--showcase--list-item:not(:first-child) {
    margin-top: -15%
}

.page--neolife .signup--showcase--list-item:first-child {
    margin-left: 10%
}

.page--neolife .signup--showcase--list-item:nth-child(2) {
    margin-left: auto;
    margin-right: auto
}

.page--neolife .signup--showcase--list-item:last-child {
    margin-left: 50%
}

@media(min-width:768px) {
    .page--neolife .signup--showcase--list-item {
        border-radius: 1rem
    }
}

.topper--neolife-logo {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.topper--logo-container,
.topper--neolife-logo {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

.topper--logo-container {
    height: 100%;
    min-height: 300px;
    width: 100%
}

.neolife-logo-img {
    margin: 0 auto;
    max-width: 66.6666666667%;
    opacity: 0;
    padding: 40px 0
}

@media(min-width:1200px) {
    .neolife-logo-img {
        padding: 80px 0
    }
}

.theme-new-american-economy {
    --c-bg-light: #fff;
    --c-bg: #fff;
    --c-pop: #22d278;
    --c-border: #22d278;
    --c-text-light: #434052;
    --c-text: #000;
    --c-hamburger: #000;
    --c-logo: #000
}

.page--new-american-economy {
    line-height: 1.5
}

.page--new-american-economy .video-player__video {
    border-radius: 0
}

.page--new-american-economy .announcement__header--nae {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page--new-american-economy .announcement__body--nae {
    background-color: #fff;
    padding-bottom: 0
}

.page--new-american-economy .announcement__cover--nae {
    background-position: 50% 50%;
    background-size: cover;
    padding-bottom: 100px
}

.page--new-american-economy .announcement__cover--nae .announcement__cover-inner {
    padding-bottom: 185px;
    padding-top: 90
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__cover--nae .announcement__cover-inner {
        padding-bottom: 245px;
        padding-top: 100px
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__cover--nae .announcement__cover-inner {
        padding-bottom: 245px;
        padding-top: 100px
    }
}

.page--new-american-economy .announcement__cover--nae .announcement__kicker {
    background-color: #434052;
    color: #fff
}

.page--new-american-economy .announcement__dropcap {
    background: #22d278;
    color: #fff
}

.page--new-american-economy .announcement__txt--link {
    color: #000;
    text-decoration-color: #000;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--new-american-economy .announcement__txt--link:focus,
.page--new-american-economy .announcement__txt--link:hover {
    color: #22d278;
    text-decoration-color: #22d278
}

.page--new-american-economy .announcement__media-mod img {
    display: block
}

.page--new-american-economy .announcement__media-mod img,
.page--new-american-economy .announcement__media-mod video {
    width: 100%
}

.page--new-american-economy .announcement__media-mod .announcement__txt {
    color: #fff
}

.page--new-american-economy .announcement__image-full img {
    display: block
}

.page--new-american-economy .announcement__site-tour-mod {
    background: url(/static/dist/0b65c55f9e5b8d461a56.svg) 100% 0 no-repeat;
    background-size: cover;
    padding-bottom: 80px
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__site-tour-mod {
        padding-bottom: 200px
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__site-tour-mod {
        padding-bottom: 250px
    }
}

.page--new-american-economy .announcement__site-tour {
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3);
    margin: 20px;
    max-width: 1050px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__site-tour {
        margin: 100px auto -100px;
        width: calc(100% - 200px)
    }
}

.page--new-american-economy .announcement__media-mod--farmers {
    background-color: #434052;
    color: #fff;
    padding-bottom: 100px
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__media-mod--farmers {
        padding-bottom: 120px
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__media-mod--farmers {
        padding-bottom: 200px
    }
}

.page--new-american-economy .announcement__farmers {
    background: url(/static/dist/b3a604fecc3c47f10949.jpg) 100% 0 no-repeat;
    background-size: cover;
    position: relative
}

.page--new-american-economy .announcement__farmers:before {
    background: linear-gradient(0deg, #434052 20%, rgba(67, 64, 82, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--new-american-economy .announcement__device-tour {
    padding: 30px 0
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__device-tour {
        padding: 120px 0 80px
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__device-tour {
        padding: 200px 0 160px
    }
}

.page--new-american-economy .announcement__devices {
    overflow: hidden;
    padding: 30px;
    perspective: 2000px;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__devices {
        align-items: flex-end;
        display: flex;
        flex-direction: row;
        padding: 0 0 40px
    }
}

.page--new-american-economy .announcement__mobile {
    position: relative
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__mobile {
        margin: 0 60px
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__mobile {
        margin: 0 80px
    }
}

@media(min-width:1500px) {
    .page--new-american-economy .announcement__mobile {
        margin: 0 100px
    }
}

.page--new-american-economy .announcement__mobile,
.page--new-american-economy .announcement__tablet {
    padding: 20px 0
}

@media(min-width:768px) {

    .page--new-american-economy .announcement__mobile,
    .page--new-american-economy .announcement__tablet {
        padding: 0
    }
}

.page--new-american-economy .announcement__mobile-device {
    background-color: #22d278;
    border-radius: 4.5vw;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3);
    opacity: 0;
    padding: 10vw 4vw;
    transform: translateX(-35%) scale(.8) rotateY(5deg);
    transition: .9s cubic-bezier(.215, .61, .355, 1);
    transition-delay: .2s
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__mobile-device {
        border-radius: 1.5vw;
        padding: 3.8vw 1.1vw
    }
}

.page--new-american-economy .announcement__tablet-device {
    background-color: #fff;
    border-radius: 18px;
    border-radius: 2vw;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3);
    opacity: 0;
    padding: 5vw;
    transform: translateX(35%) scale(.8) rotateY(-5deg);
    transition: .9s cubic-bezier(.215, .61, .355, 1)
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__tablet-device {
        border-radius: 2vw;
        margin-right: -18vw;
        padding: 3.5vw
    }
}

.page--new-american-economy .announcement__device-screen {
    position: relative
}

.page--new-american-economy .announcement__device-screen:after {
    bottom: 0;
    box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, .2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page--new-american-economy .announcement__primary-logo {
    margin: 0 auto;
    max-width: 150px;
    padding-top: 100px;
    position: relative;
    width: 100%
}

.page--new-american-economy .announcement__primary-logo .primary-logo--animation {
    background-image: url(/static/dist/c69a5217c59beb05998b.gif);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 2px;
    height: 37%;
    left: -5px;
    position: absolute;
    width: 37%
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__primary-logo {
        max-width: 250px;
        padding-top: 120px
    }

    .page--new-american-economy .announcement__primary-logo .primary-logo--animation {
        bottom: 6px;
        height: 42%;
        left: -10px;
        width: 42%
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__primary-logo {
        max-width: 350px;
        padding-top: 180px
    }

    .page--new-american-economy .announcement__primary-logo .primary-logo--animation {
        bottom: 8px;
        height: 40%;
        width: 40%
    }
}

.page--new-american-economy .announcement__logos {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__logos {
        flex-direction: row
    }
}

.page--new-american-economy .announcement__logo {
    align-items: center;
    display: flex;
    flex: 1 1 0;
    justify-content: center;
    margin: 0;
    min-height: 250px
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__logo {
        min-height: auto;
        padding: 7vw 0
    }
}

.page--new-american-economy .announcement__logo:first-child {
    background-color: #22d278
}

.page--new-american-economy .announcement__logo:first-child img {
    width: 38%
}

.page--new-american-economy .announcement__logo:nth-child(2) {
    background-color: #000
}

.page--new-american-economy .announcement__logo:nth-child(2) img {
    width: 70%
}

.page--new-american-economy .announcement__logo:last-child {
    background: url(/static/dist/bd5b824218dd9502f6b0.jpg) 0 0 no-repeat;
    background-size: cover
}

.page--new-american-economy .announcement__logo:last-child img {
    width: 50%
}

.page--new-american-economy .announcement__charts-mod {
    background: url(/static/dist/b173ff087fcd0b407f8f.jpg) 0 0 repeat;
    background-size: 20px 20px;
    padding: 20px 20px 160px;
    position: relative
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__charts-mod {
        padding: 30px 30px 160px
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__charts-mod {
        padding: 40px 40px 250px
    }
}

.page--new-american-economy .announcement__charts-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0 0 -20px;
    padding: 0
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__charts-list {
        margin-bottom: -2vw
    }
}

.page--new-american-economy .announcement__charts-list-item {
    padding-bottom: 20px;
    position: relative
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__charts-list-item {
        padding-bottom: 2vw
    }
}

.page--new-american-economy .announcement__charts-list-item img,
.page--new-american-economy .announcement__charts-list-item video {
    display: block;
    width: 100%
}

.page--new-american-economy .col--40 {
    width: 100%
}

@media(min-width:768px) {
    .page--new-american-economy .col--40 {
        width: 36.6433566434%
    }
}

.page--new-american-economy .col--60 {
    width: 100%
}

@media(min-width:768px) {
    .page--new-american-economy .col--60 {
        width: 61.2587412587%
    }
}

.page--new-american-economy .announcement__goo {
    margin-top: -90px;
    overflow: hidden;
    position: relative
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__goo {
        margin-top: -90px
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__goo {
        margin-top: -150px
    }
}

.page--new-american-economy .announcement__goo img {
    display: block;
    width: 100%
}

.page--new-american-economy .announcement__goo-content {
    background-color: #22d278;
    color: #fff;
    margin-top: -1px;
    padding: 60px 0;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__goo-content {
        padding: 80px 0
    }
}

@media(min-width:1070px) {
    .page--new-american-economy .announcement__goo-content {
        padding: 100px 0
    }
}

.page--new-american-economy .announcement__goo-content .announcement__txt {
    color: #000
}

.page--new-american-economy .announcement__goo-content .announcement__txt a {
    text-decoration: underline
}

.page--new-american-economy .announcement__goo-content .announcement__txt a:hover {
    color: #fff;
    text-decoration: none
}

@keyframes goo-wiggle {
    0% {
        transform: scaleY(.9) skewX(-1deg)
    }

    50% {
        transform: scaleY(1.2) skewX(1deg)
    }

    to {
        transform: scaleY(.9) skewX(-1deg)
    }
}

.page--new-american-economy .announcement__goo-overflow {
    height: 240px;
    position: relative;
    transform: scale(1.05)
}

@media(min-width:768px) {
    .page--new-american-economy .announcement__goo-overflow {
        height: 260px
    }
}

@media(min-width:1400px) {
    .page--new-american-economy .announcement__goo-overflow {
        height: 290px
    }
}

@media(min-width:1800px) {
    .page--new-american-economy .announcement__goo-overflow {
        height: 390px
    }
}

.page--new-american-economy .announcement__goo-overflow img {
    bottom: -10px;
    max-width: none;
    position: absolute;
    width: auto
}

@media(prefers-reduced-motion:no-preference) {
    .page--new-american-economy .announcement__goo-overflow img {
        animation: goo-wiggle 5s infinite
    }
}

@media(min-width:1400px) {
    .page--new-american-economy .announcement__goo-overflow img {
        max-width: 100vw;
        width: 100vw
    }
}

.page--new-american-economy .announcement__goo-overflow .goo-light-purple {
    animation-delay: .3s;
    animation-duration: 7s;
    bottom: 10px
}

.page--new-american-economy .announcement__goo-overflow .goo-dark-purple {
    animation-duration: 6s;
    bottom: 70px
}

@keyframes bounce {
    0% {
        transform: translateY(10%)
    }

    50% {
        transform: translateY(3%) translateX(-5%)
    }

    to {
        transform: translateY(10%)
    }
}

@keyframes bounce-reverse {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(3%) translateX(5%) skewY(-20deg)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes horz-travel {
    0% {
        transform: translateX(0)
    }

    10% {
        transform: translateY(20%) translateX(10vw)
    }

    50% {
        transform: translateX(100vw) translateY(30%)
    }

    to {
        transform: translateX(0)
    }
}

.page--new-american-economy .goo-svg-filter {
    display: none
}

.page--new-american-economy .goo-wrapper {
    height: 260px;
    left: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100vw;
    z-index: 0
}

@media(min-width:768px) {
    .page--new-american-economy .goo-wrapper {
        height: 500px;
        margin-top: -60px
    }
}

.page--new-american-economy .goo-container {
    align-items: center;
    display: flex;
    filter: url(#goo);
    height: 400px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 10%;
    transform: translate(-50%);
    z-index: 0
}

@media(min-width:768px) {
    .page--new-american-economy .goo-container {
        height: 600px
    }
}

.page--new-american-economy .container-purple-light {
    z-index: 2
}

.page--new-american-economy .container-purple-light .goo-blob:nth-child(3n+1) {
    animation-duration: 13s
}

.page--new-american-economy .container-green {
    top: 30%;
    z-index: 5
}

.page--new-american-economy .container-green .goo-blob {
    animation-duration: 12s
}

.page--new-american-economy .container-green .goo-blob:before {
    background: #22d278
}

.page--new-american-economy .container-green .goo-blob:first-child {
    animation: horz-travel 140s infinite
}

.page--new-american-economy .container-green .goo-blob:nth-child(2n) {
    animation-duration: 16s;
    margin: 0 -10px;
    width: 260px
}

.page--new-american-economy .container-green .goo-blob:nth-child(3n) {
    animation-duration: 9s;
    width: 180px
}

.page--new-american-economy .container-purple-dark {
    top: -5%;
    z-index: 1
}

.page--new-american-economy .container-purple-dark .goo-blob {
    animation-duration: 10s;
    background: #38387d;
    padding: 10px;
    width: 300px
}

.page--new-american-economy .container-purple-dark .goo-blob:before {
    background: #38387d
}

.page--new-american-economy .container-purple-dark .goo-blob:nth-child(odd) {
    animation-duration: 10s
}

.page--new-american-economy .container-purple-dark .goo-blob:first-child {
    animation: horz-travel 220s infinite;
    width: 300px
}

.page--new-american-economy .container-purple-dark .goo-blob:nth-child(6n) {
    animation-delay: 1s;
    margin: 0 -30px;
    padding: 30px;
    width: 90px
}

.page--new-american-economy .container-purple-dark .goo-blob:nth-child(4n) {
    animation-duration: 16s;
    margin-top: 120px;
    padding: 30px;
    width: 90px
}

.page--new-american-economy .container-purple-dark .goo-blob:nth-child(7n) {
    animation-duration: 9s;
    width: 90px
}

.page--new-american-economy .goo-blob {
    animation: bounce 6s infinite;
    border-radius: 50%;
    height: 170px;
    margin-right: -10px;
    position: relative;
    text-align: center;
    width: 200px
}

.page--new-american-economy .goo-blob:before {
    background: #6163ed;
    border-radius: 40% 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page--new-american-economy .goo-blob:nth-child(2n) {
    animation: bounce-reverse 6s .5s infinite;
    height: 230px
}

.page--new-american-economy .goo-blob:nth-child(3n+1) {
    animation-duration: 10s;
    height: 300px;
    width: 200px
}

.page--new-american-economy .goo-blob:nth-child(3n+1):before {
    transform: rotate(20deg) scale(1.2)
}

.page--new-american-economy .goo-blob:nth-child(6n+5) {
    animation-delay: .3s;
    animation-duration: 8s;
    height: 400px
}

.page--new-american-economy .goo-blob:nth-child(6n+3) {
    height: 320px;
    margin: 0 -1%;
    width: 90px
}

.page--new-american-economy .goo-blob:nth-child(6n) {
    animation-duration: 7s;
    height: 300px;
    width: 120px
}

.page--new-american-economy .goo-blob:nth-child(8) {
    height: 400px;
    margin: -1%;
    width: 100px
}

.page--new-american-economy .goo-blob:nth-child(8):before {
    transform: rotate(2deg)
}

.page--new-american-economy .nae__count-item {
    color: #000;
    counter-increment: step-counter;
    line-height: 1;
    position: relative
}

@media(min-width:768px) {
    .page--new-american-economy .nae__count-item {
        font-size: 20px
    }
}

.page--new-american-economy .nae__count-item:before {
    background-color: #22d278;
    border-radius: 50%;
    color: #fff;
    content: counter(step-counter);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    left: 0;
    line-height: 26px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 28px
}

@media(min-width:550px) {
    .page--new-american-economy .nae__count-item:before {
        height: 30px;
        left: 20px;
        line-height: 28px;
        width: 30px
    }
}

@media(min-width:768px) {
    .page--new-american-economy .nae__count-item:before {
        top: 33px;
        top: 32px
    }
}

.page--new-american-economy .nae__topic-h {
    color: #000;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 40px;
    text-align: center
}

@media(min-width:600px)and (max-width:1549px) {
    .page--new-american-economy .nae__topic-h {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--new-american-economy .nae__topic-h {
        font-size: 48px
    }
}

.page--new-american-economy .nae__topic-h--bdr {
    border-bottom: 1px solid;
    display: inline-block
}

.page--new-american-economy .nae__topic-h--creme {
    color: #22d278
}

.page--new-american-economy .nae__count-item--topic {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 18px;
    padding: 15px 1% 15px 14%
}

@media(min-width:400px) {
    .page--new-american-economy .nae__count-item--topic {
        padding-right: 12%;
        width: 50%
    }
}

@media(min-width:768px) {
    .page--new-american-economy .nae__count-item--topic {
        font-size: 22px;
        padding: 22px 1% 22px 10%;
        width: 33.3%
    }
}

.page--new-american-economy .nae__count-item--topic:before {
    left: 6px
}

@media(min-width:768px) {
    .page--new-american-economy .nae__count-item--topic:before {
        left: 12%
    }
}

.page--new-american-economy .nae__pad--horiz-med {
    padding: 80px 20px
}

@media(min-width:768px) {
    .page--new-american-economy .nae__pad--horiz-med {
        padding: 120px 40px
    }
}

.page--new-american-economy .nae__count-items {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    max-width: 1070px;
    overflow: auto;
    padding: 0
}

@media(min-width:400px) {
    .page--new-american-economy .nae__count-items {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.page--new-american-economy .is-in-view {
    filter: blur(0);
    opacity: 1;
    transform: translateX(0) scale(1) rotateY(0);
    transition: .85s cubic-bezier(.215, .61, .355, 1)
}

.theme-northeastern-brand {
    --c-bg-light: #fdf6f2;
    --c-bg: #fdf6f2;
    --c-pop: #a38749;
    --c-border: #a38749;
    --c-text-light: #a38749;
    --c-text: #000;
    --c-nav-text: #fff;
    --c-nav-text-hover: #a38749;
    --c-hamburger: #a38749;
    --c-logo: #fff
}

.page--northeastern-brand {
    line-height: 1.5;
    padding-bottom: 40px
}

.page--northeastern-brand .video-player__video {
    border-radius: 0
}

.page--northeastern-brand .announcement__cover--nu-brand,
.page--northeastern-brand .announcement__header--nu-brand {
    color: #fff
}

.page--northeastern-brand .announcement__cover--nu-brand .announcement__kicker {
    background-color: #fff;
    color: #a38749
}

.page--northeastern-brand .announcement__cover--nu-brand .announcement__deck {
    color: #fff
}

.page--northeastern-brand .announcement__lede {
    color: #fff;
    max-width: 1080px
}

.page--northeastern-brand .announcement__body--nu-brand {
    background-color: #000;
    color: #fff;
    overflow: auto;
    padding: 0
}

.page--northeastern-brand .announcement__body--nu-brand h2 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--northeastern-brand .announcement__body--nu-brand h2 {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--northeastern-brand .announcement__body--nu-brand h2 {
        font-size: 48px
    }
}

.page--northeastern-brand .announcement__body--nu-brand .announcement__dropcap {
    background: #a38749;
    color: #fff
}

.page--northeastern-brand .announcement__body--nu-brand .announcement__txt {
    margin: 40px auto;
    padding-left: 26px;
    padding-right: 26px
}

@media(min-width:768px) {
    .page--northeastern-brand .announcement__body--nu-brand .announcement__txt {
        margin-bottom: 100px;
        margin-top: 100px
    }
}

.page--northeastern-brand .announcement__body--nu-brand .announcement__txt p:last-of-type {
    margin-bottom: 0
}

.page--northeastern-brand .announcement__body--nu-brand .announcement__txt.announcement__txt--logos {
    color: #fff;
    margin-bottom: 0
}

.page--northeastern-brand .announcement__body--nu-brand .announcement__txt.announcement__txt--athletics h2,
.page--northeastern-brand .announcement__body--nu-brand .announcement__txt.announcement__txt--athletics p,
.page--northeastern-brand .announcement__body--nu-brand .announcement__txt.announcement__txt--standards h2,
.page--northeastern-brand .announcement__body--nu-brand .announcement__txt.announcement__txt--standards p {
    color: #fff
}

.page--northeastern-brand .nu-intro {
    background-color: #fdf6f2;
    color: #000;
    overflow: auto
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-architecture {
        flex-direction: row
    }
}

.page--northeastern-brand .nu-architecture__photo {
    background-image: url(/static/dist/ec870a9cb0cab6ee0b9f.png);
    background-position: top;
    background-size: cover;
    height: 600px;
    width: 100%
}

.page--northeastern-brand .nu-logo-breakout {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 40px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-logo-breakout {
        padding-top: 100px
    }
}

.page--northeastern-brand .nu-logo-breakout path {
    fill: #fff;
    transition: fill .2s cubic-bezier(.215, .61, .355, 1)
}

.page--northeastern-brand .nu-logo-breakout__parts {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.page--northeastern-brand .nu-logo-breakout__scrollables {
    display: none
}

@media(min-height:850px)and (min-width:1000px) {
    .page--northeastern-brand .nu-logo-breakout__scrollables {
        display: block;
        height: 100vh;
        margin-top: -100vh;
        pointer-events: none;
        position: relative;
        width: 100%;
        z-index: 20
    }

    .page--northeastern-brand .nu-logo-breakout__scrollables:after,
    .page--northeastern-brand .nu-logo-breakout__scrollables:before {
        content: "";
        height: 2px;
        position: absolute;
        top: 200px;
        width: 30px
    }

    .page--northeastern-brand .nu-logo-breakout__scrollables:before {
        background-color: #a38749;
        left: 26px
    }

    .page--northeastern-brand .nu-logo-breakout__scrollables:after {
        background-color: #fff;
        right: 26px
    }
}

.page--northeastern-brand .nu-logo-breakout__part {
    align-items: center;
    display: flex;
    height: 175px;
    justify-content: center;
    margin-top: 80px;
    position: relative;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    width: 100%
}

.page--northeastern-brand .nu-logo-breakout__part svg {
    max-width: 90%
}

@media(min-width:0)and (max-width:349px) {
    .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--mark {
        margin-bottom: 40px
    }

    .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--logotype {
        display: none
    }
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-logo-breakout__part {
        width: 50%
    }
}

@media(min-width:1070px) {
    .page--northeastern-brand .nu-logo-breakout__part {
        margin-top: 0;
        width: 25%
    }

    .page--northeastern-brand .nu-logo-breakout__part:first-of-type,
    .page--northeastern-brand .nu-logo-breakout__part:last-of-type {
        margin-bottom: 150px
    }

    .page--northeastern-brand .nu-logo-breakout__part:before {
        border-bottom: 2px dashed #fff;
        bottom: 100%;
        content: "";
        position: absolute;
        transition: width .3s ease-in-out;
        width: 0
    }

    .page--northeastern-brand .nu-logo-breakout__part:first-of-type:before {
        left: 100%;
        transform: rotate(-30deg);
        transform-origin: left bottom
    }

    .page--northeastern-brand .nu-logo-breakout__part:nth-of-type(2):before {
        left: 50%;
        transform: rotate(-50deg);
        transform-origin: left bottom
    }

    .page--northeastern-brand .nu-logo-breakout__part:nth-of-type(3):before {
        right: 50%;
        transform: rotate(50deg);
        transform-origin: right bottom
    }

    .page--northeastern-brand .nu-logo-breakout__part:nth-of-type(4):before {
        right: 100%;
        transform: rotate(30deg);
        transform-origin: right bottom
    }
}

@media(min-width:1500px) {
    .page--northeastern-brand .nu-logo-breakout__part {
        width: 250px
    }

    .page--northeastern-brand .nu-logo-breakout__part:first-of-type,
    .page--northeastern-brand .nu-logo-breakout__part:last-of-type {
        margin-bottom: 200px
    }

    .page--northeastern-brand .nu-logo-breakout__part:not(:last-of-type) {
        margin-right: 100px
    }
}

@media(min-height:850px)and (min-width:1000px) {
    .page--northeastern-brand .nu-logo-breakout__part {
        opacity: 0
    }
}

.ring-active .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--ring:before {
    border-color: #a38749
}

.ring-active .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--ring path {
    fill: #a38749
}

.motto-active .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--motto:before {
    border-color: #a38749
}

.motto-active .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--motto path {
    fill: #a38749
}

.logotype-active .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--logotype:before {
    border-color: #a38749
}

.logotype-active .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--logotype path {
    fill: #a38749
}

.mark-active .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--mark:before {
    border-color: #a38749
}

.mark-active .page--northeastern-brand .nu-logo-breakout__part.nu-logo-breakout__part--mark path {
    fill: #a38749
}

.page--northeastern-brand .logotype-active path,
.page--northeastern-brand .mark-active path,
.page--northeastern-brand .motto-active path,
.page--northeastern-brand .ring-active path {
    fill: hsla(0, 0%, 100%, .25)
}

.page--northeastern-brand .nu-logo-breakout__part--ring.visible {
    opacity: 1
}

.page--northeastern-brand .nu-logo-breakout__part--ring.visible:before {
    width: 100px
}

@media(min-width:1500px) {
    .page--northeastern-brand .nu-logo-breakout__part--ring.visible:before {
        width: 150px
    }
}

.page--northeastern-brand .nu-logo-breakout__part--ring.visible path {
    fill: #fff
}

.page--northeastern-brand .nu-logo-breakout__part--motto.visible {
    opacity: 1
}

.page--northeastern-brand .nu-logo-breakout__part--motto.visible:before {
    width: 100px
}

@media(min-width:1500px) {
    .page--northeastern-brand .nu-logo-breakout__part--motto.visible:before {
        width: 150px
    }
}

.page--northeastern-brand .nu-logo-breakout__part--motto.visible path {
    fill: #fff
}

.page--northeastern-brand .nu-logo-breakout__part--logotype.visible {
    opacity: 1
}

.page--northeastern-brand .nu-logo-breakout__part--logotype.visible:before {
    width: 100px
}

@media(min-width:1500px) {
    .page--northeastern-brand .nu-logo-breakout__part--logotype.visible:before {
        width: 150px
    }
}

.page--northeastern-brand .nu-logo-breakout__part--logotype.visible path {
    fill: #fff
}

.page--northeastern-brand .nu-logo-breakout__part--mark.visible {
    opacity: 1
}

.page--northeastern-brand .nu-logo-breakout__part--mark.visible:before {
    width: 100px
}

@media(min-width:1500px) {
    .page--northeastern-brand .nu-logo-breakout__part--mark.visible:before {
        width: 150px
    }
}

.page--northeastern-brand .nu-logo-breakout__part--mark.visible path {
    fill: #fff
}

.page--northeastern-brand .logotype-active .nu-seal__logotype,
.page--northeastern-brand .logotype-active .nu-seal__mark,
.page--northeastern-brand .mark-active .nu-seal__mark,
.page--northeastern-brand .motto-active .nu-seal__motto,
.page--northeastern-brand .ring-active .nu-seal__date,
.page--northeastern-brand .ring-active .nu-seal__logotype,
.page--northeastern-brand .ring-active .nu-seal__mark {
    fill: #a38749
}

.page--northeastern-brand .nu-logotype {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-left: 26px;
    padding-right: 26px
}

@media(min-width:1070px) {
    .page--northeastern-brand .nu-logotype {
        flex-direction: row;
        margin-bottom: 200px;
        margin-top: 200px
    }
}

.page--northeastern-brand .nu-logotype img {
    max-width: 80%
}

.page--northeastern-brand .nu-logotype__caption {
    color: #a38749;
    font-size: 1rem
}

@media(min-width:0)and (max-width:1069px) {
    .page--northeastern-brand .nu-logotype__caption {
        margin-top: 40px;
        text-align: center
    }
}

@media(min-width:1070px) {
    .page--northeastern-brand .nu-logotype__caption {
        margin-right: 40px;
        text-align: right
    }
}

.page--northeastern-brand .nu-logotype__caption a {
    border-bottom: 1px solid #a38749;
    color: #fff
}

.page--northeastern-brand .nu-logotype__svg {
    display: block;
    width: 100%
}

.page--northeastern-brand .nu-logotype__svg-lines {
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.page--northeastern-brand .js-nu-logotype.visible .nu-logotype__svg-lines {
    opacity: 1
}

.page--northeastern-brand .nu-speare img {
    display: block;
    width: 100%
}

.page--northeastern-brand .nu-logo-slider {
    margin-bottom: 100px;
    margin-top: 40px;
    outline: 0 !important;
    overflow: hidden
}

.page--northeastern-brand .nu-logo-slider__slide {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    opacity: .25;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1);
    width: 50vw
}

.page--northeastern-brand .nu-logo-slider__slide.is-selected {
    opacity: 1
}

.page--northeastern-brand .nu-business-cards {
    align-items: center;
    background-color: #fdf6f2;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding: 40px 26px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-business-cards {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--northeastern-brand .nu-flags {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 40px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-flags {
        padding-top: 100px
    }
}

.page--northeastern-brand .nu-banners {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-banners {
        flex-direction: row
    }
}

.page--northeastern-brand .nu-banners__banner {
    background-position: 50%;
    background-size: cover;
    height: 450px;
    width: 100%
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-banners__banner {
        width: 50%
    }
}

@media(min-width:1070px) {
    .page--northeastern-brand .nu-banners__banner {
        height: 800px
    }
}

.page--northeastern-brand .nu-banners__banner:first-of-type {
    background-image: url(/static/dist/18e1dff5bb3d9ba0da3d.png)
}

.page--northeastern-brand .nu-banners__banner:last-of-type {
    background-image: url(/static/dist/8a3d10b6d0bc0edf6143.png)
}

.page--northeastern-brand .nu-print-media {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 26px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-print-media {
        flex-direction: row;
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--northeastern-brand .nu-print-media.nu-print-media--magazines {
    background-color: #fdf6f2
}

.nu-print-medium--magazines .page--northeastern-brand .nu-print-media__item {
    max-width: 600px
}

.nu-print-medium--posters .page--northeastern-brand .nu-print-media__item {
    max-width: 370px
}

@media(min-width:0)and (max-width:767px) {
    .page--northeastern-brand .nu-print-media__item:not(:last-of-type) {
        margin-bottom: 10px
    }
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-print-media__item:not(:last-of-type) {
        margin-right: 26px
    }
}

.page--northeastern-brand .nu-photography {
    background-color: #fdf6f2;
    display: flex;
    justify-content: center;
    padding: 40px 26px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-photography {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--northeastern-brand .nu-photography--athletics {
    background-color: #000;
    padding-top: 0 !important
}

.page--northeastern-brand .nu-photography__inner {
    max-width: 1200px;
    width: 100%
}

@media(min-width:0)and (max-width:767px) {
    .page--northeastern-brand .nu-photography__inner {
        display: flex;
        flex-direction: column
    }
}

@media(min-width:768px) {
    .no-cssgrid .page--northeastern-brand .nu-photography__inner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .cssgrid .page--northeastern-brand .nu-photography__inner {
        display: grid;
        grid-auto-flow: dense;
        grid-auto-rows: 250px;
        grid-gap: 26px;
        grid-template-columns: repeat(auto-fill, minmax(calc(50% - 26px), 1fr))
    }
}

@media(min-width:1200px) {
    .cssgrid .page--northeastern-brand .nu-photography__inner {
        grid-template-columns: repeat(auto-fill, minmax(calc(33.33333% - 26px), 1fr))
    }
}

.page--northeastern-brand .nu-photography__photo {
    overflow: hidden
}

.page--northeastern-brand .nu-photography__photo img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media(min-width:0)and (max-width:767px) {
    .page--northeastern-brand .nu-photography__photo:not(:last-of-type) {
        margin-bottom: 10px
    }
}

@media(min-width:768px)and (max-width:1199px) {

    html:not(.cssgrid) .page--northeastern-brand .nu-photography__photo:nth-child(7),
    html:not(.cssgrid) .page--northeastern-brand .nu-photography__photo:nth-child(8) {
        margin-bottom: 0
    }

    html:not(.cssgrid) .page--northeastern-brand .nu-photography__photo:nth-child(n+9) {
        display: none
    }
}

@media(min-width:768px) {
    html:not(.cssgrid) .page--northeastern-brand .nu-photography__photo {
        flex-basis: calc(50% - 13px);
        height: 300px;
        margin-bottom: 26px
    }
}

@media(min-width:1200px) {
    html:not(.cssgrid) .page--northeastern-brand .nu-photography__photo {
        flex-basis: calc(33.33333% - 17px)
    }
}

@media(min-width:768px) {
    .cssgrid .page--northeastern-brand .nu-photography__photo.nu-photography__photo--1x1 {
        grid-column-end: span 1;
        grid-row-end: span 1
    }

    .cssgrid .page--northeastern-brand .nu-photography__photo.nu-photography__photo--1x2 {
        grid-column-end: span 1;
        grid-row-end: span 2
    }
}

.page--northeastern-brand .nu-spreads {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 40px auto;
    max-width: 1200px;
    padding-left: 26px;
    padding-right: 26px;
    width: 100%
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-spreads {
        margin-bottom: 100px;
        margin-top: 100px
    }
}

.page--northeastern-brand .nu-spreads__row {
    display: flex;
    flex-direction: column
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-spreads__row {
        flex-direction: row
    }
}

.page--northeastern-brand .nu-spreads__row:not(:last-of-type) {
    margin-bottom: 10px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-spreads__row:not(:last-of-type) {
        margin-bottom: 26px
    }
}

@media(min-width:0)and (max-width:767px) {
    .page--northeastern-brand .nu-spreads__spread:first-of-type {
        margin-bottom: 10px
    }
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-spreads__spread:first-of-type {
        margin-right: 26px
    }
}

.page--northeastern-brand .nu-mark {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-left: 26px;
    padding-right: 26px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-mark {
        margin-bottom: 100px;
        margin-top: 100px
    }
}

.page--northeastern-brand .nu-mark__n-blobs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 1200px;
    width: 100%
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-mark__n-blobs {
        flex-direction: row
    }
}

.page--northeastern-brand .nu-mark__n-blob {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
}

@media(min-width:0)and (max-width:767px) {
    .page--northeastern-brand .nu-mark__n-blob:not(:last-of-type) {
        margin-bottom: 10px
    }
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-mark__n-blob:not(:last-of-type) {
        margin-right: 26px
    }
}

.page--northeastern-brand .nu-mark__n-motto {
    margin-bottom: 40px
}

@media(min-width:0)and (max-width:349px) {
    .page--northeastern-brand .nu-mark__n-motto {
        display: none
    }
}

.page--northeastern-brand .nu-mark__n-motto svg {
    max-width: 100%
}

.page--northeastern-brand .nu-n-motto__n {
    opacity: 0
}

.page--northeastern-brand .nu-athletics-topper {
    display: block
}

.page--northeastern-brand .nu-athletics-intro {
    background: #000 url(/static/dist/e00393cfe34326e92483.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-bottom: 100px;
    padding-top: 40px
}

@media(min-width:1070px) {
    .page--northeastern-brand .nu-athletics-intro {
        padding-bottom: 0;
        padding-top: 100px
    }
}

.page--northeastern-brand .nu-athletics-intro__3d-huskies {
    display: block;
    margin: 0 auto;
    max-width: 900px;
    position: relative;
    z-index: 2
}

@media(min-width:1070px) {
    .page--northeastern-brand .nu-athletics-intro__3d-huskies {
        margin-bottom: -100px
    }
}

.page--northeastern-brand .nu-athletics-husky-mark {
    background-color: #e21e25;
    position: relative
}

.page--northeastern-brand .nu-athletics-husky-mark__mark {
    margin: 0 auto;
    padding: 40px;
    position: relative
}

.page--northeastern-brand .nu-athletics-husky-mark__mark img {
    display: block;
    margin: 0 auto 26px;
    width: 200px;
    z-index: 2
}

.page--northeastern-brand .nu-athletics-husky-mark__mark figcaption {
    color: #000;
    line-height: 1.1;
    text-align: center
}

.page--northeastern-brand .nu-athletics-husky-mark__mark figcaption a {
    border-bottom: 1px solid #000;
    color: #000;
    display: inline-block
}

@media(min-width:1070px) {
    .page--northeastern-brand .nu-athletics-husky-mark__mark img {
        margin-bottom: -200px;
        margin-top: 100px;
        position: relative;
        width: 350px;
        z-index: 3
    }

    .page--northeastern-brand .nu-athletics-husky-mark__mark figcaption {
        bottom: 50px;
        max-width: 300px;
        position: absolute;
        right: 50px;
        text-align: right
    }
}

.page--northeastern-brand .nu-athletics-husky-sketches img {
    display: block;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-athletics-husky-sketches img {
        height: 400px
    }
}

@media(min-width:1070px) {
    .page--northeastern-brand .nu-athletics-husky-sketches img {
        height: 500px
    }
}

.page--northeastern-brand .nu-athletics-two-up {
    padding: 40px 26px 26px;
    width: 100%
}

.page--northeastern-brand .nu-athletics-two-up figure:first-of-type {
    margin-bottom: 26px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-athletics-two-up {
        padding-bottom: 26px;
        padding-top: 100px
    }

    .page--northeastern-brand .nu-athletics-two-up figure:first-of-type {
        margin-bottom: 0
    }

    .page--northeastern-brand .nu-athletics-two-up__inner {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1200px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .page--northeastern-brand .nu-athletics-two-up__inner>* {
        width: calc(50% - 5px);
        width: calc(50% - 13px)
    }
}

.page--northeastern-brand .nu-athletics-logos {
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 40px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-athletics-logos {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--northeastern-brand .nu-athletics-logos__three-up {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 26px 100px
}

.page--northeastern-brand .nu-athletics-logos__three-up figure {
    margin: 0 auto 40px;
    max-width: 280px;
    width: 80%
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-athletics-logos__three-up {
        display: flex;
        justify-content: space-between;
        padding-left: 26px;
        padding-right: 26px
    }

    .page--northeastern-brand .nu-athletics-logos__three-up figure {
        margin: 0;
        width: 25%
    }
}

.page--northeastern-brand .nu-athletics-logos__slider {
    outline: 0 !important;
    padding: 40px 0
}

.page--northeastern-brand .nu-athletics-logos__slider figure {
    margin-bottom: 10px;
    padding: 0 15px;
    width: 200px
}

@media(min-width:768px) {
    .page--northeastern-brand .nu-athletics-logos__slider figure {
        padding: 0 40px
    }
}

.theme-northeastern-news {
    --c-bg-light: c-black-60;
    --c-bg: #fff;
    --c-border: #e1e1e1;
    --c-pop: #e84040;
    --c-text-light: #757575;
    --c-text: #000;
    --c-hamburger: #e84040;
    --c-logo: #000
}

.page--northeastern-news {
    line-height: 1.5
}

.page--northeastern-news .video-player__video {
    border-radius: 0
}

.page--northeastern-news .announcement__lede {
    max-width: 1080px
}

.page--northeastern-news .announcement__txt a {
    color: #e84040;
    text-decoration-color: #e84040;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--northeastern-news .announcement__txt a:focus,
.page--northeastern-news .announcement__txt a:hover {
    color: #edf6f8;
    text-decoration-color: #edf6f8
}

.page--northeastern-news .announcement__body {
    background-color: #fff;
    padding-bottom: 0
}

.page--northeastern-news .announcement__header--ne {
    position: absolute;
    width: 100%;
    z-index: 1
}

.page--northeastern-news .announcement__cover--ne {
    background-position: 50% 50%;
    background-size: cover;
    position: relative
}

.page--northeastern-news .announcement__cover--ne:before {
    background-color: hsla(0, 0%, 100%, .85);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.page--northeastern-news .announcement__cover--ne .announcement__cover-inner {
    position: relative;
    z-index: 1
}

.page--northeastern-news .announcement__cover--ne .announcement__kicker {
    background-color: #e84040;
    color: #fff
}

.page--northeastern-news .announcement__cover--ne .announcement__deck,
.page--northeastern-news .announcement__cover--ne .announcement__lede {
    text-shadow: 0 0 80px #fff, 0 0 60px #fff, 0 0 40px #fff, 0 0 20px #fff
}

.page--northeastern-news .page--ne-announcement {
    background-color: #fff;
    color: #000
}

.page--northeastern-news .announcement__dropcap {
    background: #e84040;
    color: #fff
}

.page--northeastern-news .announcement__media-mod {
    line-height: 0
}

.page--northeastern-news .announcement__media-mod video {
    width: 100%
}

.page--northeastern-news .announcement__site-tour {
    border-radius: 5px;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3);
    margin: 20px;
    max-width: 1050px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__site-tour {
        margin: 100px auto -100px;
        width: calc(100% - 200px)
    }
}

.page--northeastern-news .announcement__site-tour__chrome {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    cursor: ne-resize;
    display: block;
    overflow: hidden
}

.page--northeastern-news .announcement__site-tour__chrome img {
    transition: .2s ease
}

.page--northeastern-news .announcement__image-full {
    margin-top: -1px
}

.page--northeastern-news .announcement-section__mandela {
    background-color: #000;
    overflow: hidden;
    position: relative
}

.page--northeastern-news .announcement-section__mandela-inner {
    background-image: url(/static/dist/a83202c9f25883f36cc1.jpg);
    background-size: cover;
    filter: blur(20px);
    height: 59.75vw;
    left: 0;
    opacity: .7;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 1s
}

.page--northeastern-news .announcement-section__mandela-page {
    padding-top: 15vw;
    position: relative
}

.page--northeastern-news .announcement__mandela-img {
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3);
    display: block;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    transform: translate3d(0, 60px, 0);
    transition: all .7s ease;
    width: 80%;
    z-index: 1
}

.page--northeastern-news .announcement__mandela-img.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__mandela-img {
        width: 70%
    }
}

.page--northeastern-news .announcement__vs-img {
    margin-left: 10%;
    margin-top: -8vw;
    opacity: 0;
    transition: all .7s ease;
    width: 90%
}

.page--northeastern-news .announcement__vs-img.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__vs-img {
        margin-left: 45%;
        width: 55%
    }
}

.page--northeastern-news .announcement__blue-stream img {
    width: 100%
}

.page--northeastern-news .announcement__blue-stream-img {
    max-width: none;
    opacity: 0;
    transition: all .7s ease;
    width: 100%
}

.page--northeastern-news .announcement__blue-stream-img.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

.page--northeastern-news .announcement__in-photos-mod {
    padding: 40px 0 0;
    position: relative;
    z-index: 2
}

.page--northeastern-news .announcement__in-photos-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    position: relative
}

.page--northeastern-news .announcement__in-photos-list:after {
    clear: both;
    content: "";
    display: table
}

.page--northeastern-news .announcement__in-photos-list-item {
    align-items: flex-end;
    display: flex;
    margin-bottom: 20px
}

@media(max-width:767px) {
    .page--northeastern-news .announcement__in-photos-list-item {
        padding: 0 20px
    }
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(odd) {
        float: right;
        width: 54.3%
    }

    .page--northeastern-news .announcement__in-photos-list-item:nth-child(2n) {
        float: left;
        padding-right: 20px;
        width: 45.7%
    }
}

@media(max-width:767px) {
    .page--northeastern-news .announcement__in-photos-list-item:first-child {
        width: 100%
    }
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__in-photos-list-item:first-child {
        order: 1
    }
}

@media(max-width:767px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(2) {
        padding: 0 20vw
    }
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(2) {
        margin-bottom: calc(-6.8vw + 20px);
        order: 0;
        padding-left: 21vw
    }
}

@media(max-width:767px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(3) {
        padding: 0 4px 0 20px;
        width: 50vw
    }
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(3) {
        clear: both;
        order: 3;
        padding-right: 100px
    }
}

@media(max-width:767px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(4) {
        padding: 0 20px 0 4px;
        width: 50vw
    }
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(4) {
        clear: right;
        order: 2;
        padding-left: 100px
    }
}

@media(max-width:767px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(5) {
        padding: 0
    }
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__in-photos-list-item:nth-child(5) {
        float: none;
        order: 4;
        width: 100%
    }
}

.page--northeastern-news .announcement__in-photos-list-item img {
    max-width: none;
    width: 100%
}

.page--northeastern-news .announcement__in-photos-list-item img.js-announcement-scroll-trigger {
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    transition: all .7s ease
}

.page--northeastern-news .announcement__in-photos-list-item img.js-announcement-scroll-trigger.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

.page--northeastern-news .announcement__in-photos__video-section {
    margin-top: -20vw;
    opacity: 0;
    position: relative;
    transition: all .7s ease
}

.page--northeastern-news .announcement__in-photos__video-section.is-in-view {
    opacity: 1;
    transform: translateZ(0)
}

.page--northeastern-news .announcement__in-photos__video-section:before {
    background-image: url(/static/dist/090a89b155e2a5c457e9.jpg);
    background-position: 50% 50%;
    background-size: cover;
    bottom: 0;
    display: block;
    filter: blur(5px);
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

.page--northeastern-news .announcement__in-photos__video-section:after {
    background: linear-gradient(180deg, #fff 50%, hsla(0, 0%, 100%, 0));
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    right: 0;
    top: -20px
}

.page--northeastern-news .announcement__in-photos__video-mod {
    border-radius: 5px;
    box-shadow: 0 10px 45px rgba(0, 0, 0, .3);
    margin: 20px;
    max-width: 1050px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__in-photos__video-mod {
        margin: 100px auto 0;
        width: calc(100% - 200px)
    }
}

.page--northeastern-news .announcement__recirc {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--northeastern-news .announcement__recirc {
        padding-left: 40px;
        padding-right: 40px
    }
}

.theme-on-being {
    --c-bg-light: c-white;
    --c-bg: #f3f1f1;
    --c-border: #000;
    --c-pop: #00beff;
    --c-text-light: #757575;
    --c-text: #000;
    --c-hamburger: #000;
    --c-logo: #000
}

.page--on-being {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-top: 60px
}

@media(min-width:768px) {
    .page--on-being {
        padding-top: 130px
    }
}

.page--on-being .video-player__video {
    border-radius: 0
}

.page--on-being .topper {
    background-color: #f3f1f1;
    color: #000;
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--on-being .topper {
        margin-top: 80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .page--on-being .topper {
        margin-top: 120px
    }
}

.page--on-being .topper__content {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    max-width: 1500px
}

.page--on-being .topper__intro {
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media(min-width:350px) {
    .page--on-being .topper__intro {
        padding-bottom: 45px
    }
}

@media(min-width:768px) {
    .page--on-being .topper__intro {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--on-being .topper__intro {
        padding-bottom: 100px;
        width: 45%
    }
}

.page--on-being .topper__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--on-being .topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:768px)and (min-width:600px)and (max-width:1549px) {
    .page--on-being .topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:768px)and (min-width:1550px) {
    .page--on-being .topper__title {
        font-size: 85px
    }
}

.page--on-being .topper__lede {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 30px;
    max-width: 630px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--on-being .topper__lede {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--on-being .topper__lede {
        font-size: 20px
    }
}

.page--on-being .topper__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 35px;
    max-width: 630px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--on-being .topper__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--on-being .topper__description {
        font-size: 20px
    }
}

.page--on-being .topper__hero {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 10%
}

@media(max-width:1069px) {
    .page--on-being .topper__hero--narrow {
        display: none
    }
}

@media(min-width:1070px) {
    .page--on-being .topper__hero--narrow {
        padding-bottom: 40px;
        width: 50%
    }
}

.page--on-being .topper__meta a {
    color: #000;
    text-decoration-color: #000;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--on-being .topper__meta a:focus,
.page--on-being .topper__meta a:hover {
    color: #00beff;
    text-decoration-color: #00beff
}

@media(min-width:768px) {
    .page--on-being .topper__meta {
        display: flex
    }
}

.page--on-being .topper__meta p {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 30px;
    text-transform: uppercase
}

@media(min-width:600px)and (max-width:1399px) {
    .page--on-being .topper__meta p {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--on-being .topper__meta p {
        font-size: 16px
    }
}

@media(min-width:768px) {
    .page--on-being .topper__meta p {
        margin-top: 0
    }

    .page--on-being .topper__meta p:not(:first-child) {
        margin-top: 30px
    }
}

.page--on-being .topper__meta ul {
    -moz-column-count: 2;
    column-count: 2
}

@media(min-width:1070px) {
    .page--on-being .topper__meta ul {
        -moz-column-count: 1;
        column-count: 1
    }
}

.page--on-being .topper__meta li {
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--on-being .topper__meta li {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--on-being .topper__meta li {
        font-size: 18px
    }
}

.page--on-being .topper__meta li:not(:first-child) {
    margin-top: 8px
}

.page--on-being .topper__meta span {
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--on-being .topper__meta span {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--on-being .topper__meta span {
        font-size: 18px
    }
}

.page--on-being .topper__meta a {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--on-being .topper__meta a {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--on-being .topper__meta a {
        font-size: 18px
    }
}

.page--on-being .topper__meta-col {
    margin: 0
}

@media(min-width:768px) {
    .page--on-being .topper__meta-col {
        margin: 0 40px 0 0;
        width: 50%
    }
}

.page--on-being .topper__meta-apps {
    margin-top: 35px
}

.page--on-being .topper__meta-bar {
    padding: 0 10px
}

.page--on-being .announcement__body__width {
    margin: 0 auto;
    max-width: 1500px;
    padding-bottom: 100px
}

.page--on-being .announcement__body--on-being {
    background-color: #fff;
    color: #000;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0
}

.page--on-being .announcement__body--on-being a {
    color: #000;
    text-decoration-color: #000;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--on-being .announcement__body--on-being a:focus,
.page--on-being .announcement__body--on-being a:hover {
    color: #00beff;
    text-decoration-color: #00beff
}

.page--on-being .announcement__body--on-being .announcement__dropcap {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 2.5vw rgba(0, 0, 0, .1);
    color: #000
}

.page--on-being .announcement__body--on-being .announcement__txt {
    padding-bottom: 40px;
    padding-top: 40px
}

@media(min-width:768px) {
    .page--on-being .announcement__body--on-being .announcement__txt {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--on-being .announcement__body--on-being .announcement__txt {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--on-being .announcement__body--on-being .announcement__txt h2 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--on-being .announcement__body--on-being .announcement__txt h2 {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--on-being .announcement__body--on-being .announcement__txt h2 {
        font-size: 48px
    }
}

.page--on-being .announcement__body--on-being .announcement__txt p:last-of-type {
    margin-bottom: 0
}

.page--on-being .announcement__body--on-being .announcement__txt.announcement__txt--blog {
    padding-bottom: 0
}

.page--on-being .announcement__body--on-being em {
    font-style: normal;
    font-weight: 500
}

.page--on-being .on-being-homepage-video {
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1);
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 26px;
    padding-right: 26px;
    width: 100%
}

@media(min-width:768px) {
    .page--on-being .on-being-homepage-video {
        border-width: 10px
    }
}

.page--on-being .on-being-tour {
    padding-left: 26px;
    padding-right: 26px
}

.page--on-being .on-being-tour .on-being-tour__video {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 100%
}

.page--on-being .on-being-tour video {
    border: 10px solid #000;
    border-radius: 10px;
    display: block;
    width: 100%
}

@media(min-width:768px) {
    .page--on-being .on-being-tour video {
        border-width: 10px
    }
}

.page--on-being .workshop__group {
    opacity: 0;
    padding-top: 100px;
    transform: translateY(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 100%
}

.page--on-being .workshop__group.is-in-view {
    opacity: 1;
    transform: translateY(0)
}

@media(min-width:768px) {
    .page--on-being .workshop__group {
        align-items: center;
        display: flex;
        flex-direction: row
    }
}

.page--on-being .workshop__photo-big {
    margin: auto;
    padding: 20px;
    width: 90%
}

@media(min-width:768px) {
    .page--on-being .workshop__photo-big {
        padding: 0;
        width: 50%
    }
}

.page--on-being .workshop__photo-small {
    margin: auto;
    padding: 20px;
    width: 90%
}

@media(min-width:768px) {
    .page--on-being .workshop__photo-small {
        margin: 0 6%;
        width: 40%
    }
}

.page--on-being .snippet__group {
    opacity: 0;
    transform: translateY(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--on-being .snippet__group.is-in-view {
    opacity: 1;
    transform: translateY(0)
}

@media(min-width:768px) {
    .page--on-being .snippet__group {
        align-items: center;
        display: flex
    }
}

.page--on-being .snippet__photo-1 {
    margin: auto;
    width: 80%
}

@media(min-width:768px) {
    .page--on-being .snippet__photo-1 {
        width: 60%
    }
}

.page--on-being .snippet__photo-2 {
    margin: auto;
    width: 80%
}

@media(min-width:768px) {
    .page--on-being .snippet__photo-2 {
        width: 40%
    }
}

.page--on-being .snippet__photo-3 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    opacity: 0;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 50px;
    transform: translateY(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    width: 80%
}

.page--on-being .snippet__photo-3.is-in-view {
    opacity: 1;
    transform: translateY(0)
}

@media(min-width:768px) {
    .page--on-being .snippet__photo-3 {
        width: 75%
    }
}

.page--on-being .mobile-view__group {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.page--on-being .mobile-view__phone {
    background-color: #000;
    border: 5px solid #000;
    border-radius: 10px;
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .1), 5px 5px 10px rgba(0, 0, 0, .1);
    margin: 2%;
    width: 33.3%
}

.page--on-being .mobile-view__phone img {
    border-radius: 4px
}

@media(min-width:1070px) {
    .page--on-being .mobile-view__phone img {
        border-radius: 8px
    }
}

@media(min-width:768px) {
    .page--on-being .mobile-view__phone {
        border-radius: 20px
    }
}

@media(min-width:1070px) {
    .page--on-being .mobile-view__phone {
        border-radius: 30px
    }
}

@media(min-width:768px) {
    .page--on-being .mobile-view__phone {
        border-bottom: 10px solid #000;
        border-top: 10px solid #000;
        border-color: #000;
        border-style: solid;
        border-width: 30px 10px
    }
}

@media(min-width:1070px) {
    .page--on-being .mobile-view__phone {
        border-bottom: 20px solid #000;
        border-top: 20px solid #000;
        border-color: #000;
        border-style: solid;
        border-width: 50px 20px
    }
}

.page--on-being .phone-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--on-being .phone-left.is-in-view {
    opacity: 1;
    transform: translateX(0)
}

.page--on-being .phone-middle {
    opacity: 0;
    transform: translateY(80px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--on-being .phone-middle.is-in-view {
    opacity: 1;
    transform: translateY(0)
}

.page--on-being .phone-right {
    opacity: 0;
    transform: translateX(40px);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--on-being .phone-right.is-in-view {
    opacity: 1;
    transform: translateX(0)
}

.page--on-being .typography__container {
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
    transform: translateX(-40px);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1), opacity .2s;
    z-index: 2
}

.page--on-being .typography__container.is-in-view {
    opacity: 1;
    transform: translateX(0)
}

.page--on-being .typography__title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    padding-bottom: 50px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--on-being .typography__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--on-being .typography__title {
        font-size: 48px
    }
}

.page--on-being .typography__border {
    border-bottom: 1px solid #999;
    margin-bottom: 30px;
    position: relative;
    width: 15%
}

.page--on-being .typography__border-2 {
    border-bottom: 1px solid #999;
    margin-bottom: 0;
    margin-top: 50px;
    position: relative;
    width: 15%
}

.page--on-being .typography__group-1,
.page--on-being .typography__group-2 {
    display: flex;
    flex-direction: column
}

@media(min-width:1070px) {

    .page--on-being .typography__group-1,
    .page--on-being .typography__group-2 {
        flex-direction: row
    }
}

.page--on-being .typography__group {
    padding-bottom: 50px
}

.page--on-being .typography__group-2 {
    padding-top: 30px
}

.page--on-being .typography__type-name {
    color: var(--c-text);
    color: #999;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    padding-bottom: 4%;
    padding-right: 4%
}

@media(min-width:600px)and (max-width:1399px) {
    .page--on-being .typography__type-name {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--on-being .typography__type-name {
        font-size: 16px
    }
}

@media(min-width:768px) {
    .page--on-being .typography__type-name {
        padding-bottom: 2%
    }
}

@media(min-width:1070px) {
    .page--on-being .typography__type-name {
        writing-mode: vertical-lr
    }
}

.page--on-being .typography__svg {
    width: 100%
}

@media(min-width:400px) {
    .page--on-being .typography__svg {
        width: 75%
    }
}

.page--on-being .typography__svg-2 {
    width: 100%
}

@media(min-width:1070px) {
    .page--on-being .typography__svg-2 {
        width: 95%
    }
}

.page--on-being .illustration-grid__group {
    display: flex;
    flex-direction: row-reverse;
    margin-left: auto;
    margin-right: auto;
    margin-top: -70px;
    padding-left: 26px;
    padding-right: 26px
}

@media(min-width:768px) {
    .page--on-being .illustration-grid__group {
        flex-direction: inherit
    }
}

@media(min-width:1070px) {
    .page--on-being .illustration-grid__group {
        margin-top: -100px
    }
}

.page--on-being .illustration-grid__sub-column {
    display: flex;
    flex-direction: column;
    width: 50%
}

@media(min-width:768px) {
    .page--on-being .illustration-grid__sub-column {
        flex-direction: row;
        width: 33.3%
    }
}

.page--on-being .two-thirds {
    width: 50%
}

@media(min-width:768px) {
    .page--on-being .two-thirds {
        width: 66.6%
    }
}

.page--on-being .illustration-grid__column {
    padding-top: 0;
    width: 100%
}

@media(min-width:768px) {
    .page--on-being .illustration-grid__column:nth-child(2n) {
        padding-top: 100px
    }
}

.page--on-being .illustration-grid__image {
    padding: 15px
}

@media(min-width:1070px) {
    .page--on-being .illustration-grid__image {
        padding: 25px
    }
}

.page--on-being .column-big {
    padding-top: 100px
}

@media(min-width:768px) {
    .page--on-being .column-big {
        padding-top: 0
    }
}

.page--on-being .snippet__group-2 {
    align-items: center
}

@media(min-width:768px) {
    .page--on-being .snippet__group-2 {
        display: flex;
        margin-top: -100px
    }
}

@media(min-width:1070px) {
    .page--on-being .snippet__group-2 {
        margin-top: -150px
    }
}

.page--on-being .snippet__column-1 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 26px;
    padding-right: 26px;
    width: 100%
}

@media(min-width:768px) {
    .page--on-being .snippet__column-1 {
        width: 50%
    }
}

.page--on-being .snippet__column-2 {
    margin: auto;
    opacity: 0;
    padding: 26px;
    transform: translateY(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--on-being .snippet__column-2.is-in-view {
    opacity: 1;
    transform: translateY(0)
}

@media(min-width:768px) {
    .page--on-being .snippet__column-2 {
        margin: 0;
        padding: 0;
        width: 50%
    }
}

.page--on-being .snippet-2-top {
    opacity: 0;
    transform: translateY(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--on-being .snippet-2-top.is-in-view {
    opacity: 1;
    transform: translateY(0)
}

.page--on-being .snippet-2-bottom {
    opacity: 0;
    transform: translateY(20px);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), opacity .2s
}

.page--on-being .snippet-2-bottom.is-in-view {
    opacity: 1;
    transform: translateY(0)
}

.theme-pbs-newshour {
    --c-bg-light: #161f2d;
    --c-bg: #161f2d;
    --c-border: #2ba6ff;
    --c-pop: #2ba6ff;
    --c-text-light: #2ba6ff;
    --c-text: #fff;
    --c-hamburger: #f83036;
    --c-logo: #fff
}

.page--pbs-newshour {
    line-height: 1.5;
    padding-bottom: 40px
}

.page--pbs-newshour .video-player__video {
    border-radius: 0
}

.page--pbs-newshour .announcement__deck {
    color: #fff
}

.page--pbs-newshour .main-content {
    overflow: hidden
}

.page--pbs-newshour .announcement__cover--pbs,
.page--pbs-newshour .anouncement__header--pbs {
    color: #fff
}

.page--pbs-newshour .announcement__cover--pbs .announcement__cover-inner {
    position: relative
}

.page--pbs-newshour .announcement__cover--pbs .announcement__kicker {
    background-color: #f83036;
    color: #fff
}

.page--pbs-newshour .announcement__cover__video {
    left: 0;
    position: absolute;
    top: 0
}

@media(min-width:1070px) {
    .page--pbs-newshour .announcement__cover__video {
        width: 100%
    }
}

.page--pbs-newshour .announcement__body--pbs {
    background-color: #fff;
    padding: 0
}

.page--pbs-newshour .announcement__dropcap {
    background: #2ba6ff;
    color: #161f2d
}

.page--pbs-newshour .announcement__txt a {
    color: #f83036;
    text-decoration-color: #f83036;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--pbs-newshour .announcement__txt a:focus,
.page--pbs-newshour .announcement__txt a:hover {
    color: #fff;
    text-decoration-color: #fff
}

.page--pbs-newshour .announcement__lede {
    color: #fff
}

.page--pbs-newshour .announcement__homepage-section {
    background-color: #161f2d;
    padding-bottom: 60px;
    padding-top: 60px
}

.page--pbs-newshour .announcement__homepage-section .announcement__txt {
    color: #fff
}

.page--pbs-newshour .announcement__homepage-section .announcement__txt ul {
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__homepage-section {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--pbs-newshour .announcement__homepage-video {
    margin: 60px 26px
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__homepage-video {
        margin: 100px 60px
    }
}

.page--pbs-newshour .announcement__homepage-video .announcement__homepage-video-container {
    margin: 0 auto;
    max-width: 1220px;
    width: 100%
}

.page--pbs-newshour .announcement__homepage-video img,
.page--pbs-newshour .announcement__homepage-video video {
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    width: 100%
}

@media(min-width:768px) {

    .page--pbs-newshour .announcement__homepage-video img,
    .page--pbs-newshour .announcement__homepage-video video {
        border-radius: 5px
    }
}

.page--pbs-newshour .announcement__live-grid {
    display: flex;
    flex-wrap: wrap
}

.page--pbs-newshour .announcement__live-grid__img {
    width: 50%
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__live-grid__img {
        width: 33.33%
    }
}

.page--pbs-newshour .announcement__live-grid__img img {
    display: block;
    width: 100%
}

.page--pbs-newshour .announcement__txt--mod {
    padding-bottom: 60px;
    padding-top: 100px
}

.page--pbs-newshour .announcement__txt--mod .announcement__txt {
    color: #161f2d
}

.page--pbs-newshour .announcement__txt--mod .announcement__txt a {
    color: #f83036;
    text-decoration-color: #f83036;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--pbs-newshour .announcement__txt--mod .announcement__txt a:focus,
.page--pbs-newshour .announcement__txt--mod .announcement__txt a:hover {
    color: #161f2d;
    text-decoration-color: #161f2d
}

.page--pbs-newshour .announcement__circles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: -50px;
    margin-left: auto;
    margin-right: auto;
    max-height: 500px;
    max-width: 500px;
    padding-left: 26px;
    padding-right: 26px;
    position: relative;
    z-index: 2
}

.page--pbs-newshour .announcement__circle--mod {
    padding: 10px;
    width: 50%
}

.page--pbs-newshour .announcement__circle {
    border-radius: 50%;
    padding-bottom: 100%;
    width: 100%
}

.page--pbs-newshour .announcement__circle--blue {
    background-color: #2ba6ff;
    cursor: url(/static/dist/fc2fc8f9c9a62b8f27ef.png), auto
}

.page--pbs-newshour .announcement__circle--gray {
    background-color: #f1f8fc;
    cursor: url(/static/dist/c8932dad9f7013bc8409.png), auto
}

.page--pbs-newshour .announcement__circle--black {
    background-color: #161f2d;
    cursor: url(/static/dist/49dae74b859665d13c07.png), auto
}

.page--pbs-newshour .announcement__circle--red {
    background-color: #f83036;
    cursor: url(/static/dist/fc2fc8f9c9a62b8f27ef.png), auto
}

.page--pbs-newshour .announcement__design-collage {
    background-color: #161f2d;
    position: relative
}

.page--pbs-newshour .announcement__design-collage img {
    display: block;
    width: 100%
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__collage-image--1 {
        width: 60%
    }
}

.page--pbs-newshour .announcement__collage-image--2 {
    left: 20px;
    position: absolute;
    right: 20px;
    top: 60px
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__collage-image--2 {
        left: auto;
        position: absolute;
        right: 80px;
        top: 80px;
        width: 75%
    }
}

.page--pbs-newshour .announcement__collage-image--3 {
    position: absolute;
    right: 0;
    top: 165px;
    width: 66%
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__collage-image--3 {
        position: absolute;
        right: 0;
        top: 300px;
        width: 50%
    }
}

.page--pbs-newshour .announcement__collage-image--4 {
    bottom: -50px;
    left: 40px;
    position: absolute;
    right: -140px;
    z-index: 2
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__collage-image--4 {
        bottom: -90px;
        left: auto;
        position: absolute;
        right: -40px
    }
}

.page--pbs-newshour .announcement__design-collage--bottom {
    position: relative
}

.page--pbs-newshour .announcement__design-collage--bottom img,
.page--pbs-newshour .announcement__design-collage--bottom video {
    display: block;
    width: 100%
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__design-collage--bottom--mod {
        display: flex
    }

    .page--pbs-newshour .announcement__collage-image--bottom-1 {
        width: 60%
    }

    .page--pbs-newshour .announcement__collage-image--bottom-2 {
        width: 40%
    }
}

.page--pbs-newshour .announcement__collage-image--bottom-3 {
    margin-top: -10px;
    position: relative;
    z-index: 2
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__collage-image--bottom-3 {
        bottom: -70px;
        left: 0;
        margin-top: 0;
        position: absolute;
        width: 65%
    }
}

.page--pbs-newshour .announcement__episode {
    background-color: #161f2d;
    overflow: hidden;
    position: relative
}

.page--pbs-newshour .announcement__episode--inner {
    background-image: url(/static/dist/c44e6386c77985f23d83.jpg);
    background-size: cover;
    filter: blur(20px);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0
}

.page--pbs-newshour .announcement__episode-img--mod {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 150px;
    padding-top: 150px;
    position: relative;
    width: 90%
}

.page--pbs-newshour .announcement__episode-img--mod img {
    border: 1px solid #fff;
    border-radius: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 30px
}

@media(min-width:1070px) {
    .page--pbs-newshour .announcement__episode-img--mod img {
        border-radius: 30px;
        padding: 60px
    }

    .page--pbs-newshour .announcement__episode-img--mod {
        padding-bottom: 200px;
        padding-top: 200px
    }
}

@media(min-width:1500px) {
    .page--pbs-newshour .announcement__episode-img--mod {
        padding-bottom: 300px;
        padding-top: 300px
    }
}

.page--pbs-newshour .announcement__social-grid {
    background-color: #f1f8fc;
    padding-bottom: 20px
}

.page--pbs-newshour .announcement__social-grid--mod {
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    max-width: 1550px;
    position: relative;
    z-index: 2
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__social-grid--mod {
        display: flex;
        flex-wrap: wrap
    }
}

.page--pbs-newshour .announcment__social-grid-col {
    padding-left: 26px;
    padding-right: 26px
}

@media(min-width:768px) {
    .page--pbs-newshour .announcment__social-grid-col {
        padding: 0;
        width: 50%
    }

    .page--pbs-newshour .announcment__social-grid-col--right {
        margin-top: 170px
    }
}

.page--pbs-newshour .announcement__social-grid-image {
    padding-bottom: 10px;
    padding-top: 10px
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__social-grid-image {
        padding: 20px
    }
}

.page--pbs-newshour .announcement__social-grid-image img {
    display: block;
    width: 100%
}

@media(min-width:1070px) {
    .page--pbs-newshour .announcement__typefaces {
        margin-top: -100px
    }
}

.page--pbs-newshour .announcement__typeface--mod {
    padding: 23px
}

@media(min-width:768px) {
    .page--pbs-newshour .announcement__typeface--mod {
        padding: 60px
    }
}

.page--pbs-newshour .announcement__typeface-specimen {
    align-items: center;
    display: flex;
    height: 500px;
    justify-content: center;
    width: 100%
}

.page--pbs-newshour .announcement__typeface {
    background-image: url(/static/dist/4b1e3faa29b689a5fa74.png);
    display: block
}

.page--pbs-newshour .announcement__typeface--akkurat {
    background-color: #f83036
}

.page--pbs-newshour .announcement__typeface--publico {
    background-color: #2ba6ff
}

.page--pbs-newshour .announcement__typeface-details {
    border-top: 4px solid #fff;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

.page--pbs-newshour .announcement__typeface-foundry,
.page--pbs-newshour .announcement__typeface-kind,
.page--pbs-newshour .announcement__typeface-name {
    color: #fff;
    margin: 0
}

.page--pbs-newshour .pbs__count-item {
    color: #000;
    counter-increment: step-counter;
    line-height: 1;
    position: relative
}

@media(min-width:768px) {
    .page--pbs-newshour .pbs__count-item {
        font-size: 20px
    }
}

.page--pbs-newshour .pbs__count-item:before {
    background-color: #2ba6ff;
    border-radius: 50%;
    color: #fff;
    content: counter(step-counter);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    left: 0;
    line-height: 26px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 28px
}

@media(min-width:550px) {
    .page--pbs-newshour .pbs__count-item:before {
        height: 30px;
        left: 20px;
        line-height: 28px;
        width: 30px
    }
}

@media(min-width:768px) {
    .page--pbs-newshour .pbs__count-item:before {
        top: 33px;
        top: 32px
    }
}

.page--pbs-newshour .pbs__topic-h {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 30px;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase
}

.page--pbs-newshour .pbs__topic-h--bdr {
    border-bottom: 1px solid;
    display: inline-block
}

.page--pbs-newshour .pbs__topic-h--creme {
    color: #2ba6ff
}

@media(min-width:400px) {
    .page--pbs-newshour .pbs__topic-h {
        font-size: 16px;
        line-height: 34px
    }
}

.page--pbs-newshour .pbs__count-item--topic {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 18px;
    padding: 15px 1% 15px 14%
}

@media(min-width:400px) {
    .page--pbs-newshour .pbs__count-item--topic {
        padding-right: 12%;
        width: 50%
    }
}

@media(min-width:768px) {
    .page--pbs-newshour .pbs__count-item--topic {
        font-size: 22px;
        padding: 22px 1% 22px 10%;
        width: 33.3%
    }
}

.page--pbs-newshour .pbs__count-item--topic:before {
    left: 6px
}

@media(min-width:768px) {
    .page--pbs-newshour .pbs__count-item--topic:before {
        left: 12%
    }
}

.page--pbs-newshour .pbs__pad--horiz-med {
    padding: 80px 20px
}

@media(min-width:768px) {
    .page--pbs-newshour .pbs__pad--horiz-med {
        padding-bottom: 120px;
        padding-top: 120px
    }
}

.page--pbs-newshour .pbs__count-items {
    border-top: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    max-width: 1070px;
    overflow: auto;
    padding: 0
}

@media(min-width:400px) {
    .page--pbs-newshour .pbs__count-items {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.page--pbs-newshour .no-js .announcement__mobile-device,
.page--pbs-newshour .no-js .announcement__tablet-device {
    filter: blur(0);
    opacity: 1;
    transform: translateX(0) scale(1) rotateY(0)
}

.page--pbs-newshour .no-js .announcement__image-grid__image img.js-announcement-scroll-trigger,
.page--pbs-newshour .no-js .announcement__type-sample img.js-announcement-scroll-trigger {
    opacity: 1;
    transform: translateZ(0)
}

.theme-sports-innovation-lab {
    --c-bg-light: #1d093d;
    --c-bg: #1d093d;
    --c-border: #483862;
    --c-pop: #ff5312;
    --c-text-light: #8e849e;
    --c-text: #f7f8fb;
    --c-hamburger: #ff5312;
    --c-logo: #f7f8fb
}

.page--sports-innovation-lab {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-top: 60px
}

@media(min-width:768px) {
    .page--sports-innovation-lab {
        padding-top: 130px
    }
}

.page--sports-innovation-lab .video-player__video {
    border-radius: 0
}

.page--sports-innovation-lab .topper {
    color: #fff;
    margin-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media(min-width:768px) {
    .page--sports-innovation-lab .topper {
        margin-top: 80px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .topper {
        margin-top: 120px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .topper {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--sports-innovation-lab .topper:after {
    background-image: url(/static/dist/83594a4edaa6298fa6d6.svg);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100vh;
    left: 50vw;
    position: absolute;
    right: 0
}

.page--sports-innovation-lab .topper__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px;
    position: relative;
    z-index: 2
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .topper__content {
        align-items: center;
        flex-direction: row
    }
}

.page--sports-innovation-lab .topper__intro {
    padding-bottom: 30px
}

@media(min-width:350px) {
    .page--sports-innovation-lab .topper__intro {
        padding-bottom: 45px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .topper__intro {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .topper__intro {
        padding-bottom: 100px
    }
}

.page--sports-innovation-lab .topper__hero,
.page--sports-innovation-lab .topper__intro {
    flex: 1
}

.page--sports-innovation-lab .topper__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--sports-innovation-lab .topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:768px)and (min-width:600px)and (max-width:1549px) {
    .page--sports-innovation-lab .topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:768px)and (min-width:1550px) {
    .page--sports-innovation-lab .topper__title {
        font-size: 85px
    }
}

.page--sports-innovation-lab .topper__lede {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .topper__lede {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .topper__lede {
        font-size: 20px
    }
}

.page--sports-innovation-lab .topper__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .topper__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .topper__description {
        font-size: 20px
    }
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .topper__hero--wide {
        margin-bottom: 30px
    }
}

@media(max-width:1069px)and (min-width:350px) {
    .page--sports-innovation-lab .topper__hero--wide {
        margin-bottom: 45px
    }
}

@media(max-width:1069px)and (min-width:768px) {
    .page--sports-innovation-lab .topper__hero--wide {
        margin-bottom: 60px
    }
}

@media(max-width:1069px)and (min-width:1070px) {
    .page--sports-innovation-lab .topper__hero--wide {
        margin-bottom: 100px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .topper__hero--wide {
        display: none
    }
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .topper__hero--narrow {
        display: none
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .topper__hero--narrow {
        margin-left: 80px
    }
}

.page--sports-innovation-lab .topper__meta p {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px;
    text-transform: uppercase
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .topper__meta p {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .topper__meta p {
        font-size: 16px
    }
}

.page--sports-innovation-lab .topper__meta li {
    color: inherit;
    color: #8e849e;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 8px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .topper__meta li {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .topper__meta li {
        font-size: 20px
    }
}

.page--sports-innovation-lab .section--padded {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--sports-innovation-lab .section--padded {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--sports-innovation-lab .section--dark {
    color: #fff
}

.page--sports-innovation-lab .section--light {
    background-color: #f7f8fb;
    color: #1d093d
}

.page--sports-innovation-lab .section__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1380px
}

@media(min-width:1200px) {
    .page--sports-innovation-lab .section__intro {
        width: 50%
    }
}

.page--sports-innovation-lab .section__number {
    border-bottom: 2px solid #ff5312;
    color: inherit;
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 20px;
    padding-bottom: 1px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .section__number {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .section__number {
        font-size: 16px
    }
}

.page--sports-innovation-lab .section__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 20px;
    max-width: 550px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--sports-innovation-lab .section__title {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--sports-innovation-lab .section__title {
        font-size: 48px
    }
}

.page--sports-innovation-lab .section__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    max-width: 550px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .section__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .section__description {
        font-size: 20px
    }
}

.page--sports-innovation-lab .device-screen {
    border: 1px solid #483862;
    border-radius: 6px;
    box-shadow: 0 20px 40px rgba(29, 9, 61, .5);
    overflow: hidden
}

.page--sports-innovation-lab .triangle-pattern {
    background-color: #1d093d;
    margin-top: -150px;
    padding-top: 150px
}

@media(min-width:768px) {
    .page--sports-innovation-lab .triangle-pattern {
        background-image: url(/static/dist/1b86415f877526c45b8b.svg);
        background-position: top;
        background-repeat: no-repeat
    }
}

.page--sports-innovation-lab .brand {
    max-width: 100vw;
    overflow-x: hidden
}

.page--sports-innovation-lab .brand__content {
    position: relative
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .brand__content {
        display: flex;
        flex-direction: column
    }
}

.page--sports-innovation-lab .brand__intro {
    padding-bottom: 30px;
    padding-top: 30px
}

@media(min-width:350px) {
    .page--sports-innovation-lab .brand__intro {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .brand__intro {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .brand__intro {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--sports-innovation-lab .brand__triangles {
    z-index: 2
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .brand__triangles {
        align-self: center
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .brand__triangles {
        left: 60%;
        overflow: hidden;
        position: absolute;
        top: 0
    }

    .page--sports-innovation-lab .brand__triangles img {
        width: auto
    }
}

.page--sports-innovation-lab .brand__screen {
    background-color: #33214f;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(29, 9, 61, .5);
    padding: 10px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .brand__screen {
        margin-top: -30px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .brand__screen {
        padding: 20px
    }
}

.page--sports-innovation-lab .brand__screen video {
    width: 100%
}

@media(min-width:768px) {
    .page--sports-innovation-lab .ecosystem {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .page--sports-innovation-lab .ecosystem {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .ecosystem {
        padding-bottom: 30px
    }
}

@media(max-width:1069px)and (min-width:350px) {
    .page--sports-innovation-lab .ecosystem {
        padding-bottom: 45px
    }
}

@media(max-width:1069px)and (min-width:768px) {
    .page--sports-innovation-lab .ecosystem {
        padding-bottom: 60px
    }
}

@media(max-width:1069px)and (min-width:1070px) {
    .page--sports-innovation-lab .ecosystem {
        padding-bottom: 100px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .ecosystem__content {
        align-items: flex-end;
        display: flex;
        flex-direction: column
    }
}

.page--sports-innovation-lab .ecosystem__intro {
    padding-top: 30px
}

@media(min-width:350px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-top: 100px
    }
}

@media(max-width:767px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:767px)and (min-width:768px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-bottom: 30px
    }
}

@media(max-width:1069px)and (min-width:350px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-bottom: 45px
    }
}

@media(max-width:1069px)and (min-width:768px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-bottom: 60px
    }
}

@media(max-width:1069px)and (min-width:1070px) {
    .page--sports-innovation-lab .ecosystem__intro {
        padding-bottom: 100px
    }
}

.page--sports-innovation-lab .ecosystem__screens {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media(max-width:767px) {
    .page--sports-innovation-lab .ecosystem__screens {
        align-items: center;
        overflow-x: auto;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width:767px)and (min-width:768px) {
    .page--sports-innovation-lab .ecosystem__screens {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--sports-innovation-lab .ecosystem__arrow-wrapper {
    margin-left: -20px
}

@media(max-width:1499px) {
    .page--sports-innovation-lab .ecosystem__arrow-wrapper {
        display: none
    }
}

@media(min-width:1500px) {
    .page--sports-innovation-lab .ecosystem__arrow-wrapper {
        flex: 1;
        margin-left: -40px
    }

    .page--sports-innovation-lab .ecosystem__arrow-wrapper--1 {
        margin-top: 561px
    }

    .page--sports-innovation-lab .ecosystem__arrow-wrapper--2 {
        margin-top: 819px
    }
}

.page--sports-innovation-lab .ecosystem__arrow {
    border-bottom: 2px solid #ff5312;
    opacity: 0;
    position: relative;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    width: 10%
}

.page--sports-innovation-lab .ecosystem__arrow:before {
    background-color: #ff5312;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: -4px;
    width: 10px
}

.page--sports-innovation-lab .ecosystem__arrow:after {
    border: 5px solid transparent;
    border-left-color: #ff5312;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -6px;
    top: -4px;
    width: 0
}

.page--sports-innovation-lab .is-in-view .ecosystem__arrow {
    opacity: 1;
    width: 100%
}

.page--sports-innovation-lab .ecosystem__screen {
    max-width: 375px
}

@media(max-width:767px) {
    .page--sports-innovation-lab .ecosystem__screen {
        margin-right: 30px;
        min-width: 60vw
    }
}

@media(min-width:768px)and (max-width:1314px) {

    .page--sports-innovation-lab .ecosystem__screen--2,
    .page--sports-innovation-lab .ecosystem__screen--3 {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        margin-left: -20px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .ecosystem__screen--1 {
        margin-top: 0
    }

    .page--sports-innovation-lab .ecosystem__screen--2 {
        margin-top: 150px
    }

    .page--sports-innovation-lab .ecosystem__screen--3 {
        margin-top: 300px
    }
}

@media(min-width:1315px) {
    .page--sports-innovation-lab .ecosystem__screen {
        opacity: 0;
        transform: translateY(40px);
        transition: all 1s cubic-bezier(.215, .61, .355, 1)
    }

    .page--sports-innovation-lab .ecosystem__screen.is-in-view {
        opacity: 1;
        transform: translateY(0)
    }
}

@media(min-width:768px)and (max-width:1314px) {

    .ecosystem__screen--2 .page--sports-innovation-lab .ecosystem__description,
    .ecosystem__screen--2 .page--sports-innovation-lab .ecosystem__label,
    .ecosystem__screen--3 .page--sports-innovation-lab .ecosystem__description,
    .ecosystem__screen--3 .page--sports-innovation-lab .ecosystem__label {
        max-width: calc(100% - 40px);
        width: 100%
    }
}

.page--sports-innovation-lab .ecosystem__label {
    color: #ff5312;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 10px;
    text-shadow: 0 0 20px #1d093d
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .ecosystem__label {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .ecosystem__label {
        font-size: 16px
    }
}

.page--sports-innovation-lab .ecosystem__description {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .ecosystem__description {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .ecosystem__description {
        font-size: 18px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .scaling {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:768px)and (min-width:768px) {
    .page--sports-innovation-lab .scaling {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--sports-innovation-lab .scaling__intro {
    padding-bottom: 30px
}

@media(min-width:350px) {
    .page--sports-innovation-lab .scaling__intro {
        padding-bottom: 45px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .scaling__intro {
        padding-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .scaling__intro {
        padding-bottom: 100px
    }
}

@media(max-width:767px) {
    .page--sports-innovation-lab .scaling__intro {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(max-width:767px)and (min-width:768px) {
    .page--sports-innovation-lab .scaling__intro {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--sports-innovation-lab .chart {
    background-color: #33214f;
    box-shadow: 0 20px 40px rgba(29, 9, 61, .5);
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    z-index: 1
}

@media(min-width:420px) {
    .page--sports-innovation-lab .chart {
        padding: 20px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .chart {
        border-radius: 10px
    }
}

.page--sports-innovation-lab .chart__tabs {
    display: flex;
    justify-content: center
}

.page--sports-innovation-lab .chart__tab {
    margin-bottom: 20px
}

.page--sports-innovation-lab .chart__tab:not(:last-child) {
    margin-right: 20px
}

.page--sports-innovation-lab .chart__tab-link {
    border-bottom: 2px solid transparent;
    color: #8e849e;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    outline: none
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .chart__tab-link {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .chart__tab-link {
        font-size: 20px
    }
}

.page--sports-innovation-lab .chart__tab-link--active,
.page--sports-innovation-lab .chart__tab-link:hover {
    color: #fff
}

.page--sports-innovation-lab .chart__tab-link--active {
    border-bottom: 2px solid #ff5312
}

.page--sports-innovation-lab .chart__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 20px;
    position: relative
}

@media(min-width:420px) {
    .page--sports-innovation-lab .chart__content {
        min-width: 380px;
        padding: 40px
    }
}

.page--sports-innovation-lab .chart__content:hover {
    border-color: #fff
}

.page--sports-innovation-lab .chart__content.js-resizable--disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@keyframes hint-bounce {
    0% {
        left: 0;
        right: 0
    }

    50% {
        left: 20px;
        right: 20px
    }

    to {
        left: 0;
        right: 0
    }
}

.page--sports-innovation-lab .chart__resize-area {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(min-width:420px) {
    .page--sports-innovation-lab .chart__resize-area {
        border: 1px dashed #ff5312;
        transition: border-color .3s cubic-bezier(.215, .61, .355, 1)
    }

    .js-resizable--disabled .page--sports-innovation-lab .chart__resize-area,
    .page--sports-innovation-lab .chart__resize-area.active {
        border-color: #fff
    }

    .page--sports-innovation-lab .is-in-view .chart__resize-area {
        animation-duration: 1.5s;
        animation-name: hint-bounce;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
    }
}

.page--sports-innovation-lab .chart__control {
    align-items: center;
    background-color: #ff5312;
    border-radius: 4px;
    cursor: grab !important;
    display: none;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: 50%;
    touch-action: none;
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    width: 20px
}

@media(min-width:420px) {
    .page--sports-innovation-lab .chart__control {
        display: flex
    }
}

.page--sports-innovation-lab .chart__control:first-child {
    left: 0;
    transform: translate(-50%, -50%)
}

.page--sports-innovation-lab .chart__control:last-child {
    right: 0;
    transform: translate(50%, -50%)
}

.page--sports-innovation-lab .chart__control:after,
.page--sports-innovation-lab .chart__control:before {
    background-color: #1d093d;
    content: "";
    height: 20px;
    margin-left: 1px;
    margin-right: 1px;
    width: 2px
}

.chart__resize-area.active .page--sports-innovation-lab .chart__control,
.js-resizable--disabled .page--sports-innovation-lab .chart__control {
    background-color: #fff;
    cursor: grab
}

.page--sports-innovation-lab .chart__control span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.page--sports-innovation-lab .chart__control span.focusable:active,
.page--sports-innovation-lab .chart__control span.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.page--sports-innovation-lab .chart__graphs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(min-width:420px) {
    .page--sports-innovation-lab .chart__graphs {
        height: 600px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .chart__graphs {
        height: 750px
    }
}

.page--sports-innovation-lab .chart__graph--hidden {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

.page--sports-innovation-lab .personalization {
    margin-top: -150px;
    padding-top: 150px
}

.page--sports-innovation-lab .personalization__content {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px
}

@media(min-width:768px) {
    .page--sports-innovation-lab .personalization__content {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:350px) {
    .page--sports-innovation-lab .personalization__content {
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .personalization__content {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .personalization__content {
        padding-top: 100px
    }
}

@media(min-width:1500px) {
    .page--sports-innovation-lab .personalization__content {
        align-items: flex-end
    }
}

.page--sports-innovation-lab .personalization__intro {
    margin-bottom: 30px
}

@media(min-width:350px) {
    .page--sports-innovation-lab .personalization__intro {
        margin-bottom: 45px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .personalization__intro {
        margin-bottom: 60px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .personalization__intro {
        margin-bottom: 100px
    }
}

.page--sports-innovation-lab .personalization__visuals {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .personalization__visuals {
        align-items: flex-start;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

@media(min-width:1500px) {
    .page--sports-innovation-lab .personalization__visuals {
        flex-direction: row;
        justify-content: center;
        margin-top: 30px
    }
}

@media(min-width:1500px)and (min-width:350px) {
    .page--sports-innovation-lab .personalization__visuals {
        margin-top: 45px
    }
}

@media(min-width:1500px)and (min-width:768px) {
    .page--sports-innovation-lab .personalization__visuals {
        margin-top: 60px
    }
}

@media(min-width:1500px)and (min-width:1070px) {
    .page--sports-innovation-lab .personalization__visuals {
        margin-top: 100px
    }
}

@media(max-width:1499px) {
    .page--sports-innovation-lab .personalization__label {
        display: none
    }
}

.page--sports-innovation-lab .personalization__label--notifications {
    bottom: 100%;
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1;
    padding-bottom: 80px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .personalization__label--notifications {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .personalization__label--notifications {
        font-size: 16px
    }
}

.page--sports-innovation-lab .personalization__label--notifications:before {
    border: 0 dashed #ff5312;
    border-left-width: 1px;
    bottom: 0;
    content: "";
    display: block;
    height: 70px;
    left: 50%;
    position: absolute
}

.page--sports-innovation-lab .personalization__label--follow-pill {
    bottom: calc(100% - 40px);
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1;
    padding-bottom: 80px;
    position: absolute;
    text-align: center;
    transform: translateX(-50%)
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .personalization__label--follow-pill {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .personalization__label--follow-pill {
        font-size: 16px
    }
}

.page--sports-innovation-lab .personalization__label--follow-pill:before {
    border: 0 dashed #ff5312;
    border-left-width: 1px;
    bottom: 0;
    content: "";
    display: block;
    height: 70px;
    left: 50%;
    position: absolute
}

.page--sports-innovation-lab .personalization__label--star {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    left: calc(100% - 50px);
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1;
    padding-left: 100px;
    position: absolute;
    text-align: "left";
    top: 103px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .personalization__label--star {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .personalization__label--star {
        font-size: 16px
    }
}

.page--sports-innovation-lab .personalization__label--star:before {
    border: 0 dashed #ff5312;
    border-top-width: 1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 50%;
    width: 90px
}

.page--sports-innovation-lab .personalization__label--insight {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1;
    padding-right: 100px;
    position: absolute;
    right: calc(100% - 50px);
    text-align: "right";
    top: 566px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .personalization__label--insight {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .personalization__label--insight {
        font-size: 16px
    }
}

.page--sports-innovation-lab .personalization__label--insight:before {
    border: 0 dashed #ff5312;
    border-top-width: 1px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 90px
}

@media(min-width:1500px) {

    .page--sports-innovation-lab .personalization__article,
    .page--sports-innovation-lab .personalization__notifications {
        opacity: 0;
        transition: all 1s cubic-bezier(.215, .61, .355, 1)
    }

    .page--sports-innovation-lab .personalization__article.is-in-view,
    .page--sports-innovation-lab .personalization__notifications.is-in-view {
        opacity: 1
    }
}

.page--sports-innovation-lab .personalization__notifications {
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(29, 9, 61, .5);
    margin-left: 40px;
    transform: translateY(-30%)
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .personalization__notifications {
        display: none
    }
}

@media(min-width:1500px) {
    .page--sports-innovation-lab .personalization__notifications {
        left: 0;
        position: absolute;
        transform: translateY(-45%)
    }

    .page--sports-innovation-lab .personalization__notifications.is-in-view {
        transform: translateY(-50%)
    }
}

.page--sports-innovation-lab .personalization__notifications img,
.page--sports-innovation-lab .personalization__notifications-image-crop {
    border-radius: 10px
}

.page--sports-innovation-lab .personalization__article {
    align-items: flex-start;
    background-color: #1d093d;
    border: 1px solid #33214f;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(29, 9, 61, .5);
    display: flex;
    justify-content: center;
    padding: 20px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media(min-width:768px) {
    .page--sports-innovation-lab .personalization__article {
        padding: 40px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .personalization__article {
        width: auto
    }
}

@media(min-width:1500px) {
    .page--sports-innovation-lab .personalization__article {
        transform: translateY(5%)
    }

    .page--sports-innovation-lab .personalization__article.is-in-view {
        transform: translateY(0)
    }
}

.page--sports-innovation-lab .personalization__article img {
    max-width: 100%;
    width: auto
}

.page--sports-innovation-lab .technology {
    background: linear-gradient(180deg, #1d093d, #33214f);
    margin-top: -150px;
    padding-top: 150px;
    position: relative
}

.page--sports-innovation-lab .technology__content {
    display: flex;
    flex-direction: column;
    padding-top: 30px
}

@media(min-width:350px) {
    .page--sports-innovation-lab .technology__content {
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .technology__content {
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .technology__content {
        flex-direction: row;
        justify-content: space-between;
        padding-top: 100px
    }
}

.page--sports-innovation-lab .technology__cards {
    margin-top: 40px
}

@media(min-width:768px)and (max-width:1069px) {
    .page--sports-innovation-lab .technology__cards {
        display: flex
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .technology__cards {
        max-width: 550px
    }
}

.page--sports-innovation-lab .technology__card {
    flex: 1
}

@media(max-width:767px) {
    .page--sports-innovation-lab .technology__card:not(:last-child) {
        margin-bottom: 10px
    }
}

@media(min-width:768px)and (max-width:1069px) {
    .page--sports-innovation-lab .technology__card:not(:last-child) {
        margin-right: 10px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .technology__card {
        opacity: 0;
        transform: translateX(40px);
        transition: all 1s cubic-bezier(.215, .61, .355, 1)
    }

    .page--sports-innovation-lab .technology__card:not(:last-child) {
        margin-bottom: 10px
    }

    .page--sports-innovation-lab .is-in-view .technology__card {
        opacity: 1;
        transform: translateX(0)
    }

    .page--sports-innovation-lab .is-in-view .technology__card:last-child {
        transition-delay: .1s
    }
}

.page--sports-innovation-lab .technology__card-link {
    align-items: flex-start;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(29, 9, 61, .5);
    display: flex;
    overflow: hidden;
    padding: 20px 20px 20px 30px;
    position: relative;
    transition: opacity .3s cubic-bezier(.215, .61, .355, 1)
}

.page--sports-innovation-lab .technology__card-link--disabled {
    opacity: .5;
    pointer-events: none
}

.page--sports-innovation-lab .technology__card-link:before {
    background-image: url(/static/dist/ded38b2ad949a33726c8.svg);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
}

.page--sports-innovation-lab .technology__card-link:hover:before {
    background-image: url(/static/dist/147eb6b8d7b6dbd75762.svg)
}

.page--sports-innovation-lab .technology__card-icon {
    flex-shrink: 0;
    height: 30px;
    margin-right: 20px;
    width: 30px
}

.page--sports-innovation-lab .technology__card-content {
    color: #1d093d
}

.page--sports-innovation-lab .technology__card-title {
    font-weight: 800;
    line-height: 30px
}

.page--sports-innovation-lab .technology__card-description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .page--sports-innovation-lab .technology__card-description {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--sports-innovation-lab .technology__card-description {
        font-size: 18px
    }
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .technology__flow-chart {
        margin-top: 30px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .technology__flow-chart {
        background-image: url(/static/dist/b561b69683e3ab1ac075.svg);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: auto 100%;
        bottom: -20%;
        height: 80%;
        position: absolute;
        right: 0;
        width: 40vw
    }

    .page--sports-innovation-lab .technology__flow-chart img {
        display: none
    }
}

.page--sports-innovation-lab .future {
    background-color: #33214f;
    background-image: url(/static/dist/9acf5d82589a603994b7.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat
}

.page--sports-innovation-lab .future__content {
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative
}

@media(min-width:350px) {
    .page--sports-innovation-lab .future__content {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--sports-innovation-lab .future__content {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .future__content {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .future__columns {
        margin-top: 30px
    }
}

@media(max-width:1069px)and (min-width:350px) {
    .page--sports-innovation-lab .future__columns {
        margin-top: 45px
    }
}

@media(max-width:1069px)and (min-width:768px) {
    .page--sports-innovation-lab .future__columns {
        margin-top: 60px
    }
}

@media(max-width:1069px)and (min-width:1070px) {
    .page--sports-innovation-lab .future__columns {
        margin-top: 100px
    }
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .future__columns {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .page--sports-innovation-lab .future__column {
        display: flex;
        flex-direction: column;
        width: calc(50% - 20px)
    }
}

@media(max-width:1069px) {
    .page--sports-innovation-lab .future__column:not(:last-child) {
        margin-bottom: 40px
    }
}

.page--sports-innovation-lab .future__visual {
    align-items: center;
    background-color: #1d093d;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 30px
}

.page--sports-innovation-lab .future__visual:not(:last-child) {
    margin-bottom: 40px
}

@media(min-width:1070px) {
    .page--sports-innovation-lab .future__visual {
        padding: 80px
    }
}

.page--sports-innovation-lab .future__visual img {
    width: 100%
}

.page--sports-innovation-lab .future__visual--onboarding img {
    max-width: 420px
}

.page--sports-innovation-lab .future__visual--time-control img {
    max-width: 500px
}

.page--sports-innovation-lab .future__visual--personalizing img {
    max-width: 375px
}

.theme-texas-monthly {
    --c-bg-light: c-black-60;
    --c-bg: #fff;
    --c-border: #e1e1e1;
    --c-pop: #f75a38;
    --c-text-light: #be8150;
    --c-text: #000;
    --c-hamburger: #f75a38;
    --c-logo: #000
}

.page--texas-monthly {
    padding-bottom: 40px
}

.page--texas-monthly .video-player__video {
    border-radius: 0
}

.page--texas-monthly .announcement__topper--texas-monthly {
    background-color: #fff;
    overflow: hidden;
    padding-top: 200px
}

@media(min-width:768px) {
    .page--texas-monthly .announcement__topper--texas-monthly {
        padding-top: 250px
    }
}

.page--texas-monthly .announcement__topper--texas-monthly .announcement__lede {
    color: var(--c-text);
    color: #be8150;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    line-height: 1.1;
    margin: 0 0 30px;
    padding: 0
}

@media(min-width:768px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__lede {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:768px)and (min-width:600px)and (max-width:1549px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__lede {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:768px)and (min-width:1550px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__lede {
        font-size: 85px
    }
}

.page--texas-monthly .announcement__topper--texas-monthly .announcement__dek {
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__dek {
        margin-bottom: 50px
    }
}

.page--texas-monthly .announcement__topper--texas-monthly .announcement__dek p,
.page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-text {
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-text {
        margin-bottom: 60px
    }
}

.page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-hero {
    background-color: #f9f7f5;
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px 30px 0;
    position: relative;
    z-index: 2
}

@media(min-width:768px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-hero {
        margin-left: -80px;
        margin-right: -80px;
        padding: 80px 80px 0
    }
}

@media(min-width:900px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-hero {
        background-color: none;
        margin: 0;
        padding: 0
    }
}

.page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-hero-image {
    background: #f9f7f5;
    height: 0;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-hero-image img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

@media(min-width:900px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-hero-image {
        overflow: visible;
        padding-top: 173.3333333333%
    }

    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper-hero-image:after {
        background-color: #f9f7f5;
        bottom: 0;
        content: "";
        display: block;
        left: -50px;
        position: absolute;
        right: 0;
        top: -50px;
        z-index: 1
    }
}

.page--texas-monthly .announcement__topper--texas-monthly .announcement__topper__inner {
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper__inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:900px) {
    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper__inner {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        max-width: 1500px;
        overflow: hidden
    }

    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper__inner .announcement__topper-text {
        margin-right: 2.5%;
        padding-right: 60px;
        position: relative;
        width: 50%;
        z-index: 2
    }

    .page--texas-monthly .announcement__topper--texas-monthly .announcement__topper__inner .announcement__topper-hero {
        position: absolute;
        right: 0;
        width: calc(100vw - 50% - 60px);
        z-index: 1
    }
}

.page--texas-monthly .announcement__meta {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.page--texas-monthly .announcement__meta-set {
    width: 50%
}

.page--texas-monthly .announcement__meta-set:last-of-type {
    margin-bottom: 0
}

.page--texas-monthly .announcement__meta-set p {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin: 0 0 10px;
    text-transform: uppercase
}

@media(min-width:600px)and (max-width:1399px) {
    .page--texas-monthly .announcement__meta-set p {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--texas-monthly .announcement__meta-set p {
        font-size: 16px
    }
}

.page--texas-monthly .announcement__meta-set ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.page--texas-monthly .announcement__meta-set li {
    color: #777;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0 0 8px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--texas-monthly .announcement__meta-set li {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--texas-monthly .announcement__meta-set li {
        font-size: 18px
    }
}

.page--texas-monthly .announcement__meta-set a {
    border-bottom: 1px solid #eec78c;
    color: #777;
    transition: color .3s
}

.page--texas-monthly .announcement__meta-set a:hover {
    color: #be8150
}

.page--texas-monthly .announcement__body--texas-monthly {
    line-height: 1.5;
    padding: 0
}

.page--texas-monthly .announcement__body--texas-monthly img {
    display: block;
    width: 100%
}

.page--texas-monthly .announcement__body--texas-monthly p {
    margin-bottom: 30px
}

.page--texas-monthly h2.tm-part-header {
    color: var(--c-text);
    color: #fff;
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    max-width: 500px;
    position: relative
}

@media(min-width:600px)and (max-width:1549px) {
    .page--texas-monthly h2.tm-part-header {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--texas-monthly h2.tm-part-header {
        font-size: 48px
    }
}

.page--texas-monthly h2.tm-part-header .tm-part-header__title {
    display: block;
    margin-bottom: 20px
}

.page--texas-monthly h2.tm-part-header .tm-part-header__number {
    border-bottom: 2px solid #f75a38;
    color: #fff;
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: 20px;
    padding-bottom: 1px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--texas-monthly h2.tm-part-header .tm-part-header__number {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--texas-monthly h2.tm-part-header .tm-part-header__number {
        font-size: 16px
    }
}

.page--texas-monthly .tm-part-1 {
    background-color: #000;
    color: #fff;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
    z-index: 2
}

@media(min-width:350px) {
    .page--texas-monthly .tm-part-1 {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1 {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-1 {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--texas-monthly .tm-part-1 img {
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1 img {
        margin-bottom: 60px
    }
}

.page--texas-monthly .tm-part-1__text {
    color: #ddd;
    margin: 0 0 30px
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1__text {
        -moz-column-count: 2;
        column-count: 2;
        margin-bottom: 60px
    }
}

.page--texas-monthly .tm-part-1__intro,
.page--texas-monthly .tm-part-1__screens {
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {

    .page--texas-monthly .tm-part-1__intro,
    .page--texas-monthly .tm-part-1__screens {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--texas-monthly .tm-part-1__collage {
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1__collage {
        margin-top: -200px;
        padding-left: 40px;
        padding-left: 0;
        padding-right: 40px;
        padding-right: 0
    }
}

.page--texas-monthly .tm-part1__group-1 {
    position: relative
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1__screen-food {
        margin-bottom: 200px;
        position: relative;
        top: 200px;
        width: 61.7%;
        z-index: 2
    }

    .page--texas-monthly .tm-part-1__art-musgraves {
        position: absolute;
        right: 0;
        top: 0;
        width: 49%;
        z-index: 1
    }
}

.page--texas-monthly .tm-part-1__group-2 {
    position: relative
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1__art-camping {
        left: 0;
        margin-top: -150px;
        position: relative;
        width: calc(100vw - 60px - 12.7%);
        z-index: 1
    }

    .page--texas-monthly .tm-part-1__art-camping img {
        margin-bottom: 0
    }
}

.page--texas-monthly .tm-part-1__type-quote {
    bottom: 50px;
    display: block;
    left: 10%;
    position: absolute;
    width: 50%;
    z-index: 2
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1__type-quote {
        bottom: 90px;
        width: 30%
    }
}

@media(min-width:1500px) {
    .page--texas-monthly .tm-part-1__type-quote {
        bottom: 150px
    }
}

.page--texas-monthly .tm-part-1__group-3 {
    position: relative
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1__screen-putin {
        position: absolute;
        right: 0;
        top: -150px;
        width: calc(100vw - 60px - 32%);
        z-index: 4
    }
}

.page--texas-monthly .tm-part-1__type-drop-cap {
    display: none
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1__type-drop-cap {
        bottom: auto;
        display: block;
        left: 50%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1500px;
        mix-blend-mode: multiply;
        position: absolute;
        top: 80px;
        transform: translateX(-50%);
        width: 100%;
        z-index: 2
    }
}

.page--texas-monthly .tm-part-1__art-subscribe {
    margin: -18% auto 0;
    max-width: 1500px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 2
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-1__art-subscribe {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--texas-monthly .tm-part-1__art-subscribe img {
    display: block;
    left: 0;
    margin-bottom: 0;
    max-width: none;
    position: relative;
    width: calc(100vw - 30px)
}

.page--texas-monthly .tm-part-2 {
    background: url(/static/dist/8f8be868ed877cbf33d8.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-2 {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--texas-monthly .tm-part-2 img {
    display: block;
    margin-bottom: 50px
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-2 img {
        margin-bottom: 60px
    }
}

.page--texas-monthly .tm-part-2__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    padding-bottom: 30px;
    padding-top: 30px
}

@media(min-width:350px) {
    .page--texas-monthly .tm-part-2__inner {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-2__inner {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-2__inner {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--texas-monthly .tm-part-2__trio>* {
    width: 100%
}

.page--texas-monthly .tm-part-2__trio>:nth-of-type(2) img {
    max-width: 75%
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-2__trio {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .page--texas-monthly .tm-part-2__trio>* {
        flex-grow: 0;
        flex-shrink: 0
    }

    .page--texas-monthly .tm-part-2__trio>:first-of-type,
    .page--texas-monthly .tm-part-2__trio>:nth-of-type(2) {
        width: 48%
    }

    .page--texas-monthly .tm-part-2__trio>:nth-of-type(3) {
        width: 100%
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-2__trio {
        flex-wrap: nowrap
    }

    .page--texas-monthly .tm-part-2__trio>:first-of-type,
    .page--texas-monthly .tm-part-2__trio>:nth-of-type(2) {
        width: 23%
    }

    .page--texas-monthly .tm-part-2__trio>:nth-of-type(3) {
        width: 49%
    }
}

.page--texas-monthly .tm-part-2__subhead {
    border-bottom: 1px solid #fff;
    border-top: 6px solid #fff;
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    letter-spacing: .5px;
    line-height: 1.3;
    margin: 0 0 40px;
    padding: 12px 0;
    text-transform: uppercase
}

@media(min-width:600px)and (max-width:1399px) {
    .page--texas-monthly .tm-part-2__subhead {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--texas-monthly .tm-part-2__subhead {
        font-size: 16px
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-2__subhead {
        padding: 15px 0
    }
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-2__fonts {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.page--texas-monthly .tm-part-2__font {
    width: 45%
}

.page--texas-monthly .tm-part-2__font--grifo {
    width: 32%
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-2__font {
        padding-right: 50px;
        width: 50%
    }

    .page--texas-monthly .tm-part-2__font img {
        width: auto
    }
}

.page--texas-monthly .tm-part-2__fonts {
    flex-grow: 0
}

.page--texas-monthly .tm-part-3 {
    background: #000;
    padding: 30px 20px;
    position: relative
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-3 {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:350px) {
    .page--texas-monthly .tm-part-3 {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-3 {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-3 {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--texas-monthly .tm-part-3:after {
    bottom: 0;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-3:after {
        background: #de5132
    }
}

.page--texas-monthly .tm-part-3__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    position: relative;
    z-index: 2
}

.page--texas-monthly .tm-part-3__phones {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-left: -30px;
    margin-right: -30px;
    overflow: scroll
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-3__phones {
        flex-wrap: wrap;
        margin-left: -80px;
        margin-left: 0;
        margin-right: -80px;
        margin-right: 0;
        overflow: visible
    }
}

.page--texas-monthly .tm-part-3__phone {
    background-color: #fff;
    border-color: #fff;
    border-radius: 20px;
    border-style: solid;
    border-width: 40px 12px;
    display: block;
    flex-shrink: 0;
    margin: 0 0 30px 30px;
    position: relative;
    transition: all .4s ease;
    width: 44%
}

.page--texas-monthly .tm-part-3__phone img {
    display: block;
    width: 100%
}

.page--texas-monthly .tm-part-3__phone:after {
    bottom: 0;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2);
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-3__phone {
        margin-left: 0;
        width: 22%
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-3__phone:first-child {
        transform: translateY(330px)
    }

    .page--texas-monthly .tm-part-3__phone:nth-child(2) {
        transform: translateY(60px)
    }

    .page--texas-monthly .tm-part-3__phone:nth-child(3) {
        transform: translateY(-210px)
    }

    .page--texas-monthly .tm-part-3__phone:nth-child(4) {
        transform: translateY(-480px)
    }

    .page--texas-monthly .tm-part-3__phone:nth-child(5) {
        transform: translateY(330px)
    }

    .page--texas-monthly .tm-part-3__phone:nth-child(6) {
        transform: translateY(60px)
    }

    .page--texas-monthly .tm-part-3__phone:nth-child(7) {
        transform: translateY(-210px)
    }

    .page--texas-monthly .tm-part-3__phone:nth-child(8) {
        transform: translateY(-480px)
    }
}

.page--texas-monthly .tm-part-3__text {
    color: #ddd
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-3__text {
        width: 65%
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-3__text {
        width: 48%
    }
}

.page--texas-monthly .tm-part-4 {
    background: #000;
    background-size: 200% auto;
    padding: 30px 20px;
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-4 {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:350px) {
    .page--texas-monthly .tm-part-4 {
        padding-bottom: 45px;
        padding-top: 45px
    }
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-4 {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-4 {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--texas-monthly .tm-part-4 img {
    display: block;
    margin-bottom: 60px;
    width: 100%
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-4 {
        background-image: none
    }
}

.page--texas-monthly .tm-part-4__events-edge {
    background: url(/static/dist/82aa20eab9ff37583bda.jpg) no-repeat top;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.page--texas-monthly .tm-part-4__events-edge img {
    display: none
}

.page--texas-monthly .tm-part-4__events-edge:after {
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.page--texas-monthly .tm-part-4__events-landing,
.page--texas-monthly .tm-part-4__events-whiskey {
    margin-bottom: 60px
}

.page--texas-monthly .tm-part-4__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px
}

.page--texas-monthly .tm-part-4__header,
.page--texas-monthly .tm-part-4__text {
    color: #fff
}

.page--texas-monthly .tm-part-4__intro {
    margin-bottom: 60px;
    position: relative;
    z-index: 5
}

.page--texas-monthly .tm-part-4__group-1,
.page--texas-monthly .tm-part-4__group-2 {
    position: relative;
    z-index: 4
}

@media(min-width:768px) {
    .page--texas-monthly .tm-part-4 {
        overflow: hidden
    }

    .page--texas-monthly .tm-part-4__intro {
        margin-left: 63.8%;
        width: 36.2%
    }

    .page--texas-monthly .tm-part-4__events-edge {
        background-image: none;
        width: 61.875%;
        z-index: 1
    }

    .page--texas-monthly .tm-part-4__events-edge img {
        display: block
    }

    .page--texas-monthly .tm-part-4__events-edge:after {
        background: linear-gradient(-90deg, #000 5%, transparent 50%)
    }

    .page--texas-monthly .tm-part-4__events-type-button {
        display: block;
        position: absolute;
        right: 10%;
        top: 250px;
        z-index: 4
    }

    .page--texas-monthly .tm-part-4__events-blueberry {
        margin-left: 63.8%;
        position: relative;
        width: 36.2%;
        z-index: 5
    }

    .page--texas-monthly .tm-part-4__events-blueberry img {
        max-width: none;
        width: calc(100vw - 183% - 40px)
    }

    .page--texas-monthly .tm-part-4__screens {
        position: relative;
        top: -220px;
        z-index: 6
    }

    .page--texas-monthly .tm-part-4__events-napa {
        position: relative;
        width: 61.8%;
        z-index: 1
    }

    .page--texas-monthly .tm-part-4__events-whiskey {
        position: absolute;
        right: 0;
        top: 275px;
        width: 61.8%;
        z-index: 2
    }
}

@media(min-width:1070px) {
    .page--texas-monthly .tm-part-4__intro {
        margin-bottom: 100px
    }

    .page--texas-monthly .tm-part-4__events-landing {
        margin-top: -500px;
        width: calc(49vw - 10px)
    }
}

.theme-the-19th {
    --c-bg-light: #51338d;
    --c-bg: #1c1542;
    --c-border: #51338d;
    --c-pop: #00c6f3;
    --c-text-light: #00c6f3;
    --c-text: #fff;
    --c-hamburger: #00c6f3;
    --c-logo: #fff
}

.page--the-19th {
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
    padding-top: 60px
}

@media(min-width:768px) {
    .page--the-19th {
        padding-top: 130px
    }
}

.page--the-19th .video-player__video {
    border-radius: 0
}

.page--the-19th .topper {
    color: #fff;
    margin-top: 60px;
    padding-bottom: 45px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

@media(min-width:768px) {
    .page--the-19th .topper {
        margin-top: 80px;
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .page--the-19th .topper {
        margin-top: 120px
    }

    .page--the-19th .topper:after {
        bottom: 0;
        height: 100%;
        max-width: 900px;
        position: absolute;
        right: 0;
        width: 43%;
        z-index: -1
    }
}

.page--the-19th .topper__content {
    margin: 0 auto;
    max-width: 1500px;
    position: relative;
    z-index: 2
}

.page--the-19th .topper__intro {
    padding-bottom: 45px;
    position: relative;
    z-index: 2
}

@media(min-width:1070px) {
    .page--the-19th .topper__intro {
        min-height: 600px;
        width: 45%
    }
}

@media(min-width:1200px) {
    .page--the-19th .topper__intro {
        min-height: 700px
    }
}

.page--the-19th .topper__title {
    color: inherit;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .page--the-19th .topper__title {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:768px)and (min-width:600px)and (max-width:1549px) {
    .page--the-19th .topper__title {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:768px)and (min-width:1550px) {
    .page--the-19th .topper__title {
        font-size: 85px
    }
}

.page--the-19th .topper__lede {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    line-height: 1.4;
    margin-bottom: 30px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--the-19th .topper__lede {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--the-19th .topper__lede {
        font-size: 20px
    }
}

.page--the-19th .topper__description {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 35px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--the-19th .topper__description {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--the-19th .topper__description {
        font-size: 20px
    }
}

@media(min-width:1070px) {
    .page--the-19th .topper__description {
        margin-bottom: 50px
    }
}

.page--the-19th .topper__description p:not(:first-child) {
    margin-top: 15px
}

.page--the-19th .topper__hero--wide {
    overflow: hidden
}

@media(min-width:1070px) {
    .page--the-19th .topper__hero--wide {
        display: none
    }
}

@media(max-width:1069px) {
    .page--the-19th .topper__hero--narrow {
        display: none
    }
}

@media(min-width:1070px) {
    .page--the-19th .topper__hero--narrow {
        max-width: 760px;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
    }
}

.page--the-19th .topper__meta a {
    color: #f9135c;
    text-decoration-color: #f9135c;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--the-19th .topper__meta a:focus,
.page--the-19th .topper__meta a:hover {
    color: #00c6f3;
    text-decoration-color: #00c6f3
}

.page--the-19th .topper__meta p {
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 10px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--the-19th .topper__meta p {
        font-size: calc(11px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--the-19th .topper__meta p {
        font-size: 18px
    }
}

.page--the-19th .topper__meta li {
    font-weight: 400;
    margin-bottom: 8px
}

.page--the-19th .topper__meta a,
.page--the-19th .topper__meta span {
    font-weight: 400
}

@media(min-width:768px) {
    .page--the-19th .topper__meta {
        display: flex
    }
}

.page--the-19th .topper__meta-col {
    margin: 30px 0 0
}

@media(min-width:768px) {
    .page--the-19th .topper__meta-col {
        margin: 0 40px 0 0;
        width: 50%
    }
}

.page--the-19th .topper__meta-apps {
    margin-top: 35px
}

.page--the-19th .topper__meta-bar {
    color: hsla(0, 0%, 100%, .5);
    padding: 0 10px
}

.page--the-19th .announcement__body__width {
    margin: 0 auto;
    max-width: 1500px
}

.page--the-19th .announcement__body--the19th {
    background-color: #181238;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.page--the-19th .announcement__body--the19th a {
    color: #f9135c;
    text-decoration-color: #f9135c;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--the-19th .announcement__body--the19th a:focus,
.page--the-19th .announcement__body--the19th a:hover {
    color: #00c6f3;
    text-decoration-color: #00c6f3
}

@media(min-width:768px) {
    .page--the-19th .announcement__body--the19th {
        padding-left: 40px;
        padding-right: 40px
    }
}

.page--the-19th .announcement__body--the19th img {
    display: block
}

.page--the-19th .announcement__body--the19th img.bordered {
    background-color: #fff;
    border-radius: 3px;
    padding: 5px
}

@media(min-width:1070px) {
    .page--the-19th .announcement__body--the19th img.bordered {
        border-radius: 10px;
        padding: 15px
    }
}

.page--the-19th .announcement__body--the19th .announcement__dropcap {
    background-color: #f9135c
}

.page--the-19th .announcement__body--the19th .announcement__txt {
    padding: 0;
    position: relative;
    z-index: 1
}

.page--the-19th .announcement__body--the19th .announcement__txt ol,
.page--the-19th .announcement__body--the19th .announcement__txt p,
.page--the-19th .announcement__body--the19th .announcement__txt ul {
    margin-bottom: 0;
    margin-top: 15px
}

.page--the-19th .announcement__body--the19th .announcement__txt p:first-child {
    margin-top: 0
}

.page--the-19th .announcement__body--the19th .announcement__txt h2 {
    font-weight: 500;
    margin-top: 30px
}

.page--the-19th .announcement__quote {
    border-color: #f9135c
}

@media(min-width:768px) {

    .page--the-19th .the19th-grid img,
    .page--the-19th .the19th-mobiles img {
        opacity: 0;
        transform: scale(1.03);
        transition: opacity 1.25s, transform 1.5s ease-out
    }

    .page--the-19th .the19th-grid.is-in-view img,
    .page--the-19th .the19th-mobiles.is-in-view img {
        opacity: 1;
        transform: scale(1)
    }

    .page--the-19th .the19th-grid img:first-child,
    .page--the-19th .the19th-mobiles img:first-child {
        transition-delay: .15s
    }

    .page--the-19th .the19th-grid img:nth-child(2),
    .page--the-19th .the19th-mobiles img:nth-child(2) {
        transition-delay: .3s
    }

    .page--the-19th .the19th-grid img:nth-child(3),
    .page--the-19th .the19th-mobiles img:nth-child(3) {
        transition-delay: .45s
    }

    .page--the-19th .the19th-grid img:nth-child(4),
    .page--the-19th .the19th-mobiles img:nth-child(4) {
        transition-delay: .6s
    }

    .page--the-19th .the19th-grid img:nth-child(5),
    .page--the-19th .the19th-mobiles img:nth-child(5) {
        transition-delay: .75s
    }

    .page--the-19th .the19th-grid img:nth-child(6),
    .page--the-19th .the19th-mobiles img:nth-child(6) {
        transition-delay: .9s
    }

    .page--the-19th .the19th-grid img:nth-child(7),
    .page--the-19th .the19th-mobiles img:nth-child(7) {
        transition-delay: 1.05s
    }

    .page--the-19th .the19th-grid img:nth-child(8),
    .page--the-19th .the19th-mobiles img:nth-child(8) {
        transition-delay: 1.2s
    }
}

.page--the-19th .the19th-grid {
    margin: 30px auto 15px
}

@media(min-width:0)and (max-width:767px) {
    .page--the-19th .the19th-grid img {
        margin-bottom: 10px
    }

    .page--the-19th .the19th-grid img:nth-child(3),
    .page--the-19th .the19th-grid img:nth-child(4) {
        display: inline-block;
        width: calc(50% - 10px)
    }

    .page--the-19th .the19th-grid img:nth-child(3) {
        margin-right: 10px
    }

    .page--the-19th .the19th-grid img:nth-child(5),
    .page--the-19th .the19th-grid img:nth-child(7) {
        display: none
    }
}

@media(min-width:768px) {
    .page--the-19th .the19th-grid {
        display: grid;
        grid-auto-flow: dense;
        grid-gap: 20px;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(6, 1fr);
        margin: 80px -10vw 30px;
        padding: 0 30px
    }

    .page--the-19th .the19th-grid img:first-child {
        grid-column: 2/span 3;
        grid-row: auto/span 2
    }

    .page--the-19th .the19th-grid img:nth-child(2) {
        grid-column: 5/span 2;
        grid-row: auto/span 1
    }

    .page--the-19th .the19th-grid img:nth-child(3) {
        grid-column: 5/span 3;
        grid-row: auto/span 2
    }

    .page--the-19th .the19th-grid img:nth-child(4) {
        grid-column: 1/span 3;
        grid-row: auto/span 2
    }

    .page--the-19th .the19th-grid img:nth-child(5) {
        grid-column: 4/span 1;
        grid-row: auto/span 1
    }

    .page--the-19th .the19th-grid img:nth-child(6) {
        grid-column: 4/span 3;
        grid-row: auto/span 2
    }

    .page--the-19th .the19th-grid img:nth-child(7) {
        grid-column: 2/span 2;
        grid-row: auto/span 3
    }

    .page--the-19th .the19th-grid img:nth-child(8) {
        grid-column: 4/span 2;
        grid-row: auto/span 1
    }
}

@media(min-width:1200px) {
    .page--the-19th .the19th-grid {
        grid-gap: 30px;
        margin-left: -15vw;
        margin-right: -15vw
    }
}

.page--the-19th .the19th-mobiles {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 80px
}

.page--the-19th .the19th-mobiles img {
    width: calc(33% - 15px)
}

@media(min-width:768px) {
    .page--the-19th .the19th-mobiles {
        padding: 0 30px
    }
}

@media(min-width:1070px) {
    .page--the-19th .the19th-mobiles {
        padding: 0;
        width: 91%
    }
}

.page--the-19th .the19th-pullquote {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding: 45px 20px
}

@media(min-width:768px) {
    .page--the-19th .the19th-pullquote {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media(min-width:1070px) {
    .page--the-19th .the19th-pullquote {
        max-width: 900px
    }
}

@media(min-width:1200px) {
    .page--the-19th .the19th-pullquote {
        padding: 85px 0
    }
}

.page--the-19th .the19th-pullquote__text {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: .5em;
    position: relative
}

@media(min-width:600px)and (max-width:1549px) {
    .page--the-19th .the19th-pullquote__text {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--the-19th .the19th-pullquote__text {
        font-size: 48px
    }
}

.page--the-19th .the19th-pullquote__text:before {
    content: "“";
    display: block;
    padding-right: .1em;
    position: absolute;
    right: 100%;
    top: 0
}

.page--the-19th .the19th-pullquote__credit {
    color: inherit;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    padding-left: 55px;
    position: relative
}

@media(min-width:600px)and (max-width:1399px) {
    .page--the-19th .the19th-pullquote__credit {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--the-19th .the19th-pullquote__credit {
        font-size: 20px
    }
}

.page--the-19th .the19th-pullquote__credit:before {
    background: #fff url(/static/dist/a66812913e1502bf9496.svg) no-repeat 50% 50%;
    background-size: 30px 30px;
    border-radius: 50%;
    content: "";
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.page--the-19th .the19th-pullquote__credit__name {
    font-weight: 500
}

.page--the-19th .the19th-logopond {
    margin: 0 auto;
    padding: 40px 0
}

@media(min-width:768px) {
    .page--the-19th .the19th-logopond {
        padding: 100px 0
    }
}

.page--the-19th .the19th-logopond ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px
}

.page--the-19th .the19th-logopond a {
    display: block;
    padding: 20px
}

@media(min-width:768px) {
    .page--the-19th .the19th-logopond a {
        padding: 30px
    }
}

.page--the-19th .the19th-logopond a,
.page--the-19th .the19th-logopond a:hover {
    box-shadow: none
}

.page--the-19th .the19th-logopond img {
    display: block;
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 90px
}

@media(min-width:768px) {
    .page--the-19th .the19th-logopond img {
        height: 50px;
        width: 180px
    }
}

.the19th-impact-wrapper {
    border-bottom: 1px solid #f9135c;
    border-top: 1px solid #f9135c;
    margin: 40px auto 0;
    max-width: 700px
}

.the19th-impact {
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
    padding: 40px 0
}

@media(min-width:768px) {
    .the19th-impact {
        padding: 60px 0
    }
}

.the19th-impact-stat {
    flex: 1;
    padding: 0 20px
}

.the19th-impact-number {
    color: #f9135c;
    display: block;
    font-family: TT Ramillas, serif;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -.02em;
    line-height: 1.15em;
    margin-bottom: 5px
}

@media(min-width:768px) {
    .the19th-impact-number {
        font-size: 38px;
        line-height: 1.1em
    }
}

@media(min-width:768px)and (min-width:600px)and (max-width:1549px) {
    .the19th-impact-number {
        font-size: calc(22.84211px + 2.52632vw)
    }
}

@media(min-width:768px)and (min-width:1550px) {
    .the19th-impact-number {
        font-size: 62px
    }
}

.the19th-impact-label {
    color: #fff;
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .the19th-impact-label {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .the19th-impact-label {
        font-size: 20px
    }
}

.the19th-impact-desc {
    color: #fff;
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4
}

@media(min-width:600px)and (max-width:1399px) {
    .the19th-impact-desc {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .the19th-impact-desc {
        font-size: 20px
    }
}

.theme-titos-handmade-vodka {
    --c-bg-light: #fff7f0;
    --c-bg: #fff7f0;
    --c-border: #ffdac0;
    --c-pop: #ff8240;
    --c-text-light: #ff8240;
    --c-text: #222021;
    --c-nav-text: #fff;
    --c-nav-text-hover: #ff8240;
    --c-hamburger: #ff8240;
    --c-logo: #fff
}

.page--titos-handmade-vodka {
    line-height: 1.5
}

.page--titos-handmade-vodka .video-player__video {
    border-radius: 0
}

.page--titos-handmade-vodka .announcement__header--titos {
    color: #fff
}

.page--titos-handmade-vodka .announcement__cover--titos {
    background-size: cover;
    color: #fff
}

.page--titos-handmade-vodka .announcement__cover--titos .announcement__kicker {
    background-color: #ff8240;
    border-radius: 50px;
    color: var(--c-text);
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1.4;
    padding: 10px 15px
}

@media(min-width:600px)and (max-width:1399px) {
    .page--titos-handmade-vodka .announcement__cover--titos .announcement__kicker {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--titos-handmade-vodka .announcement__cover--titos .announcement__kicker {
        font-size: 16px
    }
}

.page--titos-handmade-vodka .announcement__cover--titos .announcement__deck {
    color: #fff
}

.page--titos-handmade-vodka .announcement__lede {
    color: #fff;
    font-family: TT Ramillas, serif;
    font-size: 38px;
    font-weight: 100;
    letter-spacing: -.03em;
    line-height: 1.1em;
    max-width: 1080px
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .announcement__lede {
        font-size: 38px;
        line-height: 1.05em
    }
}

@media(min-width:768px)and (min-width:600px)and (max-width:1549px) {
    .page--titos-handmade-vodka .announcement__lede {
        font-size: calc(8.31579px + 4.94737vw)
    }
}

@media(min-width:768px)and (min-width:1550px) {
    .page--titos-handmade-vodka .announcement__lede {
        font-size: 85px
    }
}

.page--titos-handmade-vodka .announcement__body--titos {
    background-color: #fff;
    color: #fff;
    overflow: hidden;
    padding: 0
}

.page--titos-handmade-vodka .announcement__body--titos h2:not(.titos-services__title) {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em;
    margin-bottom: 15px
}

@media(min-width:600px)and (max-width:1549px) {
    .page--titos-handmade-vodka .announcement__body--titos h2:not(.titos-services__title) {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .page--titos-handmade-vodka .announcement__body--titos h2:not(.titos-services__title) {
        font-size: 48px
    }
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .announcement__body--titos h2:not(.titos-services__title) {
        margin-bottom: 30px
    }
}

.page--titos-handmade-vodka .announcement__body--titos .announcement__dropcap {
    background: #ff8240;
    color: #fff;
    display: block;
    float: left;
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1;
    margin: .18em .4em 0 0;
    padding: .65em .78em
}

.page--titos-handmade-vodka .announcement__body--titos .announcement__txt {
    margin-left: auto;
    margin-right: auto;
    padding: 60px 26px;
    position: relative;
    z-index: 2
}

.page--titos-handmade-vodka .announcement__body--titos .announcement__txt a {
    color: #000;
    text-decoration-color: #000;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--titos-handmade-vodka .announcement__body--titos .announcement__txt a:focus,
.page--titos-handmade-vodka .announcement__body--titos .announcement__txt a:hover {
    color: #ff8240;
    text-decoration-color: #ff8240
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .announcement__body--titos .announcement__txt {
        padding-bottom: 100px;
        padding-top: 100px
    }
}

.page--titos-handmade-vodka .announcement__body--titos .announcement__txt p:last-of-type {
    margin-bottom: 0
}

.page--titos-handmade-vodka .announcement__body--titos .announcement__txt.announcement__txt--dark a {
    color: #fff;
    text-decoration-color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
}

.page--titos-handmade-vodka .announcement__body--titos .announcement__txt.announcement__txt--dark a:focus,
.page--titos-handmade-vodka .announcement__body--titos .announcement__txt.announcement__txt--dark a:hover {
    color: #ff8240;
    text-decoration-color: #ff8240
}

.page--titos-handmade-vodka .announcement__body--titos .announcement__txt.announcement__txt--dark h2,
.page--titos-handmade-vodka .announcement__body--titos .announcement__txt.announcement__txt--dark p {
    color: #fff
}

.page--titos-handmade-vodka .titos-intro {
    background-color: #fff;
    color: #000;
    overflow: auto
}

.page--titos-handmade-vodka .titos-recipe {
    background-color: #ff8240;
    padding: 40px 0
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-recipe {
        padding: 100px 0 0
    }
}

.page--titos-handmade-vodka .titos-recipe__figure {
    margin: 0 auto;
    max-width: 1600px;
    width: 90%
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-recipe__figure {
        width: 70%
    }
}

.page--titos-handmade-vodka .titos-bits {
    display: none
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-bits {
        align-items: flex-end;
        display: flex;
        justify-content: center;
        margin-top: -40px;
        padding: 0 0 100px
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-bits {
        padding: 0 0 200px
    }
}

@media(min-width:1500px) {
    .page--titos-handmade-vodka .titos-bits {
        margin-top: -150px
    }
}

@media(min-width:1800px) {
    .page--titos-handmade-vodka .titos-bits {
        margin-top: -250px
    }
}

.page--titos-handmade-vodka .titos-bits__left {
    margin-bottom: 60px;
    max-width: 800px;
    padding: 0 40px;
    width: 40%
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-bits__left {
        padding: 0 60px
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-bits__left {
        padding: 0 100px
    }
}

.page--titos-handmade-vodka .titos-bits__center {
    width: 20%
}

.page--titos-handmade-vodka .titos-bits__center img {
    margin: 0 auto;
    max-width: 160px;
    width: 70%
}

.page--titos-handmade-vodka .titos-bits__right {
    margin-top: -100px;
    max-width: 800px;
    padding: 0 40px;
    width: 40%
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-bits__right {
        padding: 0 60px
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-bits__right {
        padding: 0 100px
    }
}

.page--titos-handmade-vodka .titos-rotator {
    border-top: 1px solid #ffdac0;
    overflow: hidden;
    position: relative
}

.page--titos-handmade-vodka .titos-rotator__cell {
    border-left: 1px solid #ffdac0;
    height: 250px;
    min-width: 130px;
    overflow: hidden;
    width: 8%
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-rotator__cell {
        min-width: 150px
    }
}

.page--titos-handmade-vodka .titos-rotator__link {
    color: #000;
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 250px;
    letter-spacing: normal;
    line-height: 1.3;
    line-height: 1.15em;
    padding: 20px;
    transition: color .2s;
    width: 100%
}

@media(min-width:600px)and (max-width:1399px) {
    .page--titos-handmade-vodka .titos-rotator__link {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--titos-handmade-vodka .titos-rotator__link {
        font-size: 16px
    }
}

@media(min-width:768px) {

    .page--titos-handmade-vodka .titos-rotator__link:focus,
    .page--titos-handmade-vodka .titos-rotator__link:hover {
        color: #ff8240
    }

    .page--titos-handmade-vodka .titos-rotator__link:focus .titos-rotator__img,
    .page--titos-handmade-vodka .titos-rotator__link:hover .titos-rotator__img {
        transform: scale(1.08)
    }
}

.page--titos-handmade-vodka .titos-rotator__img {
    left: -55px;
    position: absolute;
    top: 130px;
    transform: scale(1);
    transform-origin: bottom left;
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    width: 165px
}

.page--titos-handmade-vodka .titos-brand {
    background-color: #fff7f0;
    color: #222021;
    padding: 0 0 100px;
    position: relative
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-brand {
        padding: 0 0 200px
    }
}

.page--titos-handmade-vodka .titos-brand__compare {
    background-color: #fff;
    box-shadow: 10px 10px 50px rgba(0, 0, 0, .1);
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 80%;
    z-index: 2
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-brand__compare {
        display: flex;
        width: 70%;
        width: 90%
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-brand__compare {
        width: 80%
    }
}

.page--titos-handmade-vodka .titos-brand__old {
    border-bottom: 1px solid #ffdac0;
    padding: 60px 40px;
    position: relative
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-brand__old {
        border-bottom: 0;
        border-right: 1px solid #ffdac0;
        width: 50%
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-brand__old {
        padding: 60px
    }
}

@media(min-width:1200px) {
    .page--titos-handmade-vodka .titos-brand__old {
        padding: 80px
    }
}

.page--titos-handmade-vodka .titos-brand__old .titos-brand__label {
    left: 0
}

.page--titos-handmade-vodka .titos-brand__new {
    padding: 60px 40px;
    position: relative
}

@media(min-width:0)and (max-width:767px) {
    .page--titos-handmade-vodka .titos-brand__new .titos-brand__label {
        left: 0
    }
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-brand__new {
        width: 50%
    }

    .page--titos-handmade-vodka .titos-brand__new .titos-brand__label {
        right: 0
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-brand__new {
        padding: 60px
    }
}

@media(min-width:1200px) {
    .page--titos-handmade-vodka .titos-brand__new {
        padding: 80px
    }
}

.page--titos-handmade-vodka .titos-brand__white-bg {
    background-color: #fff;
    bottom: 0;
    height: 60%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1
}

.page--titos-handmade-vodka .titos-brand__label {
    background-color: #ff8240;
    color: #fff;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    padding: 7px 8px 5px;
    position: absolute;
    top: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .page--titos-handmade-vodka .titos-brand__label {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--titos-handmade-vodka .titos-brand__label {
        font-size: 16px
    }
}

.page--titos-handmade-vodka .titos-brand__type {
    margin: 40px 0 0
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-brand__type {
        margin: 80px 0 0
    }
}

.page--titos-handmade-vodka .titos-brand__type-sample {
    width: 60%
}

.page--titos-handmade-vodka .titos-brand__type-sample--suti {
    max-width: 190px
}

.page--titos-handmade-vodka .titos-brand__type-sample--hipster {
    max-width: 130px
}

.page--titos-handmade-vodka .titos-brand__type-source {
    border-top: 1px solid #ffdac0;
    color: #ff8240;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin: 15px 0 0;
    padding: 8px 0 0
}

@media(min-width:600px)and (max-width:1399px) {
    .page--titos-handmade-vodka .titos-brand__type-source {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .page--titos-handmade-vodka .titos-brand__type-source {
        font-size: 16px
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-brand__type-source {
        display: flex;
        justify-content: space-between;
        margin: 30px 0 0
    }
}

.page--titos-handmade-vodka .titos-brand__type-foundry {
    color: #ffdac0;
    display: block
}

.page--titos-handmade-vodka .titos-digital {
    background-color: #000;
    position: relative;
    z-index: 2
}

.page--titos-handmade-vodka .titos-recipe-landing {
    margin: 0 auto;
    position: relative;
    width: 90%;
    z-index: 3
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-recipe-landing {
        width: 75%
    }
}

.page--titos-handmade-vodka .titos-buy {
    position: relative;
    z-index: 4
}

@media(min-width:0)and (max-width:767px) {
    .page--titos-handmade-vodka .titos-buy {
        margin: -20% auto 0 20px;
        width: 61%
    }
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-buy {
        margin: -26% -8% 0 auto;
        width: 46%
    }
}

.page--titos-handmade-vodka .titos-mug {
    position: relative;
    z-index: 2
}

@media(min-width:0)and (max-width:767px) {
    .page--titos-handmade-vodka .titos-mug {
        margin: -24% -14% 0 auto;
        width: 80%
    }
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-mug {
        margin: -15% auto 0 -10%;
        width: 58%
    }
}

.page--titos-handmade-vodka .titos-hearts {
    position: absolute;
    right: 30px;
    top: -45px;
    width: 80px
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-hearts {
        width: 110px
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-hearts {
        left: -220px;
        right: auto;
        top: -45px;
        width: 173px
    }
}

.page--titos-handmade-vodka .titos-gingerbread {
    margin: -22% 0 0 auto;
    position: relative;
    width: 90%;
    z-index: 1
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-gingerbread {
        margin: -22% -6% 0 auto;
        width: 70%
    }
}

.page--titos-handmade-vodka .titos-austin-stamp {
    bottom: 0;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 15%;
    z-index: 1
}

.page--titos-handmade-vodka .titos-teases {
    margin: 0 20px;
    position: relative;
    z-index: 2
}

@media(min-width:0)and (max-width:1069px) {
    .page--titos-handmade-vodka .titos-teases a:last-child {
        display: none
    }
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-teases {
        display: flex;
        flex-wrap: wrap;
        flex-wrap: nowrap;
        margin: 0 60px
    }
}

@media(min-width:1200px) {
    .page--titos-handmade-vodka .titos-teases {
        margin: 0 80px
    }
}

.page--titos-handmade-vodka .titos-tease {
    background-color: #fff;
    box-shadow: 10px 10px 50px rgba(0, 0, 0, .1);
    display: block;
    height: 170px;
    margin: 10px 0;
    position: relative;
    width: 100%
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-tease {
        height: 220px;
        margin: 1.5%;
        margin: 0 5px;
        width: 47%;
        width: 25%
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-tease {
        width: 20%
    }
}

@media(min-width:1200px) {
    .page--titos-handmade-vodka .titos-tease {
        height: 300px;
        margin: 0 20px
    }
}

.page--titos-handmade-vodka .titos-tease:focus .titos-corner-image,
.page--titos-handmade-vodka .titos-tease:hover .titos-corner-image {
    transform: scale(1.08)
}

.page--titos-handmade-vodka .titos-corner-image {
    bottom: 0;
    margin: 0 0 0 auto;
    max-width: 150px;
    position: absolute;
    right: 0;
    transform: scale(1);
    transform-origin: bottom right;
    transition: transform .2s cubic-bezier(.175, .885, .32, 1.275);
    width: 25%
}

@media(min-width:400px) {
    .page--titos-handmade-vodka .titos-corner-image {
        width: 18%
    }
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-corner-image {
        width: 30%;
        width: 60%
    }
}

.page--titos-handmade-vodka .titos-dashed-lines {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.page--titos-handmade-vodka .titos-rooms {
    background-color: #fff7f0;
    color: #222021;
    overflow: hidden;
    padding: 0 0 100px;
    position: relative;
    z-index: 2
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-rooms {
        padding: 0 0 200px
    }
}

.page--titos-handmade-vodka .titos-store {
    background-color: #000;
    position: relative;
    z-index: 2
}

.page--titos-handmade-vodka .titos-store__image {
    margin: 0 auto;
    max-width: 70%
}

.page--titos-handmade-vodka .titos-store-rotator {
    border-top: 1px solid #ffdac0;
    overflow: hidden;
    position: relative
}

.page--titos-handmade-vodka .titos-store-rotator__cell {
    border-left: 1px solid #ffdac0;
    width: 40%
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-store-rotator__cell {
        width: 20%
    }
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-two-up {
        display: flex
    }

    .page--titos-handmade-vodka .titos-two-up__figure {
        width: 50%
    }
}

.page--titos-handmade-vodka .titos-services {
    background-color: #fff7f0;
    color: #222021;
    padding: 80px 20px
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-services {
        padding: 120px 40px
    }
}

.page--titos-handmade-vodka .titos-services__title {
    color: var(--c-text);
    color: #000;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 40px;
    text-align: center
}

@media(min-width:600px)and (max-width:1399px) {
    .page--titos-handmade-vodka .titos-services__title {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .page--titos-handmade-vodka .titos-services__title {
        font-size: 20px
    }
}

.page--titos-handmade-vodka .titos-services__items {
    border-top: 1px solid #ffdac0;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 auto;
    max-width: 1070px;
    overflow: auto;
    padding: 0
}

@media(min-width:400px) {
    .page--titos-handmade-vodka .titos-services__items {
        flex-direction: row;
        flex-wrap: wrap
    }
}

.page--titos-handmade-vodka .titos-services__item {
    border-bottom: 1px solid #ffdac0;
    color: #000;
    counter-increment: step-counter;
    font-size: 18px;
    line-height: 1;
    padding: 15px 1% 15px 14%;
    position: relative
}

@media(min-width:400px) {
    .page--titos-handmade-vodka .titos-services__item {
        padding-right: 12%;
        width: 50%
    }
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-services__item {
        padding: 22px 1% 22px 10%;
        width: 33.3%
    }
}

.page--titos-handmade-vodka .titos-services__item:before {
    background-color: #ff8240;
    border-radius: 50%;
    color: #fff;
    content: counter(step-counter);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    left: 0;
    left: 6px;
    line-height: 26px;
    margin-top: -14px;
    position: absolute;
    text-align: center;
    top: 24px;
    width: 28px
}

@media(min-width:768px) {
    .page--titos-handmade-vodka .titos-services__item:before {
        height: 30px;
        left: 8%;
        line-height: 28px;
        top: 30px;
        width: 30px
    }
}

@media(min-width:1070px) {
    .page--titos-handmade-vodka .titos-services__item:before {
        left: 12%
    }
}

.fui-i {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0;
    padding: 0
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-i {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .fui-i {
        font-size: 20px
    }
}

.fui-i *,
.fui-i :after,
.fui-i :before {
    border: 0 solid var(--c-text);
    box-sizing: border-box
}

.fui-loading {
    color: transparent !important;
    min-height: 1em;
    pointer-events: none;
    position: relative
}

.fui-loading:after {
    animation: loading .5s linear infinite;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: var(--c-text);
    border-left-style: solid;
    border-left-width: 2px;
    border-radius: 9999px;
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    content: "";
    display: block;
    height: 1em;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    position: absolute;
    top: calc(50% - 3px);
    width: 1em;
    z-index: 1
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.fui-alert {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 2em;
    padding: 1em
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-alert {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .fui-alert {
        font-size: 20px
    }
}

.fui-alert-error {
    background-color: var(--c-error);
    border-radius: calc(var(--border-radius)/2);
    color: var(--c-bg);
    overflow: hidden
}

@media(min-width:768px) {
    .fui-alert-error {
        border-radius: var(--border-radius)
    }
}

.fui-alert-error .fui-alert-bottom-form {
    margin-bottom: 0;
    margin-top: 1em
}

.fui-alert-success {
    background-color: var(--c-text);
    color: var(--c-bg)
}

.fui-hidden {
    display: none
}

.fui-sr-only {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.fui-label-left-input .fui-field-container,
.fui-label-right-input .fui-field-container {
    align-items: baseline;
    display: flex
}

.fui-label-left-input .fui-input-container,
.fui-label-right-input .fui-input-container {
    flex: 1
}

.fui-layout-horizontal .fui-layout-wrap,
.fui-row {
    display: flex
}

.fui-row {
    flex-direction: column;
    flex-wrap: wrap
}

@media(min-width:768px) {
    .fui-row {
        flex-direction: row;
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

.fui-field-rows {
    margin-bottom: -1.5rem
}

@media(min-width:768px) {
    .fui-field-rows {
        margin-bottom: -2.5rem
    }
}

.fui-btn-container {
    display: flex;
    justify-content: flex-start
}

.fui-btn-container.fui-btn-right {
    justify-content: flex-end
}

.fui-btn-container.fui-btn-center {
    justify-content: center
}

.fui-btn-container.fui-btn-left-right {
    justify-content: space-between
}

.fui-btn-container .fui-btn[data-conditionally-hidden] {
    display: none
}

.fui-btn-container {
    margin-left: -.5em;
    margin-right: -.5em
}

.fui-btn-container .fui-btn {
    margin-left: .5em;
    margin-right: .5em
}

.fui-submit {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    color: var(--c-bg);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-submit {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .fui-submit {
        font-size: 20px
    }
}

.fui-submit:focus,
.fui-submit:hover {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    color: var(--c-text);
    cursor: pointer
}

.fui-submit:focus {
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.fui-prev,
.fui-submit:focus {
    background-color: var(--c-text)
}

.fui-prev {
    border: 1px solid var(--c-text);
    border-radius: 100px;
    color: var(--c-text);
    color: var(--c-bg);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-right: 5px;
    padding: 9px 15px 10px;
    text-align: center;
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-prev {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .fui-prev {
        font-size: 20px
    }
}

.fui-prev:focus,
.fui-prev:hover {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    color: var(--c-text);
    cursor: pointer
}

.fui-prev:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

.fui-save {
    color: var(--c-text);
    color: var(--c-text-light);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-save {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .fui-save {
        font-size: 16px
    }
}

.fui-save:focus,
.fui-save:hover,
.fui-title {
    color: var(--c-text)
}

.fui-title {
    border-bottom: 1px solid var(--c-border);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em;
    margin-bottom: 20px;
    padding-bottom: 5px
}

@media(min-width:600px)and (max-width:1549px) {
    .fui-title {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .fui-title {
        font-size: 34px
    }
}

@media(min-width:768px) {
    .fui-title {
        margin-bottom: 40px
    }
}

.fui-page:not(.fui-hidden)+.fui-page {
    margin-top: 1.5em
}

.fui-page-title {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em;
    padding-bottom: 1em;
    padding-top: 1em
}

@media(min-width:600px)and (max-width:1549px) {
    .fui-page-title {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .fui-page-title {
        font-size: 34px
    }
}

.fui-tabs {
    border-bottom: 1px solid var(--c-text);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em
}

.fui-tab {
    border: 1px solid transparent;
    color: var(--c-text-light);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    margin-bottom: -1px;
    padding: .5em .8em
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-tab {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .fui-tab {
        font-size: 16px
    }
}

.fui-tab a {
    color: inherit
}

.fui-tab a:focus,
.fui-tab a:hover {
    color: var(--c-text)
}

.fui-tab-active {
    background-color: var(--c-text);
    border-bottom-color: transparent;
    color: var(--c-bg)
}

.fui-tab-active a {
    color: inherit
}

.fui-tab-active a:focus,
.fui-tab-active a:hover {
    color: var(--c-text-light)
}

.fui-progress {
    border: 1px solid var(--c-text);
    border-radius: 10px;
    color: var(--c-bg);
    display: flex;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 1.5em;
    letter-spacing: normal;
    line-height: 1.3;
    overflow: hidden
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-progress {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .fui-progress {
        font-size: 16px
    }
}

.fui-progress-start .fui-progress {
    margin-bottom: 2em
}

.fui-progress-end .fui-progress {
    margin-top: 2em
}

.fui-progress-bar {
    background-color: var(--c-text);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.fui-field {
    flex: 1;
    margin-bottom: 1.5rem
}

.fui-field.fui-type-hidden-field {
    margin-bottom: 0
}

.fui-field[data-conditionally-hidden] {
    display: none
}

@media(min-width:0)and (max-width:767px) {
    .fui-field {
        width: 100%
    }
}

@media(min-width:768px) {
    .fui-field {
        margin-bottom: 2.5rem;
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.fui-label-left-input .fui-input-container {
    margin-left: .5rem
}

.fui-label-right-input .fui-input-container {
    margin-right: .5rem
}

.fui-input-container ::-moz-selection {
    background: var(--c-bg);
    color: var(--c-text);
    text-shadow: none
}

.fui-input-container ::selection {
    background: var(--c-bg);
    color: var(--c-text);
    text-shadow: none
}

.fui-legend {
    display: block;
    margin-bottom: .5em
}

.fui-legend+.fui-instructions {
    margin-top: -.2em
}

.fui-label {
    display: block;
    padding: 0
}

.fui-label-above-input .fui-label,
.fui-subfield-label-above-input .fui-label {
    margin-bottom: .5em
}

.fui-label-below-input .fui-label,
.fui-subfield-label-below-input .fui-label {
    margin-top: .5em
}

.fui-error .fui-label {
    border-color: var(--c-pop)
}

.fui-required {
    color: var(--c-pop)
}

.fui-instructions {
    color: var(--c-text);
    color: var(--c-text-light);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-instructions {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .fui-instructions {
        font-size: 16px
    }
}

.fui-instructions p {
    margin: 0
}

.fui-instructions-above-input .fui-instructions,
.fui-instructions-fieldset-start .fui-instructions {
    margin-bottom: .8em
}

.fui-instructions-below-input .fui-instructions,
.fui-instructions-fieldset-end .fui-instructions {
    margin-top: .5em
}

.fui-label+.fui-instructions {
    margin-top: -.2em
}

.fui-file-summary {
    color: var(--c-text-light);
    display: block
}

.fui-file-summary p,
.fui-file-summary ul {
    margin: 0
}

.fui-file-summary>p {
    margin-bottom: .5em;
    margin-top: .5em
}

.fui-file-summary ul {
    padding-left: 1.75em
}

.fui-file-summary li {
    list-style: disc
}

.fui-fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.formie-recaptcha-placeholder>* {
    margin-top: 1em
}

.fui-errors {
    margin: 0;
    padding: 0
}

.fui-error-message {
    color: var(--c-error);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3;
    margin-top: .5rem
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-error-message {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .fui-error-message {
        font-size: 16px
    }
}

.fui-checkbox,
.fui-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.fui-checkbox:not(:last-child),
.fui-radio:not(:last-child) {
    margin-bottom: 10px
}

.fui-layout-horizontal .fui-layout-wrap>.fui-checkbox,
.fui-layout-horizontal .fui-layout-wrap>.fui-radio {
    margin-right: 1em
}

.fui-checkbox input,
.fui-radio input {
    height: 1px;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden;
    position: absolute
}

.fui-checkbox input:hover+label:before,
.fui-radio input:hover+label:before {
    background-color: var(--c-text);
    border-color: var(--c-text)
}

.fui-checkbox input:focus+label:before,
.fui-radio input:focus+label:before {
    border-color: var(--c-text)
}

.fui-checkbox input:active+label:before,
.fui-radio input:active+label:before {
    background-color: var(--c-pop)
}

.fui-checkbox label,
.fui-radio label {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative
}

.fui-checkbox label:hover,
.fui-radio label:hover {
    cursor: pointer
}

.fui-checkbox label:before,
.fui-radio label:before {
    align-self: flex-start;
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1.4em;
    margin-right: 10px;
    transition: background-color .2s cubic-bezier(.16, 1, .3, 1), border .2s cubic-bezier(.16, 1, .3, 1), box-shadow .2s cubic-bezier(.16, 1, .3, 1);
    width: 1.4em
}

@media(prefers-reduced-motion:reduce) {

    .fui-checkbox label:before,
    .fui-radio label:before {
        transition: none
    }
}

@media(min-width:768px) {

    .fui-checkbox label:before,
    .fui-radio label:before {
        margin-right: 15px
    }
}

.fui-checkbox {
    display: table
}

.fui-checkbox input {
    height: 1.4em;
    opacity: 0;
    position: absolute;
    width: 1.4em
}

.fui-checkbox input:checked+label:before {
    background-color: var(--c-pop)
}

.fui-checkbox input:checked+label:after {
    background: var(--c-bg);
    box-shadow: 2px 0 0 var(--c-bg), 4px 0 0 var(--c-bg), 4px -2px 0 var(--c-bg), 4px -4px 0 var(--c-bg), 4px -6px 0 var(--c-bg), 4px -8px 0 var(--c-bg);
    content: "";
    height: 2px;
    left: calc(.7em - 5px);
    position: absolute;
    top: .65em;
    transform: rotate(45deg);
    width: 2px
}

.fui-checkbox label:before {
    border-radius: var(--border-radius-sm)
}

.fui-radio input:checked+label:before {
    background-color: var(--c-bg)
}

.fui-radio input:checked+label:after {
    background: var(--c-pop);
    border-radius: 100%;
    content: "";
    height: .8em;
    left: .3em;
    position: absolute;
    top: .3em;
    width: .8em
}

.fui-radio label:before {
    border-radius: 100%
}

.fui-type-address .fui-row:not(:last-child) .fui-field {
    margin-bottom: 1em
}

.fui-address-address1 .fui-label,
.fui-address-address2 .fui-label,
.fui-address-address3 .fui-label,
.fui-address-city .fui-label,
.fui-address-country .fui-label,
.fui-address-state .fui-label,
.fui-address-zip .fui-label {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.3
}

@media(min-width:600px)and (max-width:1399px) {

    .fui-address-address1 .fui-label,
    .fui-address-address2 .fui-label,
    .fui-address-address3 .fui-label,
    .fui-address-city .fui-label,
    .fui-address-country .fui-label,
    .fui-address-state .fui-label,
    .fui-address-zip .fui-label {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {

    .fui-address-address1 .fui-label,
    .fui-address-address2 .fui-label,
    .fui-address-address3 .fui-label,
    .fui-address-city .fui-label,
    .fui-address-country .fui-label,
    .fui-address-state .fui-label,
    .fui-address-zip .fui-label {
        font-size: 16px
    }
}

.fui-heading {
    margin-top: 40px
}

@media(min-width:768px) {
    .fui-heading {
        margin-top: 80px
    }
}

.fui-heading-h2 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 28px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.15em
}

@media(min-width:600px)and (max-width:1549px) {
    .fui-heading-h2 {
        font-size: calc(15.36842px + 2.10526vw)
    }
}

@media(min-width:1550px) {
    .fui-heading-h2 {
        font-size: 48px
    }
}

.fui-heading-h3 {
    color: var(--c-text);
    font-family: TT Ramillas, serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: -.015em;
    line-height: 1.2em
}

@media(min-width:600px)and (max-width:1549px) {
    .fui-heading-h3 {
        font-size: calc(17.68421px + 1.05263vw)
    }
}

@media(min-width:1550px) {
    .fui-heading-h3 {
        font-size: 34px
    }
}

.fui-heading-h4 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2em
}

@media(min-width:1200px)and (max-width:1549px) {
    .fui-heading-h4 {
        font-size: calc(-2.57143px + 1.71429vw)
    }
}

@media(min-width:1550px) {
    .fui-heading-h4 {
        font-size: 24px
    }
}

.fui-heading-h5 {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.4em
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-heading-h5 {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {
    .fui-heading-h5 {
        font-size: 20px
    }
}

.fui-heading-h6 {
    border-bottom: 1px solid var(--c-border);
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.3;
    padding-bottom: 5px
}

@media(min-width:600px)and (max-width:1399px) {
    .fui-heading-h6 {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {
    .fui-heading-h6 {
        font-size: 16px
    }
}

.fui-input,
.fui-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    border-radius: var(--border-radius);
    color: var(--c-text);
    display: block;
    font-family: GT America, sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0;
    padding: 15px;
    transition: background-color .2s cubic-bezier(.16, 1, .3, 1), color .2s cubic-bezier(.16, 1, .3, 1);
    width: 100%
}

@media(min-width:600px)and (max-width:1399px) {

    .fui-input,
    .fui-select {
        font-size: calc(13px + .5vw)
    }
}

@media(min-width:1400px) {

    .fui-input,
    .fui-select {
        font-size: 20px
    }
}

@media(prefers-reduced-motion:reduce) {

    .fui-input,
    .fui-select {
        transition: none
    }
}

.fui-input.fui-error,
.fui-select.fui-error {
    border-color: var(--c-error);
    color: var(--c-error)
}

.fui-input.fui-error::-moz-placeholder,
.fui-select.fui-error::-moz-placeholder {
    color: var(--c-error)
}

.fui-input.fui-error::placeholder,
.fui-select.fui-error::placeholder {
    color: var(--c-error)
}

.fui-input::-moz-placeholder,
.fui-select::-moz-placeholder {
    color: var(--c-text-light)
}

.fui-input::placeholder,
.fui-select::placeholder {
    color: var(--c-text-light)
}

.fui-input:-webkit-autofill,
.fui-input:-webkit-autofill:active,
.fui-input:-webkit-autofill:focus,
.fui-input:-webkit-autofill:hover,
.fui-select:-webkit-autofill,
.fui-select:-webkit-autofill:active,
.fui-select:-webkit-autofill:focus,
.fui-select:-webkit-autofill:hover {
    box-shadow: 0 0 0 40px var(--c-bg) inset !important;
    -webkit-text-fill-color: var(--c-text)
}

.fui-input:focus,
.fui-select:focus {
    background-color: var(--c-text);
    border-color: var(--c-text);
    color: var(--c-bg)
}

.fui-input[type=file],
.fui-select[type=file] {
    color: var(--c-text);
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    height: auto;
    letter-spacing: normal;
    line-height: 1.3;
    padding: 10px
}

@media(min-width:600px)and (max-width:1399px) {

    .fui-input[type=file],
    .fui-select[type=file] {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {

    .fui-input[type=file],
    .fui-select[type=file] {
        font-size: 16px
    }
}

.fui-input[type=file]:focus,
.fui-input[type=file]:hover,
.fui-select[type=file]:focus,
.fui-select[type=file]:hover {
    background-color: var(--c-text);
    color: var(--c-bg);
    cursor: pointer
}

.fui-input[type=file]:focus::file-selector-button,
.fui-input[type=file]:hover::file-selector-button,
.fui-select[type=file]:focus::file-selector-button,
.fui-select[type=file]:hover::file-selector-button {
    background: var(--c-bg);
    color: var(--c-text)
}

.fui-input[type=file]::file-selector-button,
.fui-select[type=file]::file-selector-button {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 100px;
    border-radius: var(--border-radius-sm);
    color: var(--c-text);
    color: var(--c-bg);
    display: inline-block;
    font-family: GT America, sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 1;
    margin-right: 10px;
    padding: 8px 12px 9px;
    text-align: center;
    transition: background-color .2s cubic-bezier(.16, 1, .3, 1), color .2s cubic-bezier(.16, 1, .3, 1);
    white-space: nowrap
}

@media(min-width:600px)and (max-width:1399px) {

    .fui-input[type=file]::file-selector-button,
    .fui-select[type=file]::file-selector-button {
        font-size: calc(12.5px + .25vw)
    }
}

@media(min-width:1400px) {

    .fui-input[type=file]::file-selector-button,
    .fui-select[type=file]::file-selector-button {
        font-size: 16px
    }
}

.fui-input[type=file]::file-selector-button:focus,
.fui-input[type=file]::file-selector-button:hover,
.fui-select[type=file]::file-selector-button:focus,
.fui-select[type=file]::file-selector-button:hover {
    background-color: var(--c-bg);
    border: 1px solid var(--c-text);
    color: var(--c-text);
    cursor: pointer
}

.fui-input[type=file]::file-selector-button:focus,
.fui-select[type=file]::file-selector-button:focus {
    background-color: var(--c-text);
    box-shadow: 0 0 0 3px var(--c-text);
    color: var(--c-bg);
    outline: 2px solid var(--c-bg)
}

@media(prefers-reduced-motion:reduce) {

    .fui-input[type=file]::file-selector-button,
    .fui-select[type=file]::file-selector-button {
        transition: none
    }
}

@media(max-width:639px) {

    .fui-input,
    .fui-select {
        font-size: 16px
    }
}

.fui-name-prefix {
    flex: 0 0 auto
}

.iti {
    display: block
}

.iti__country {
    color: #000
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: var(--c-bg) !important;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    overflow: hidden
}

.iti--separate-dial-code .iti__selected-dial-code {
    color: var(--c-text)
}

.iti__flag {
    background-color: var(--c-text) !important;
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags.png)
}

@media(-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2), (min-resolution:192dpi) {
    .iti__flag {
        background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/img/flags@2x.png)
    }
}

.fui-select[multiple],
.fui-select[size] {
    height: auto
}

.fui-select[multiple] option,
.fui-select[size] option {
    padding: .1em .4em
}

.fui-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239fa6b2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m7 7 3-3 3 3m0 6-3 3-3-3'/%3E%3C/svg%3E");
    background-position: right .25em center;
    background-repeat: no-repeat;
    background-size: 1.2em 1.2em;
    padding-right: 2em
}

.fui-select::-ms-expand {
    display: none
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid var(--c-text);
    border-left: 2px solid transparent;
    border-radius: 50%;
    bottom: 0;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

@media(prefers-reduced-motion:reduce) {
    .splide__spinner {
        animation: none
    }
}

.splide__arrow {
    align-items: center;
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    border-radius: 50%;
    color: var(--c-bg);
    display: flex;
    height: 60px;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 1
}

.splide__arrow:focus,
.splide__arrow:hover {
    background-color: var(--c-bg);
    border-color: var(--c-text);
    color: var(--c-text);
    cursor: pointer;
    outline: none
}

.splide__arrows {
    height: 60px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 20px;
    top: calc(50% - 50px)
}

.splide__arrow--prev {
    display: none
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 0
}

@media(min-width:0)and (max-width:767px) {
    .splide__arrow--next {
        display: none
    }
}