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, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

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

body {
    line-height:1
}

ol, ul {
    list-style:none
}

blockquote, q {
    quotes: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
}

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

html {
    box-sizing:border-box
}

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

.row {
    display: block;
    margin-left: -8px;
    margin-left: -.5rem;
    margin-right: -8px;
    margin-right:-.5rem
}

@media screen and (min-width: 768px) {
    .row {
        margin-left: -.75rem;
        margin-right:-.75rem
    }
}

@media screen and (min-width: 1024px) {
    .row {
        margin-left: -.75rem;
        margin-right:-.75rem
    }
}

.row:after {
    clear: both;
    content: "";
    display:table
}

.row.collapse {
    margin-left: 0;
    margin-right:0
}

.flex-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -8px;
    margin-left: -.5rem;
    margin-right: -8px;
    margin-right:-.5rem
}

@media screen and (min-width: 768px) {
    .flex-row {
        margin-left: -.75rem;
        margin-right:-.75rem
    }
}

@media screen and (min-width: 1024px) {
    .flex-row {
        margin-left: -.75rem;
        margin-right:-.75rem
    }
}

.flex-row:after {
    clear: both;
    content: "";
    display:table
}

.flex-row.collapse {
    margin-left: 0;
    margin-right:0
}

.columns {
    display: block;
    float: left;
    padding-left: 8px;
    padding-left: .5rem;
    padding-right: 8px;
    padding-right:.5rem
}

@media screen and (min-width: 768px) {
    .columns {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

.columns.collapse {
    margin-left: -8px;
    margin-left: -.5rem;
    margin-right: -8px;
    margin-right:-.5rem
}

@media screen and (min-width: 768px) {
    .columns.collapse {
        margin-left: -.75rem;
        margin-right:-.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.collapse {
        margin-left: -.75rem;
        margin-right:-.75rem
    }
}

.columns.collapse-right {
    margin-right: -8px;
    margin-right:-.5rem
}

@media screen and (min-width: 768px) {
    .columns.collapse-right {
        margin-right:-.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.collapse-right {
        margin-right:-.75rem
    }
}

.columns.collapse-left {
    margin-left: -8px;
    margin-left:-.5rem
}

@media screen and (min-width: 768px) {
    .columns.collapse-left {
        margin-left:-.75rem
    }
}

@media screen and (min-width: 1024px) {
    .columns.collapse-left {
        margin-left:-.75rem
    }
}

#page-front .project-card, .flex-columns, .module-gallery.masonry .gallery-item {
    padding-left: 8px;
    padding-left: .5rem;
    padding-right: 8px;
    padding-right:.5rem
}

@media screen and (min-width: 768px) {
    #page-front .project-card, .flex-columns, .module-gallery.masonry .gallery-item {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 1024px) {
    #page-front .project-card, .flex-columns, .module-gallery.masonry .gallery-item {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

#page-front .flex-row.collapse .project-card, .flex-row.collapse #page-front .project-card, .flex-row.collapse .flex-columns, .flex-row.collapse .module-gallery.masonry .gallery-item, .module-gallery.masonry .flex-row.collapse .gallery-item, .row.collapse .columns {
    padding-left: 0;
    padding-right:0
}

.small-1 {
    width:16.6666666667%
}

#page-front .small-1.project-card, .module-gallery.masonry .small-1.gallery-item, .small-1.flex-columns {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width:16.6666666667%
}

.small-2 {
    width:33.3333333333%
}

#page-front .small-2.project-card, .module-gallery.masonry .small-2.gallery-item, .small-2.flex-columns {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width:33.3333333333%
}

.small-3 {
    width:50%
}

#page-front .small-3.project-card, .module-gallery.masonry .small-3.gallery-item, .small-3.flex-columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:50%
}

.small-4 {
    width:66.6666666667%
}

#page-front .small-4.project-card, .module-gallery.masonry .small-4.gallery-item, .small-4.flex-columns {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width:66.6666666667%
}

.small-5 {
    width:83.3333333333%
}

#page-front .small-5.project-card, .module-gallery.masonry .small-5.gallery-item, .small-5.flex-columns {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width:83.3333333333%
}

.small-6 {
    width:100%
}

#page-front .small-6.project-card, .module-gallery.masonry .small-6.gallery-item, .small-6.flex-columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

@media screen and (min-width: 768px) {
    .medium-1 {
        width:16.6666666667%
    }

    #page-front .medium-1.project-card, .medium-1.flex-columns, .module-gallery.masonry .medium-1.gallery-item {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-2 {
        width:33.3333333333%
    }

    #page-front .medium-2.project-card, .medium-2.flex-columns, .module-gallery.masonry .medium-2.gallery-item {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-3 {
        width:50%
    }

    #page-front .medium-3.project-card, .medium-3.flex-columns, .module-gallery.masonry .medium-3.gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

@media screen and (min-width: 768px) {
    .medium-4 {
        width:66.6666666667%
    }

    #page-front .medium-4.project-card, .medium-4.flex-columns, .module-gallery.masonry .medium-4.gallery-item {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-5 {
        width:83.3333333333%
    }

    #page-front .medium-5.project-card, .medium-5.flex-columns, .module-gallery.masonry .medium-5.gallery-item {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-6 {
        width:100%
    }

    #page-front .medium-6.project-card, .medium-6.flex-columns, .module-gallery.masonry .medium-6.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-1 {
        width:16.6666666667%
    }

    #page-front .large-1.project-card, .large-1.flex-columns, .module-gallery.masonry .large-1.gallery-item {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-2 {
        width:33.3333333333%
    }

    #page-front .large-2.project-card, .large-2.flex-columns, .module-gallery.masonry .large-2.gallery-item {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-3 {
        width:50%
    }

    #page-front .large-3.project-card, .large-3.flex-columns, .module-gallery.masonry .large-3.gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

@media screen and (min-width: 1024px) {
    .large-4 {
        width:66.6666666667%
    }

    #page-front .large-4.project-card, .large-4.flex-columns, .module-gallery.masonry .large-4.gallery-item {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-5 {
        width:83.3333333333%
    }

    #page-front .large-5.project-card, .large-5.flex-columns, .module-gallery.masonry .large-5.gallery-item {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-6 {
        width:100%
    }

    #page-front .large-6.project-card, .large-6.flex-columns, .module-gallery.masonry .large-6.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

.small-1of1 {
    width:100%
}

#page-front .small-1of1.project-card, .module-gallery.masonry .small-1of1.gallery-item, .small-1of1.flex-columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

.small-1of2 {
    width:50%
}

#page-front .small-1of2.project-card, .module-gallery.masonry .small-1of2.gallery-item, .small-1of2.flex-columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:50%
}

.small-2of2 {
    width:100%
}

#page-front .small-2of2.project-card, .module-gallery.masonry .small-2of2.gallery-item, .small-2of2.flex-columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

.small-1of3 {
    width:33.3333333333%
}

#page-front .small-1of3.project-card, .module-gallery.masonry .small-1of3.gallery-item, .small-1of3.flex-columns {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width:33.3333333333%
}

.small-2of3 {
    width:66.6666666667%
}

#page-front .small-2of3.project-card, .module-gallery.masonry .small-2of3.gallery-item, .small-2of3.flex-columns {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width:66.6666666667%
}

.small-3of3 {
    width:100%
}

#page-front .small-3of3.project-card, .module-gallery.masonry .small-3of3.gallery-item, .small-3of3.flex-columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

.small-1of4 {
    width:25%
}

#page-front .small-1of4.project-card, .module-gallery.masonry .small-1of4.gallery-item, .small-1of4.flex-columns {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width:25%
}

.small-2of4 {
    width:50%
}

#page-front .small-2of4.project-card, .module-gallery.masonry .small-2of4.gallery-item, .small-2of4.flex-columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:50%
}

.small-3of4 {
    width:75%
}

#page-front .small-3of4.project-card, .module-gallery.masonry .small-3of4.gallery-item, .small-3of4.flex-columns {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width:75%
}

.small-4of4 {
    width:100%
}

#page-front .small-4of4.project-card, .module-gallery.masonry .small-4of4.gallery-item, .small-4of4.flex-columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

.small-1of5 {
    width:20%
}

#page-front .small-1of5.project-card, .module-gallery.masonry .small-1of5.gallery-item, .small-1of5.flex-columns {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width:20%
}

.small-2of5 {
    width:40%
}

#page-front .small-2of5.project-card, .module-gallery.masonry .small-2of5.gallery-item, .small-2of5.flex-columns {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width:40%
}

.small-3of5 {
    width:60%
}

#page-front .small-3of5.project-card, .module-gallery.masonry .small-3of5.gallery-item, .small-3of5.flex-columns {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width:60%
}

.small-4of5 {
    width:80%
}

#page-front .small-4of5.project-card, .module-gallery.masonry .small-4of5.gallery-item, .small-4of5.flex-columns {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width:80%
}

.small-5of5 {
    width:100%
}

#page-front .small-5of5.project-card, .module-gallery.masonry .small-5of5.gallery-item, .small-5of5.flex-columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

.small-1of6 {
    width:16.6666666667%
}

#page-front .small-1of6.project-card, .module-gallery.masonry .small-1of6.gallery-item, .small-1of6.flex-columns {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width:16.6666666667%
}

.small-2of6 {
    width:33.3333333333%
}

#page-front .small-2of6.project-card, .module-gallery.masonry .small-2of6.gallery-item, .small-2of6.flex-columns {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width:33.3333333333%
}

.small-3of6 {
    width:50%
}

#page-front .small-3of6.project-card, .module-gallery.masonry .small-3of6.gallery-item, .small-3of6.flex-columns {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:50%
}

.small-4of6 {
    width:66.6666666667%
}

#page-front .small-4of6.project-card, .module-gallery.masonry .small-4of6.gallery-item, .small-4of6.flex-columns {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width:66.6666666667%
}

.small-5of6 {
    width:83.3333333333%
}

#page-front .small-5of6.project-card, .module-gallery.masonry .small-5of6.gallery-item, .small-5of6.flex-columns {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width:83.3333333333%
}

.small-6of6 {
    width:100%
}

#page-front .small-6of6.project-card, .module-gallery.masonry .small-6of6.gallery-item, .small-6of6.flex-columns {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width:100%
}

@media screen and (min-width: 768px) {
    .medium-1of1 {
        width:100%
    }

    #page-front .medium-1of1.project-card, .medium-1of1.flex-columns, .module-gallery.masonry .medium-1of1.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-1of2 {
        width:50%
    }

    #page-front .medium-1of2.project-card, .medium-1of2.flex-columns, .module-gallery.masonry .medium-1of2.gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

@media screen and (min-width: 768px) {
    .medium-2of2 {
        width:100%
    }

    #page-front .medium-2of2.project-card, .medium-2of2.flex-columns, .module-gallery.masonry .medium-2of2.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-1of3 {
        width:33.3333333333%
    }

    #page-front .medium-1of3.project-card, .medium-1of3.flex-columns, .module-gallery.masonry .medium-1of3.gallery-item {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-2of3 {
        width:66.6666666667%
    }

    #page-front .medium-2of3.project-card, .medium-2of3.flex-columns, .module-gallery.masonry .medium-2of3.gallery-item {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-3of3 {
        width:100%
    }

    #page-front .medium-3of3.project-card, .medium-3of3.flex-columns, .module-gallery.masonry .medium-3of3.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-1of4 {
        width:25%
    }

    #page-front .medium-1of4.project-card, .medium-1of4.flex-columns, .module-gallery.masonry .medium-1of4.gallery-item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }
}

@media screen and (min-width: 768px) {
    .medium-2of4 {
        width:50%
    }

    #page-front .medium-2of4.project-card, .medium-2of4.flex-columns, .module-gallery.masonry .medium-2of4.gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

@media screen and (min-width: 768px) {
    .medium-3of4 {
        width:75%
    }

    #page-front .medium-3of4.project-card, .medium-3of4.flex-columns, .module-gallery.masonry .medium-3of4.gallery-item {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width:75%
    }
}

@media screen and (min-width: 768px) {
    .medium-4of4 {
        width:100%
    }

    #page-front .medium-4of4.project-card, .medium-4of4.flex-columns, .module-gallery.masonry .medium-4of4.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-1of5 {
        width:20%
    }

    #page-front .medium-1of5.project-card, .medium-1of5.flex-columns, .module-gallery.masonry .medium-1of5.gallery-item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width:20%
    }
}

@media screen and (min-width: 768px) {
    .medium-2of5 {
        width:40%
    }

    #page-front .medium-2of5.project-card, .medium-2of5.flex-columns, .module-gallery.masonry .medium-2of5.gallery-item {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width:40%
    }
}

@media screen and (min-width: 768px) {
    .medium-3of5 {
        width:60%
    }

    #page-front .medium-3of5.project-card, .medium-3of5.flex-columns, .module-gallery.masonry .medium-3of5.gallery-item {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width:60%
    }
}

@media screen and (min-width: 768px) {
    .medium-4of5 {
        width:80%
    }

    #page-front .medium-4of5.project-card, .medium-4of5.flex-columns, .module-gallery.masonry .medium-4of5.gallery-item {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width:80%
    }
}

@media screen and (min-width: 768px) {
    .medium-5of5 {
        width:100%
    }

    #page-front .medium-5of5.project-card, .medium-5of5.flex-columns, .module-gallery.masonry .medium-5of5.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-1of6 {
        width:16.6666666667%
    }

    #page-front .medium-1of6.project-card, .medium-1of6.flex-columns, .module-gallery.masonry .medium-1of6.gallery-item {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-2of6 {
        width:33.3333333333%
    }

    #page-front .medium-2of6.project-card, .medium-2of6.flex-columns, .module-gallery.masonry .medium-2of6.gallery-item {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-3of6 {
        width:50%
    }

    #page-front .medium-3of6.project-card, .medium-3of6.flex-columns, .module-gallery.masonry .medium-3of6.gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

@media screen and (min-width: 768px) {
    .medium-4of6 {
        width:66.6666666667%
    }

    #page-front .medium-4of6.project-card, .medium-4of6.flex-columns, .module-gallery.masonry .medium-4of6.gallery-item {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-5of6 {
        width:83.3333333333%
    }

    #page-front .medium-5of6.project-card, .medium-5of6.flex-columns, .module-gallery.masonry .medium-5of6.gallery-item {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-6of6 {
        width:100%
    }

    #page-front .medium-6of6.project-card, .medium-6of6.flex-columns, .module-gallery.masonry .medium-6of6.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-1of1 {
        width:100%
    }

    #page-front .large-1of1.project-card, .large-1of1.flex-columns, .module-gallery.masonry .large-1of1.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-1of2 {
        width:50%
    }

    #page-front .large-1of2.project-card, .large-1of2.flex-columns, .module-gallery.masonry .large-1of2.gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

@media screen and (min-width: 1024px) {
    .large-2of2 {
        width:100%
    }

    #page-front .large-2of2.project-card, .large-2of2.flex-columns, .module-gallery.masonry .large-2of2.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-1of3 {
        width:33.3333333333%
    }

    #page-front .large-1of3.project-card, .large-1of3.flex-columns, .module-gallery.masonry .large-1of3.gallery-item {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-2of3 {
        width:66.6666666667%
    }

    #page-front .large-2of3.project-card, .large-2of3.flex-columns, .module-gallery.masonry .large-2of3.gallery-item {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-3of3 {
        width:100%
    }

    #page-front .large-3of3.project-card, .large-3of3.flex-columns, .module-gallery.masonry .large-3of3.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-1of4 {
        width:25%
    }

    #page-front .large-1of4.project-card, .large-1of4.flex-columns, .module-gallery.masonry .large-1of4.gallery-item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width:25%
    }
}

@media screen and (min-width: 1024px) {
    .large-2of4 {
        width:50%
    }

    #page-front .large-2of4.project-card, .large-2of4.flex-columns, .module-gallery.masonry .large-2of4.gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

@media screen and (min-width: 1024px) {
    .large-3of4 {
        width:75%
    }

    #page-front .large-3of4.project-card, .large-3of4.flex-columns, .module-gallery.masonry .large-3of4.gallery-item {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width:75%
    }
}

@media screen and (min-width: 1024px) {
    .large-4of4 {
        width:100%
    }

    #page-front .large-4of4.project-card, .large-4of4.flex-columns, .module-gallery.masonry .large-4of4.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-1of5 {
        width:20%
    }

    #page-front .large-1of5.project-card, .large-1of5.flex-columns, .module-gallery.masonry .large-1of5.gallery-item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width:20%
    }
}

@media screen and (min-width: 1024px) {
    .large-2of5 {
        width:40%
    }

    #page-front .large-2of5.project-card, .large-2of5.flex-columns, .module-gallery.masonry .large-2of5.gallery-item {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width:40%
    }
}

@media screen and (min-width: 1024px) {
    .large-3of5 {
        width:60%
    }

    #page-front .large-3of5.project-card, .large-3of5.flex-columns, .module-gallery.masonry .large-3of5.gallery-item {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width:60%
    }
}

@media screen and (min-width: 1024px) {
    .large-4of5 {
        width:80%
    }

    #page-front .large-4of5.project-card, .large-4of5.flex-columns, .module-gallery.masonry .large-4of5.gallery-item {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width:80%
    }
}

@media screen and (min-width: 1024px) {
    .large-5of5 {
        width:100%
    }

    #page-front .large-5of5.project-card, .large-5of5.flex-columns, .module-gallery.masonry .large-5of5.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-1of6 {
        width:16.6666666667%
    }

    #page-front .large-1of6.project-card, .large-1of6.flex-columns, .module-gallery.masonry .large-1of6.gallery-item {
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width:16.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-2of6 {
        width:33.3333333333%
    }

    #page-front .large-2of6.project-card, .large-2of6.flex-columns, .module-gallery.masonry .large-2of6.gallery-item {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width:33.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-3of6 {
        width:50%
    }

    #page-front .large-3of6.project-card, .large-3of6.flex-columns, .module-gallery.masonry .large-3of6.gallery-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width:50%
    }
}

@media screen and (min-width: 1024px) {
    .large-4of6 {
        width:66.6666666667%
    }

    #page-front .large-4of6.project-card, .large-4of6.flex-columns, .module-gallery.masonry .large-4of6.gallery-item {
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width:66.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-5of6 {
        width:83.3333333333%
    }

    #page-front .large-5of6.project-card, .large-5of6.flex-columns, .module-gallery.masonry .large-5of6.gallery-item {
        -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
        max-width:83.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-6of6 {
        width:100%
    }

    #page-front .large-6of6.project-card, .large-6of6.flex-columns, .module-gallery.masonry .large-6of6.gallery-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width:100%
    }
}

.small-offset-1 {
    margin-left:16.6666666667%
}

.small-offset-2 {
    margin-left:33.3333333333%
}

.small-offset-3 {
    margin-left:50%
}

.small-offset-4 {
    margin-left:66.6666666667%
}

.small-offset-5 {
    margin-left:83.3333333333%
}

.small-offset-6 {
    margin-left:100%
}

@media screen and (min-width: 768px) {
    .medium-offset-1 {
        margin-left:16.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-2 {
        margin-left:33.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-3 {
        margin-left:50%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-4 {
        margin-left:66.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-5 {
        margin-left:83.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-6 {
        margin-left:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-1 {
        margin-left:16.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-2 {
        margin-left:33.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-3 {
        margin-left:50%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-4 {
        margin-left:66.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-5 {
        margin-left:83.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-6 {
        margin-left:100%
    }
}

.small-offset-1of1 {
    margin-left:100%
}

.small-offset-1of2 {
    margin-left:50%
}

.small-offset-2of2 {
    margin-left:100%
}

.small-offset-1of3 {
    margin-left:33.3333333333%
}

.small-offset-2of3 {
    margin-left:66.6666666667%
}

.small-offset-3of3 {
    margin-left:100%
}

.small-offset-1of4 {
    margin-left:25%
}

.small-offset-2of4 {
    margin-left:50%
}

.small-offset-3of4 {
    margin-left:75%
}

.small-offset-4of4 {
    margin-left:100%
}

.small-offset-1of5 {
    margin-left:20%
}

.small-offset-2of5 {
    margin-left:40%
}

.small-offset-3of5 {
    margin-left:60%
}

.small-offset-4of5 {
    margin-left:80%
}

.small-offset-5of5 {
    margin-left:100%
}

.small-offset-1of6 {
    margin-left:16.6666666667%
}

.small-offset-2of6 {
    margin-left:33.3333333333%
}

.small-offset-3of6 {
    margin-left:50%
}

.small-offset-4of6 {
    margin-left:66.6666666667%
}

.small-offset-5of6 {
    margin-left:83.3333333333%
}

.small-offset-6of6 {
    margin-left:100%
}

@media screen and (min-width: 768px) {
    .medium-offset-1of1 {
        margin-left:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-1of2 {
        margin-left:50%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-2of2 {
        margin-left:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-1of3 {
        margin-left:33.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-2of3 {
        margin-left:66.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-3of3 {
        margin-left:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-1of4 {
        margin-left:25%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-2of4 {
        margin-left:50%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-3of4 {
        margin-left:75%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-4of4 {
        margin-left:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-1of5 {
        margin-left:20%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-2of5 {
        margin-left:40%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-3of5 {
        margin-left:60%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-4of5 {
        margin-left:80%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-5of5 {
        margin-left:100%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-1of6 {
        margin-left:16.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-2of6 {
        margin-left:33.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-3of6 {
        margin-left:50%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-4of6 {
        margin-left:66.6666666667%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-5of6 {
        margin-left:83.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .medium-offset-6of6 {
        margin-left:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-1of1 {
        margin-left:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-1of2 {
        margin-left:50%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-2of2 {
        margin-left:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-1of3 {
        margin-left:33.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-2of3 {
        margin-left:66.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-3of3 {
        margin-left:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-1of4 {
        margin-left:25%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-2of4 {
        margin-left:50%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-3of4 {
        margin-left:75%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-4of4 {
        margin-left:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-1of5 {
        margin-left:20%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-2of5 {
        margin-left:40%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-3of5 {
        margin-left:60%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-4of5 {
        margin-left:80%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-5of5 {
        margin-left:100%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-1of6 {
        margin-left:16.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-2of6 {
        margin-left:33.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-3of6 {
        margin-left:50%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-4of6 {
        margin-left:66.6666666667%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-5of6 {
        margin-left:83.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .large-offset-6of6 {
        margin-left:100%
    }
}

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

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

[hidden] {
    display:none !important
}

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

b, strong {
    font-weight:700
}

em, i {
    font-style:italic
}

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

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
}

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

small {
    font-size:80%
}

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

sup {
    top:-.5em
}

sub {
    bottom:-.25em
}

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: 300;
    src: url(/fonts/GT-America-Standard-Light.woff) format("woff"), url(/fonts/GT-America-Standard-Light.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/GT-America-Standard-Light-Italic.woff) format("woff"), url(/fonts/GT-America-Standard-Light-Italic.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/GT-America-Standard-Regular.woff) format("woff"), url(/fonts/GT-America-Standard-Regular.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/GT-America-Standard-Regular-Italic.woff) format("woff"), url(/fonts/GT-America-Standard-Regular-Italic.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/GT-America-Standard-Medium.woff) format("woff"), url(/fonts/GT-America-Standard-Medium.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/GT-America-Standard-Medium-Italic.woff) format("woff"), url(/fonts/GT-America-Standard-Medium-Italic.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/GT-America-Standard-Bold.woff) format("woff"), url(/fonts/GT-America-Standard-Bold.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: GT America;
    font-style: italic;
    font-weight: 700;
    src: url(/fonts/GT-America-Standard-Bold-Italic.woff) format("woff"), url(/fonts/GT-America-Standard-Bold-Italic.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: TT Ramillas;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/TT-Ramillas-Light.woff) format("woff"), url(/fonts/TT-Ramillas-Light.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: TT Ramillas;
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/TT-Ramillas-Light-Italic.woff) format("woff"), url(/fonts/TT-Ramillas-Light-Italic.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: TT Ramillas;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/TT-Ramillas-Regular.woff) format("woff"), url(/fonts/TT-Ramillas-Regular.ttf) format("truetype")
}

@font-face {
    font-display: auto;
    font-family: TT Ramillas;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/TT-Ramillas-Medium.woff) format("woff"), url(/fonts/TT-Ramillas-Medium.ttf) format("truetype")
}

.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
}

body, html {
    margin: 0;
    padding:0
}

html {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
    margin-top:0
}

@media screen and (min-width: 1800px) {
    html {
        font-size:18px
    }
}

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

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

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

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

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

ul {
    list-style-type:none
}

img, svg {
    max-width: 100%;
    height:auto
}

svg {
    display:block
}

strong {
    font-weight:700
}

em {
    font-style:italic
}

a {
    text-decoration:none
}

.bots {
    display:none
}

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

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

.base.min-height-0 {
    min-height: 0;
}

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 screen and (min-width: 600px) and (max-width: 1399px) {
    .skip-to-content:active, .skip-to-content:focus {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .rich-text h1 {
        font-size: 38px;
        line-height:1.1em
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .rich-text h2 {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .rich-text h3 {
        font-size:calc(17.68421px + 1.05263vw)
    }
}

@media screen and (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 screen and (min-width: 1200px) and (max-width: 1549px) {
    .rich-text h4 {
        font-size:calc(-2.57143px + 1.71429vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text h5 {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text h6 {
        font-size:calc(12.5px + .25vw)
    }
}

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ol ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ol ol ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ol ol ol ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ol ol ol ol ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ul ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text ul ul ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .rich-text blockquote {
        font-size:calc(13px + .5vw)
    }
}

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

@media screen and (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 screen and (min-width: 600px) {
    .rich-text pre {
        border-radius:var(--border-radius)
    }
}

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

@media screen and (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-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top:40px
}

@media screen and (min-width: 768px) {
    .article__body {
        padding-bottom: 0px;
        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 screen and (min-width: 600px) and (max-width: 1549px) {
    .article__introduction {
        font-size:calc(17.68421px + 1.05263vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .blog__topper-right {
        border-left: 1px solid var(--c-border);
        flex-shrink: 0;
        padding-left: 30px;
        width:33.3%
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .blog__topper-page-title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

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

@media screen and (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 screen and (min-width: 768px) {
    .blog__article-list {
        margin-bottom:120px
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .brand__header {
        font-size:calc(13px + .5vw)
    }
}

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

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

@media screen and (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 screen and (min-width: 600px) {
    .brand__logos-item {
        width:33.3%
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .brand__colors {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .brand__colors-hex {
        font-size:calc(13px + .5vw)
    }
}

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

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .case-study__recirc {
        margin-top:120px
    }
}

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

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .category__topper-button {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .category__title {
        font-size: 38px;
        line-height:1.1em
    }
}

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

@media screen and (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 screen and (min-width: 768px) {
    .category__body {
        margin-bottom: 80px;
        padding-left: 40px;
        padding-right:40px
    }
}

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

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .error-page__title {
        font-size: 38px;
        line-height:1.1em
    }
}

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

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .error-page__subtitle {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .error-page__description {
        font-size:calc(13px + .5vw)
    }
}

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

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

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

.home__content {
    margin-top:8vh
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .home__col-left {
        padding-left: 40px;
        padding-right:40px
    }
}

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

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

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

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

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

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home__featured-links-title {
        font-size:calc(13px + .5vw)
    }
}

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

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

@media screen and (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 screen and (min-width: 768px) {
    .home__tease-grid {
        margin-left: -10px;
        margin-right:-10px
    }
}

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

@media screen and (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 screen and (min-width: 768px) {
    .home__tease-grid-item {
        padding-left: 10px;
        padding-right:10px
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__button {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__topper-text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .job__rich-text h1 {
        font-size: 38px;
        line-height:1.1em
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .job__rich-text h2 {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .job__rich-text h3 {
        font-size:calc(17.68421px + 1.05263vw)
    }
}

@media screen and (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 screen and (min-width: 1200px) and (max-width: 1549px) {
    .job__rich-text h4 {
        font-size:calc(-2.57143px + 1.71429vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text h5 {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text h6 {
        font-size:calc(12.5px + .25vw)
    }
}

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ol ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ol ol ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ol ol ol ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ol ol ol ol ol ol {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ul ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text ul ul ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .job__rich-text blockquote {
        font-size:calc(13px + .5vw)
    }
}

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

@media screen and (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 screen and (min-width: 600px) {
    .job__rich-text pre {
        border-radius:var(--border-radius)
    }
}

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

@media screen and (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 screen and (min-width: 768px) {
    .page {
        padding-left: 40px;
        padding-right:40px
    }
}

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

@media screen and (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 screen and (min-width: 0) and (max-width: 767px) {
    .page__col-left {
        display:none
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .page__col-right {
        order: 2;
        width:66.6%
    }
}

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

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

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

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .search__title {
        font-size: 38px;
        line-height:1.1em
    }
}

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

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .search__count {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .search__no-results {
        font-size:calc(17.68421px + 1.05263vw)
    }
}

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

.timber {
    margin-bottom:40px
}

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

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

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

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .timber__topper-headline {
        font-size: 38px;
        line-height:1.1em
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .timber__topper-intro {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .timber__topper-button {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .timber__content-blocks {
        padding-left: 40px;
        padding-right: 40px;
        padding-top:120px
    }
}

.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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .article-footer__category {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 768px) {
    .article-list {
        margin-left: -10px;
        margin-right:-10px
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .article-list__item {
        padding-left: 10px;
        padding-right:10px
    }
}

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

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

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

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

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

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

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

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .article-tease__title {
        font-size:calc(13px + .5vw)
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .article-tease__desc {
        font-size:calc(13px + .5vw)
    }
}

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .article-tease__small-info {
        font-size:calc(12.5px + .25vw)
    }
}

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

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .article-tease.featured .article-tease__title {
        font-size: 38px;
        line-height:1.1em
    }
}

@media screen and (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 screen and (min-width: 600px) and (min-width: 1550px) {
    .article-tease.featured .article-tease__title {
        font-size:62px
    }
}

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

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .article-topper__button {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .article-topper__pillar {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .article-topper__title {
        font-size: 38px;
        line-height:1.1em
    }
}

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

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .article-topper__figcaption {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .aside__text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .aside__header {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .aside__button {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .byline__text {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .byline__bio {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .cs-topper__text {
        font-size:calc(13px + .5vw)
    }
}

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

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

@media screen and (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 screen and (min-width: 600px) {
    .cs-topper__title {
        font-size: 38px;
        line-height:1.05em
    }
}

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .cs-topper__description {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 */
}

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

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .cs-topper__col-header {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .department-jobs__header {
        padding-left: 10px;
        padding-right:10px
    }
}

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

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

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .department-jobs__job-title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .department-jobs__job-desc {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .department-jobs__button {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .footer__cols-top {
        margin-left: -10px;
        margin-right:-10px
    }
}

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

@media screen and (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 screen and (min-width: 768px) {
    .footer__cols {
        margin-left: -10px;
        margin-right:-10px
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .footer__left {
        padding-left: 10px;
        padding-right:10px
    }
}

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

@media screen and (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 screen and (min-width: 768px) {
    .footer__right {
        padding-left: 10px;
        padding-right:10px
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .footer__headline {
        font-size: 38px;
        line-height:1.1em
    }
}

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

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

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

.footer__description {
    max-width:400px
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .footer__description-text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .footer__bottom-cols {
        font-size:calc(12.5px + .25vw)
    }
}

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

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .contact__wrap {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .contact__label-text {
        font-size:calc(13px + .5vw)
    }
}

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

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .contact__checkbox + label {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .contact__input {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .contact__textarea {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .contact__button {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 1070px) {
    .contact__button {
        margin-top:40px
    }
}

.home-about__cols {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 8vh;
    margin-top:40px
}

.home-about__cols.margin-bottom-0 {
    margin-bottom: 0;
}


@media screen and (min-width: 768px) {
    .home-about__cols {
        margin-bottom:16vh
    }

    .home-about__cols.margin-bottom-0 {
        margin-bottom:0
    }

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

@media screen and (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 screen and (min-width: 768px) {
    .home-about__cols-left {
        padding-left: 40px;
        padding-right:40px
    }
}

@media screen and (min-width: 600px) {
    .home-about__cols-left {
        gap:40px
    }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
    .home-about__cols-left {
        flex-direction:row
    }
}

@media screen and (min-width: 768px) {
    .home-about__cols-left {
        width:50%
    }
}

@media screen and (min-width: 1070px) {
    .home-about__cols-left {
        width:33.3%
    }
}

.home-about__cols-right {
    padding-left: 20px;
    padding-right:20px
}

@media screen and (min-width: 768px) {
    .home-about__cols-right {
        padding-left: 40px;
        padding-right: 40px;
        width:50%
    }
}

@media screen and (min-width: 1070px) {
    .home-about__cols-right {
        width:66.6%
    }
}

.home-about__video {
    padding-left: 20px;
    padding-right:20px
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-about__list {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-about__clients-header {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (min-width: 1400px) {
    .home-about__clients-header {
        font-size:20px
    }
}

.home-about__clients {
    margin-top:10px
}

@media screen and (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 screen and (min-width: 600px) {
    .home-about__clients-title {
        font-size: 38px;
        line-height:1.1em
    }
}

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

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-about__clients-quote {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (min-width: 1400px) {
    .home-about__clients-quote {
        font-size:20px
    }
}

.home-about__clients-quote:before {
    content: "“";
    left: -.3em;
    position: absolute;
    top:0
}

@media screen and (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 screen and (min-width: 600px) {
    .home-about__clients-headshot {
        border-radius:var(--border-radius-sm)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-about__clients-cite-text {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-about__clients-cite-subtitle {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-links__trigger {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-links__number {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .home-links__tooltip {
        border-radius:var(--border-radius)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-quote__text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (min-width: 1400px) {
    .home-quote__text {
        font-size:20px
    }
}

.home-quote__text:before {
    content: "“";
    left: -.3em;
    position: absolute;
    top:0
}

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .home-quote__headshot {
        border-radius:var(--border-radius-sm)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-quote__cite-text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .home-quote__cite-subtitle {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (min-width: 1400px) {
    .home-quote__cite-subtitle {
        font-size:20px
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) {
    .home-topper__title {
        font-size: 38px;
        line-height:1.05em
    }
}

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

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

@media screen and (min-width: 0) and (max-width: 399px) {
    .home-topper__title {
        font-size:30px
    }
}

@media screen and (min-width: 400px) and (max-width: 599px) {
    .home-topper__title {
        font-size:34px
    }
}

@media screen and (min-width: 600px) {
    .home-topper__title {
        width:90%
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .jobs-footer__header {
        padding-left: 10px;
        padding-right:10px
    }
}

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

@media screen and (min-width: 1550px) {
    .jobs-footer__header {
        font-size:48px
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .jobs-footer__desc {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .menu__inner {
        padding:30px 20px 40px
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .menu__nav-cols {
        flex-direction: row;
        justify-content:space-between
    }
}

.menu__nav-list {
    max-width: 1000px;
    width:100%
}

@media screen and (min-width: 400px) {
    .menu__nav-list {
        align-items: flex-end;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap:40px
    }
}

@media screen and (min-width: 768px) {
    .menu__nav-list {
        width:50%
    }

    .menu__tease {
        flex-shrink: 0;
        width:50%
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .menu__link {
        font-size: 38px;
        line-height:1.1em
    }
}

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

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .menu__link--secondary {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (min-width: 1400px) {
    .menu__link--secondary {
        font-size:20px
    }
}

.menu__social-links {
    border-top: 1px solid var(--c-border);
    margin-top:20px
}

@media screen and (min-width: 768px) {
    .menu__social-links {
        margin-top:40px
    }
}

.menu__badge {
    margin-bottom:20px
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .nav__links {
        font-size:calc(13px + .5vw)
    }
}

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

@media screen and (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 screen and (min-width: 600px) {
    .page-topper__title {
        font-size: 38px;
        line-height:1.1em
    }
}

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

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

@media screen and (min-width: 600px) {
    .page-topper__title {
        margin-bottom: 30px;
        max-width:1100px
    }
}

@media screen and (min-width: 1200px) {
    .page-topper__title {
        width:95%
    }
}

.page-topper__subtitle {
    border-top: 1px solid var(--c-border);
    margin-bottom: 8vh;
    padding-top:20px
}

.page-topper__subtitle.margin-bottom-0 {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .page-topper__subtitle {
        margin-bottom:16vh
    }

    .page-topper__subtitle.margin-bottom-0 {
        margin-bottom:0
    }

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .page-topper__subtitle-text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 1070px) {
    .page-topper__subnav {
        margin-bottom:80px
    }
}

.page-topper__subnav:last-child {
    margin-bottom:8vh
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .pagination__button {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .pagination__current-page {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (min-width: 1400px) {
    .pagination__current-page {
        font-size:16px
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .recirc__header {
        font-size:calc(13px + .5vw)
    }
}

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

.recirc__tease-grid {
    margin-bottom:80px
}

@media screen and (min-width: 600px) {
    .recirc__tease-grid {
        margin-bottom:100px
    }
}

.related-articles__inner {
    background-color: #1f1f1f;
    padding:40px 20px
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .related-articles__header {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .related-articles__grid {
        margin-left: -10px;
        margin-right:-10px
    }
}

@media screen and (min-width: 600px) {
    .related-articles__grid {
        display: flex;
        margin-left: -5px;
        margin-right: -5px;
        row-gap:40px
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .related-articles__tease {
        padding-left: 10px;
        padding-right:10px
    }
}

@media screen and (min-width: 600px) {
    .related-articles__tease {
        width:50%
    }
}

@media screen and (min-width: 1200px) {
    .related-articles__tease {
        width:25%
    }
}

.social-links {
    display: flex;
    margin-left: -1.5px;
    margin-right: -1.5px;
    margin-top:20px
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .subnav__link {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .subnav__link[aria-current=page] {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .tease-grid {
        margin-left: -3vw;
        margin-right:-3vw
    }
}

@media screen and (min-width: 600px) {
    .tease-grid {
        display: flex;
        margin-left: -1.5vw;
        margin-right: -1.5vw;
        row-gap:80px
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .tease-grid__tease {
        padding-left: 3vw;
        padding-right:3vw
    }
}

.fluid .tease-grid__tease {
    width:100%
}

@media screen and (min-width: 600px) {
    .fluid .tease-grid__tease {
        width:50%
    }
}

@media screen and (min-width: 1070px) {
    .fluid .tease-grid__tease {
        flex: 1;
        width:auto
    }
}

.extra-small .tease-grid__tease {
    width:100%
}

@media screen and (min-width: 600px) {
    .extra-small .tease-grid__tease {
        width:25%
    }
}

@media screen and (min-width: 1200px) {
    .extra-small .tease-grid__tease {
        width:16.6666666667%
    }
}

.small .tease-grid__tease {
    width:100%
}

@media screen and (min-width: 600px) {
    .small .tease-grid__tease {
        width:50%
    }
}

@media screen and (min-width: 1200px) {
    .small .tease-grid__tease {
        width:25%
    }
}

.medium .tease-grid__tease {
    width:100%
}

@media screen and (min-width: 600px) {
    .medium .tease-grid__tease {
        width:50%
    }
}

@media screen and (min-width: 1070px) {
    .medium .tease-grid__tease {
        width:33.3%
    }
}

.large .tease-grid__tease {
    width:100%
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .tease__title {
        font-size:calc(13px + .5vw)
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .tease__title-description {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .tease--big .tease__link.no-image .tease__title-header {
        font-size: 38px;
        line-height:1.1em
    }
}

@media screen and (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 screen and (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 screen and (min-width: 768px) {
    .tease__link.no-image {
        padding:30px 30px 100px
    }
}

.text-tease__link {
    display:block
}

.text-tease__text {
    width:95%
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .large .text-tease__title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .small .text-tease__title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .text-tease__date {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .text-tease__description {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .tooltip__text {
        font-size:calc(11px + .5vw)
    }
}

@media screen and (min-width: 1400px) {
    .tooltip__text {
        font-size:18px
    }
}

@media screen and (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 screen and (min-width: 1070px) and (min-width: 600px) and (max-width: 1399px) {
    .tooltip__text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (min-width: 1070px) and (min-width: 1400px) {
    .tooltip__text {
        font-size:20px
    }
}

.tooltip__spot-illustration {
    margin-bottom: 20px;
    max-width:70px
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .video-player__caption {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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.alignmast {
    margin-left: auto;
    margin-right: auto;
    max-width:1800px
}

.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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-accordion__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-accordion__toggle {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (prefers-reduced-motion: reduce) {
    .block-accordion__toggle[aria-expanded=true] ~ .block-accordion__text {
        transition:none
    }
}

@media screen and (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 screen and (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 screen and (prefers-reduced-motion: reduce) {
    .block-accordion__toggle-icon {
        transition:none
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-award__info {
        font-size:calc(11px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-award__category {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-buttons__button:first-child .block-buttons__link {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (min-width: 1400px) {
    .block-buttons__button:first-child .block-buttons__link {
        font-size:20px
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-buttons__button:not(:first-child) .block-buttons__link {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (min-width: 1400px) {
    .block-buttons__button:not(:first-child) .block-buttons__link {
        font-size:20px
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-code__title {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .block-code__content {
        border-radius:var(--border-radius)
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-columns__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-columns__columns {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 767px) and (min-width: 768px) {
    .block-columns__columns {
        margin-left: -10px;
        margin-right:-10px
    }
}

@media screen and (min-width: 1070px) {
    .block-columns__columns {
        -moz-column-gap: 60px;
        column-gap: 60px;
        display: flex;
        margin-left: -5px;
        margin-right:-5px
    }
}

@media screen and (min-width: 1070px) and (min-width: 768px) {
    .block-columns__columns {
        margin-left: -10px;
        margin-right:-10px
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 767px) and (min-width: 768px) {
    .block-columns__column {
        padding-left: 10px;
        padding-right:10px
    }
}

@media screen and (min-width: 1070px) {
    .block-columns__column {
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 1;
        flex: 1;
        padding-left: 5px;
        padding-right:5px
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-cta__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-cta__link {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-heading__tag--style-xl {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (min-width: 1550px) {
    .block-heading__tag--style-xl {
        font-size:48px
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-heading__tag--style-lg {
        font-size:calc(17.68421px + 1.05263vw)
    }
}

@media screen and (min-width: 1550px) {
    .block-heading__tag--style-lg {
        font-size:34px
    }
}

h3.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-top: 0px;
    margin-bottom: 20px;
    padding-top:60px
}

@media screen and (min-width: 1200px) and (max-width: 1549px) {
    h3.block-heading__tag--style-md {
        font-size:calc(-2.57143px + 1.71429vw)
    }
}

@media screen and (min-width: 1550px) {
    h3.block-heading__tag--style-md {
        font-size:24px
    }
}

.block-heading+.content-block {
    margin-top: 0;
}

.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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-heading__tag--style-sm {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-heading__tag--style-xs {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-image-gallery__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (min-width: 1550px) {
    .block-image-gallery__title {
        font-size:48px
    }
}

.block-image-gallery__img {
    border-radius: calc(var(--border-radius) /2);
    overflow:hidden
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-image-gallery__caption {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .block-image-gallery--symmetrical .block-image-gallery__assets.center {
        margin-left: -5px;
        margin-right:-5px
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .block-image-gallery--asym-vertical .block-image-gallery__item {
        padding-left: 0;
        padding-right:0
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .block-image-gallery--asym-vertical .block-image-gallery__item {
        width:calc(50% - 5px)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-image__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (min-width: 1550px) {
    .block-image__title {
        font-size:48px
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-image__figcaption {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-link-list--condensed .block-link-list__title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-link-list--expanded .block-link-list__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-link-list--expanded .block-link-list__link-title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 0) and (max-width: 599px) {
    .block-link-list--expanded .block-link-list__link-image {
        margin-top:20px
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-link-list--grid .block-link-list__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 768px) {
    .block-link-list--grid .block-link-list__list-item {
        padding-left: 10px;
        padding-right:10px
    }
}

@media screen and (min-width: 600px) {
    .block-link-list--grid .block-link-list__list-item {
        width:50%
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-link-list--grid .block-link-list__link-title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-logo-pond__title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 0) and (max-width: 767px) {
    .block-logo-pond__figure.vertical {
        max-width:60px
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .block-logo-pond--grid .block-logo-pond__list-item {
        flex-basis:33.3%
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) {
    .block-logo-pond--carousel .block-logo-pond__list-item {
        padding:20px
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-people__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (min-width: 1550px) {
    .block-people__title {
        font-size:48px
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-people__name {
        font-size:calc(11px + .5vw)
    }
}

@media screen and (min-width: 1400px) {
    .block-people__name {
        font-size:18px
    }
}

@media screen and (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 screen and (min-width: 600px) and (min-width: 600px) and (max-width: 1399px) {
    .block-people__name {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-people__dept {
        font-size:calc(11px + .5vw)
    }
}

@media screen and (min-width: 1400px) {
    .block-people__dept {
        font-size:18px
    }
}

@media screen and (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 screen and (min-width: 600px) and (min-width: 600px) and (max-width: 1399px) {
    .block-people__dept {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (min-width: 600px) and (min-width: 1400px) {
    .block-people__dept {
        font-size:20px
    }
}

.block-people__slider {
    margin-right:-20px
}

@media screen and (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 screen and (min-width: 768px) {
    .block-people__grid.grid {
        margin-left: -10px;
        margin-right:-10px
    }
}

@media screen and (min-width: 600px) {
    .block-people__grid.grid {
        row-gap:8vh
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .grid .block-people__grid-person {
        padding-left: 10px;
        padding-right:10px
    }
}

@media screen and (min-width: 600px) {
    .grid .block-people__grid-person {
        width:50%
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-people__bio {
        font-size:calc(11px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-quote__text {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (min-width: 1550px) {
    .block-quote__text {
        font-size:48px
    }
}

.block-quote__text:before {
    content: "“";
    left: -.3em;
    position: absolute;
    top:0
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .aligntext .block-quote__text {
        font-size:calc(17.68421px + 1.05263vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-quote__cite-text {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .aligntext .block-quote__cite-text {
        font-size:calc(11px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-quote__cite-subtitle {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .aligntext .block-quote__cite-subtitle {
        font-size:calc(11px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-statistics__title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) {
    .block-statistics.sm .block-statistics__figure {
        font-size: 38px;
        line-height:1.1em
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-statistics.sm .block-statistics__label {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .block-statistics.lg .block-statistics__figure, .block-statistics.md .block-statistics__figure {
        font-size: 38px;
        line-height:1.1em
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-table__table-wrapper thead {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-table__table-wrapper tbody td {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-table__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-table__figcaption {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (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 screen and (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 screen and (min-width: 768px) {
    .block-teases__grid.center {
        margin-left: -3vw;
        margin-right:-3vw
    }
}

@media screen and (min-width: 600px) {
    .block-teases__grid {
        row-gap:8vh
    }
}

@media screen and (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 screen and (min-width: 768px) {
    .block-teases .tease {
        padding-left: 3vw;
        padding-right:3vw
    }
}

@media screen and (min-width: 600px) {
    .block-teases .tease {
        width:50%
    }
}

@media screen and (min-width: 1070px) {
    .block-teases .tease {
        width:33.3%
    }
}

.has-sidebar .block-teases .tease {
    width:100%
}

@media screen and (min-width: 600px) {
    .block-teases .tease--big, .has-sidebar .block-teases .tease {
        width:50%
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1549px) {
    .block-teases__title {
        font-size:calc(15.36842px + 2.10526vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .block-text.with-dropcap > p:first-of-type:first-letter {
        border-radius:var(--border-radius)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-video__title {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .block-video__caption {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 1070px) {
    .announcement__cover {
        padding-top:90px
    }
}

@media screen and (min-width: 768px) {
    .announcement__cover {
        background-position: 100%;
        background-size: cover;
        padding-top:130px
    }
}

.announcement__cover-inner {
    padding:80px 20px
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__kicker {
        font-size:calc(12.5px + .25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .announcement__lede {
        font-size: 38px;
        line-height:1.05em
    }
}

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

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__deck {
        font-size:calc(13px + .5vw)
    }
}

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

.announcement__body {
    overflow-x: hidden;
    padding:45px 0
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__txt {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__txt ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__txt ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__txt ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__txt ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__txt ul ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__txt ul ul ul ul ul ul {
        font-size:calc(13px + .5vw)
    }
}

@media screen and (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 screen and (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 screen and (min-width: 600px) and (max-width: 1399px) {
    .announcement__quote-text {
        font-size:calc(10.5px + 1.25vw)
    }
}

@media screen and (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 screen and (min-width: 600px) {
    .announcement__quote-photo {
        height: 60px;
        width:60px
    }
}

.announcement__award {
    margin-bottom: 30px;
    margin-top:30px
}

@media screen and (min-width: 1070px) {
    .announcement__award {
        margin-bottom: 48px;
        margin-top:48px
    }
}

/* Studio Mast Styles */

#page {
    position: relative;
    min-height:100%
}

@media screen and (max-width: 767px) {
    #page {
        padding-top:3.25rem
    }
}

.page-content {
    width: 100%;
    position:relative
}

.divider, .grid-45rpm .grid-row:not(.full-bleed) .row-inner, .grid-row.full-bleed .module-divider, .wrapper {
    max-width: 1800px;
    padding-left: 16px;
    padding-left: 1rem;
    padding-right: 16px;
    padding-right:1rem
}

@media screen and (min-width: 768px) and(max-width: 1023px) {
    .divider, .grid-45rpm .grid-row:not(.full-bleed) .row-inner, .grid-row.full-bleed .module-divider, .wrapper {
        padding-left: 2.0625rem;
        padding-right:2.0625rem
    }
}

@media screen and (min-width: 1024px) {
    .divider, .grid-45rpm .grid-row:not(.full-bleed) .row-inner, .grid-row.full-bleed .module-divider, .wrapper {
        padding-left: 4.125rem;
        padding-right:4.125rem
    }
}

@media screen and (min-width: 1350px) {
    .divider, .grid-45rpm .grid-row:not(.full-bleed) .row-inner, .grid-row.full-bleed .module-divider, .wrapper {
        width: 95%;
        margin-left: auto;
        margin-right:auto
    }
}

.grid-45rpm .grid-row:not(.full-bleed) .row-contain.row-inner, .grid-row.full-bleed .row-contain.module-divider, .row-contain.divider, .wrapper.row-contain {
    padding-left: 4px;
    padding-left: .25rem;
    padding-right: 4px;
    padding-right:.25rem
}

@media screen and (min-width: 768px) and(max-width: 1023px) {
    .grid-45rpm .grid-row:not(.full-bleed) .row-contain.row-inner, .grid-row.full-bleed .row-contain.module-divider, .row-contain.divider, .wrapper.row-contain {
        padding-left: 1.3125rem;
        padding-right:1.3125rem
    }
}

@media screen and (min-width: 1024px) {
    .grid-45rpm .grid-row:not(.full-bleed) .row-contain.row-inner, .grid-row.full-bleed .row-contain.module-divider, .row-contain.divider, .wrapper.row-contain {
        padding-left: 3.375rem;
        padding-right: 0;
        margin-right:-.75rem
    }
}

.grid-45rpm .grid-row:not(.full-bleed) .no-pad.row-inner, .grid-row.full-bleed .no-pad.module-divider, .no-pad.divider, .wrapper.no-pad {
    padding-left: 0;
    padding-right:0
}

.page-header {
    padding-top: 66px;
    padding-top: 4.125rem;
    padding-bottom: 33px;
    padding-bottom:2.0625rem
}

@media screen and (min-width: 768px) {
    .page-header {
        padding-top: 10rem;
        padding-bottom:8rem
    }
}

.page-header .title {
    margin-bottom: 12.8px;
    margin-bottom:.8rem
}

.page-header .tagline {
    color: #333;
    max-width:400px
}

.divider:after {
    content: " ";
    display: block;
    width: 100%;
    border-top:1px solid #eee
}

.grid-45rpm .column-modules {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height:100%
}

.grid-45rpm .flow-rtl .flex-row {
    -ms-flex-direction: row-reverse;
    flex-direction:row-reverse
}

.grid-45rpm .vflow-center .column-modules {
    -ms-flex-pack: center;
    justify-content:center
}

.grid-45rpm .vflow-bottom .column-modules {
    -ms-flex-pack: end;
    justify-content:flex-end
}

.grid-45rpm .vflow-bottom .valign-top {
    margin-bottom:auto
}

.grid-45rpm .valign-center {
    margin-top: auto;
    margin-bottom:auto
}

.grid-45rpm .valign-bottom {
    margin-top:auto
}

.grid-45rpm .mt-1 {
    margin-top: 16.5px;
    margin-top:1.03125rem
}

.grid-45rpm .mt-2 {
    margin-top: 33px;
    margin-top:2.0625rem
}

.grid-45rpm .mt-3 {
    margin-top: 49.5px;
    margin-top:3.09375rem
}

.grid-45rpm .mt-4 {
    margin-top: 66px;
    margin-top:4.125rem
}

.grid-45rpm .h-auto {
    height:auto
}

.grid-45rpm .h-50vh {
    height:calc(50vh-3.25rem)
}

@media screen and (min-width: 768px) and(max-width: 1023px) {
    .grid-45rpm .h-50vh {
        height:calc(50vh-5.3125rem)
    }
}

@media screen and (min-width: 1024px) {
    .grid-45rpm .h-50vh {
        height:calc(50vh-4.5rem)
    }
}

.grid-45rpm .h-100vh {
    height:calc(100vh-3.25rem)
}

@media screen and (min-width: 768px) and(max-width: 1023px) {
    .grid-45rpm .h-100vh {
        height:calc(100vh-5.3125rem)
    }
}

@media screen and (min-width: 1024px) {
    .grid-45rpm .h-100vh {
        height:calc(100vh-4.5rem)
    }
}

.grid-45rpm .h-150vh {
    height:calc(150vh-3.25rem)
}

@media screen and (min-width: 768px) and(max-width: 1023px) {
    .grid-45rpm .h-150vh {
        height:calc(150vh-5.3125rem)
    }
}

@media screen and (min-width: 1024px) {
    .grid-45rpm .h-150vh {
        height:calc(150vh-4.5rem)
    }
}

.grid-45rpm .h-200vh {
    height:calc(200vh-3.25rem)
}

@media screen and (min-width: 768px) and(max-width: 1023px) {
    .grid-45rpm .h-200vh {
        height:calc(200vh-5.3125rem)
    }
}

@media screen and (min-width: 1024px) {
    .grid-45rpm .h-200vh {
        height:calc(200vh-4.5rem)d
    }
}

.grid-45rpm .grid-row:first-of-type {
    margin-top:0
}

.grid-45rpm .grid-row.full-bleed .row-inner .flex-row {
    margin-left: 0;
    margin-right:0
}

#page-front .grid-45rpm .grid-row.full-bleed .row-inner .project-card:first-of-type, .grid-45rpm .grid-row.full-bleed .row-inner #page-front .project-card:first-of-type, .grid-45rpm .grid-row.full-bleed .row-inner .flex-columns:first-of-type, .grid-45rpm .grid-row.full-bleed .row-inner .module-gallery.masonry .gallery-item:first-of-type, .module-gallery.masonry .grid-45rpm .grid-row.full-bleed .row-inner .gallery-item:first-of-type {
    padding-left:0
}

#page-front .grid-45rpm .grid-row.full-bleed .row-inner .project-card:last-of-type, .grid-45rpm .grid-row.full-bleed .row-inner #page-front .project-card:last-of-type, .grid-45rpm .grid-row.full-bleed .row-inner .flex-columns:last-of-type, .grid-45rpm .grid-row.full-bleed .row-inner .module-gallery.masonry .gallery-item:last-of-type, .module-gallery.masonry .grid-45rpm .grid-row.full-bleed .row-inner .gallery-item:last-of-type {
    padding-right:0
}

.grid-45rpm .bg-dotted {
    background:url(/assets/dots-grey.png) repeat
}

.grid-45rpm .grid-row:first-of-type.bg-dotted {
    margin-top: -49.5px;
    margin-top:-3.09375rem
}

.grid-45rpm .pt-1 {
    padding-top: 16.5px;
    padding-top:1.03125rem
}

.grid-45rpm .pb-1 {
    padding-bottom: 16.5px;
    padding-bottom:1.03125rem
}

.grid-45rpm .pt-2 {
    padding-top: 33px;
    padding-top:2.0625rem
}

.grid-45rpm .pb-2 {
    padding-bottom: 33px;
    padding-bottom:2.0625rem
}

.grid-45rpm .pb-2 .gutter-collapse-all, .grid-45rpm .pb-2 .gutter-collapse-top-bottom {
    margin-bottom: -33px;
    margin-bottom:-2.0625rem
}

.grid-45rpm .pt-3 {
    padding-top: 49.5px;
    padding-top:3.09375rem
}

.grid-45rpm .pb-3 {
    padding-bottom: 49.5px;
    padding-bottom:3.09375rem
}

.grid-45rpm .pt-4 {
    padding-top: 66px;
    padding-top:4.125rem
}

.grid-45rpm .pb-4 {
    padding-bottom: 66px;
    padding-bottom:4.125rem
}

.grid-45rpm .lb-1 + * {
    padding-top: 16.5px;
    padding-top:1.03125rem
}

.grid-45rpm .lb-2 + * {
    padding-top: 33px;
    padding-top:2.0625rem
}

.grid-45rpm .lb-3 + *, .grid-45rpm .lb-4 + * {
    padding-top: 49.5px;
    padding-top:3.09375rem
}

.grid-45rpm .ltr .clear {
    margin-right:auto
}

.grid-45rpm .rtl .clear {
    margin-left:auto
}

.grid-45rpm .grid-column.gutter-collapse-all {
    padding-left: 0;
    padding-right:0
}

.grid-45rpm .grid-column.gutter-collapse-all.wrapper-collapse-right {
    margin-right: -66px;
    margin-right:-4.125rem
}

@media screen and (max-width: 767px) {
    .grid-45rpm .grid-column:not(:first-of-type).small-6 {
        margin-top:2.0625rem
    }
}

.lazy-img {
    display: block;
    opacity: 1;
}

p.richtext {
    font-family: GT America, sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 16.5px;
    line-height: 1.03125rem;
    -webkit-font-smoothing: antialiased;
    max-width: 40em;
}

p.richtext:first-of-type {
    margin-top: 0!important;
}

.bg-dotted {
    background:url(/assets/dots-grey.png) repeat top
}

.top-padding {
    padding-top: 16.5px;
    padding-top:1.03125rem
}

.top-padding.x2, .top-padding.x3 {
    padding-top: 33px;
    padding-top:2.0625rem
}

@media screen and (min-width: 768px) {
    .top-padding.x3 {
        padding-top:3.09375rem
    }
}

.top-padding.x4 {
    padding-top: 33px;
    padding-top:2.0625rem
}

@media screen and (min-width: 768px) {
    .top-padding.x4 {
        padding-top:4.125rem
    }
}

.bottom-padding {
    padding-bottom: 16.5px;
    padding-bottom:1.03125rem
}

.bottom-padding.x2, .bottom-padding.x3 {
    padding-bottom: 33px;
    padding-bottom:2.0625rem
}

@media screen and (min-width: 768px) {
    .bottom-padding.x3 {
        padding-bottom:3.09375rem
    }
}

.bottom-padding.x4 {
    padding-bottom: 33px;
    padding-bottom:2.0625rem
}

@media screen and (min-width: 768px) {
    .bottom-padding.x4 {
        padding-bottom:4.125rem
    }
}

.paddings {
    padding-top: 16.5px;
    padding-top: 1.03125rem;
    padding-bottom: 16.5px;
    padding-bottom:1.03125rem
}

.paddings.x2, .paddings.x3 {
    padding-top: 33px;
    padding-top: 2.0625rem;
    padding-bottom: 33px;
    padding-bottom:2.0625rem
}

@media screen and (min-width: 768px) {
    .paddings.x3 {
        padding-top: 3.09375rem;
        padding-bottom:3.09375rem
    }
}

.paddings.x4 {
    padding-top: 33px;
    padding-top: 2.0625rem;
    padding-bottom: 33px;
    padding-bottom:2.0625rem
}

@media screen and (min-width: 768px) {
    .paddings.x4 {
        padding-top: 4.125rem;
        padding-bottom:4.125rem
    }
}

.context-title .context-contents {
    min-height: 49px;
    min-height: 3.0625rem;
}

.inline-numeral {
    position: relative;
    top: -.5em;
    font-size: .75em;
    font-weight: 500;
    color: #666;
}

h1 .inline-numeral {
    font-size: 13px;
    font-size: .8125rem;
    top: -1.75em;
    margin-left: -.5em;
    letter-spacing: normal!important;
}

#single-post .next-post-trigger, #single-project .next-project-trigger, .h3, h3 {
    font-family: GT America, sans-serif;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.125rem;
    line-height: 24.75px;
    line-height: 1.546875rem;
    -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 768px) {
    #single-post .next-post-trigger, #single-project .next-project-trigger, .h3, h3 {
        font-size: 1.1875rem;
    }
}

#single-project .next-project-trigger .next-project-name, #single-project .next-project-trigger:not(:hover) {
    color: #000;
}

.hover-underline-after:after, .hover-underline-span .underline:before, .hover-underline:before, .richtext-wrap a:before, .underline-black, a.text-link-back:not(.underline-span)[class *=text-link]:after, a.underline-span[class *=text-link] .underline:before, a:not(.text-link-back):not(.underline-span)[class *=text-link]:before {
    background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#000, #000);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-position: 0 98%, 100% 98%, 0 98%;
    /* text-shadow:.03em 0 #fff, -.03em 0 #fff, 0 .03em #fff, 0 -.03em #fff, .06em 0 #fff, -.06em 0 #fff, .09em 0 #fff, -.09em 0 #fff, .12em 0 #fff, -.12em 0 #fff, .15em 0 #fff, -.15em 0 #fff */
}

@media screen and (min-width: 1024px) {
    .hover-underline, .richtext-wrap a, a[class *=text-link]:not(.underline-span):not(.text-link-back) {
        /* text-shadow: .03em 0 #fff, -.03em 0 #fff, 0 .03em #fff, 0 -.03em #fff, .06em 0 #fff, -.06em 0 #fff, .09em 0 #fff, -.09em 0 #fff, .12em 0 #fff, -.12em 0 #fff, .15em 0 #fff, -.15em 0 #fff; */
        position:relative
    }
}

.hover-underline:before, .richtext-wrap a:before, a:not(.text-link-back):not(.underline-span)[class *=text-link]:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: right;
    transform-origin: right;
    bottom: -1px;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    z-index:-1
}

@media screen and (min-width: 1024px) {
    .hover-underline:before, .richtext-wrap a:before, a:not(.text-link-back):not(.underline-span)[class *=text-link]:before {
        content: ""
    }
}

@media screen and (min-width: 1024px) {
    .hover-underline:hover:before, .richtext-wrap a:hover:before, a:not(.text-link-back):not(.underline-span)[class *=text-link]:hover:before {
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -ms-transform-origin: left;
        transform-origin: left;
        transition:transform .4s cubic-bezier(.165, .84, .44, 1)
    }
}

@media screen and (min-width: 1024px) {
    .hover-underline-span .underline, a.underline-span[class *=text-link] .underline {
        /* text-shadow: .03em 0 #fff, -.03em 0 #fff, 0 .03em #fff, 0 -.03em #fff, .06em 0 #fff, -.06em 0 #fff, .09em 0 #fff, -.09em 0 #fff, .12em 0 #fff, -.12em 0 #fff, .15em 0 #fff, -.15em 0 #fff; */
        position:relative
    }
}

@media screen and (min-width: 1024px) {
    .hover-underline, .richtext-wrap a, a[class*=text-link]:not(.underline-span):not(.text-link-back) {
        /* text-shadow: .03em 0 #fff, -.03em 0 #fff, 0 .03em #fff, 0 -.03em #fff, .06em 0 #fff, -.06em 0 #fff, .09em 0 #fff, -.09em 0 #fff, .12em 0 #fff, -.12em 0 #fff, .15em 0 #fff, -.15em 0 #fff; */
        position: relative;
    }
}

.hover-underline-span .underline:before, a.underline-span[class *=text-link] .underline:before {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: -1px;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: right;
    transform-origin: right;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    z-index:-1
}

@media screen and (min-width: 1024px) {
    .hover-underline-span .underline:before, a.underline-span[class *=text-link] .underline:before {
        content: ""
    }
}

@media screen and (min-width: 1024px) {
    .hover-underline-span:hover .underline:before, a.underline-span:hover[class *=text-link] .underline:before {
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -ms-transform-origin: left;
        transform-origin: left;
        transition:transform .4s cubic-bezier(.165, .84, .44, 1)
    }
}

@media screen and (min-width: 1024px) {
    .hover-underline-after, a.text-link-back[class *=text-link]:not(.underline-span) {
        text-shadow: .03em 0 #fff, -.03em 0 #fff, 0 .03em #fff, 0 -.03em #fff, .06em 0 #fff, -.06em 0 #fff, .09em 0 #fff, -.09em 0 #fff, .12em 0 #fff, -.12em 0 #fff, .15em 0 #fff, -.15em 0 #fff;
        position:relative
    }
}

.hover-underline-after:after, a.text-link-back:not(.underline-span)[class *=text-link]:after {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: -1px;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: left;
    transform-origin: left;
    transition: transform .5s cubic-bezier(.165, .84, .44, 1);
    z-index:-1
}

@media screen and (min-width: 1024px) {
    .hover-underline-after:after, a.text-link-back:not(.underline-span)[class *=text-link]:after {
        content: ""
    }
}

@media screen and (min-width: 1024px) {
    .hover-underline-after:hover:after, a.text-link-back:not(.underline-span)[class *=text-link]:hover:after {
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -ms-transform-origin: right;
        transform-origin: right;
        transition:all .4s cubic-bezier(.165, .84, .44, 1)
    }
}

[class *=text-link] {
    color: #000;
    font-weight: 500;
    line-height: inherit;
    transition: color .5s cubic-bezier(.215, .61, .355, 1);
    display:inline-block
}

.next-project-trigger .next-project-name, .next-project-trigger:not(:hover) {
    color:#333
}

@media screen and (min-width: 768px) {
    .next-project-trigger .next-project-name {
        opacity: 0;
        transition:all .5s cubic-bezier(.165, .84, .44, 1)
    }
}

@media screen and (min-width: 768px) {
    .next-project-trigger:hover .next-project-name {
        opacity: 1;
        transition:all .4s cubic-bezier(.165, .84, .44, 1)
    }
}

@media screen and (min-width: 768px) {
    .no-medium-up {
        display:none !important
    }
}

@media screen and (min-width: 768px) and(max-width: 1023px) {
    .no-medium-only {
        display:none !important
    }
}

@media screen and (min-width: 1024px) {
    .project-card-inner {
        opacity:1
    }
}

.dark-grey, .dark-grey a {
    color: #333;
}

.black, .dark-black a:hover {
    color: #000;
}

.top-margin {
    margin-top: 16.5px;
    margin-top: 1.03125rem;
}

.card-meta .h4, .card-meta h4 {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 16.5px;
    line-height: 1.03125rem;
    color: #000;
    -webkit-font-smoothing: antialiased;
}

.card-meta .h5, .card-meta .h6, .card-meta h5, .card-meta h6 {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 16.5px;
    line-height: 1.03125rem;
    -webkit-font-smoothing: antialiased;
}

#archive-projects #after-projects > .project-card, #archive-projects #all-projects > .project-card {
    display: block;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 8px;
    padding-left: .5rem;
    padding-right: 8px;
    padding-right:.5rem
}

@media screen and (min-width: 768px) {
    #archive-projects #after-projects > .project-card, #archive-projects #all-projects > .project-card {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 1024px) {
    #archive-projects #after-projects > .project-card, #archive-projects #all-projects > .project-card {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 768px) {
    #archive-projects #after-projects > .project-card, #archive-projects #all-projects > .project-card {
        display: block;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        padding-left: .5rem;
        padding-right:.5rem
    }
}

@media screen and (min-width: 768px) and(min-width: 768px) {
    #archive-projects #after-projects > .project-card, #archive-projects #all-projects > .project-card {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 768px) and(min-width: 1024px) {
    #archive-projects #after-projects > .project-card, #archive-projects #all-projects > .project-card {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

#archive-projects #after-projects > .project-card.priority-2, #archive-projects #all-projects > .project-card.priority-2 {
    display: block;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 8px;
    padding-left: .5rem;
    padding-right: 8px;
    padding-right:.5rem
}

@media screen and (min-width: 768px) {
    #archive-projects #after-projects > .project-card.priority-2, #archive-projects #all-projects > .project-card.priority-2 {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 1024px) {
    #archive-projects #after-projects > .project-card.priority-2, #archive-projects #all-projects > .project-card.priority-2 {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 768px) {
    #archive-projects #after-projects > .project-card.priority-2, #archive-projects #all-projects > .project-card.priority-2 {
        display: block;
        -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        padding-left: .5rem;
        padding-right:.5rem
    }
}

@media screen and (min-width: 768px) and(min-width: 768px) {
    #archive-projects #after-projects > .project-card.priority-2, #archive-projects #all-projects > .project-card.priority-2 {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 768px) and(min-width: 1024px) {
    #archive-projects #after-projects > .project-card.priority-2, #archive-projects #all-projects > .project-card.priority-2 {
        padding-left: .75rem;
        padding-right:.75rem
    }
}
  
#archive-projects .project-card-wrap {
    display: block;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 8px;
    padding-left: .5rem;
    padding-right: 8px;
    padding-right:.5rem
}

@media screen and (min-width: 768px) {
    #archive-projects .project-card-wrap {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 1024px) {
    #archive-projects .project-card-wrap {
        padding-left: .75rem;
        padding-right:.75rem
    }
}

@media screen and (min-width: 768px) {
    #archive-projects .project-card-wrap {
        display: block;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        padding-left: .5rem;
        padding-right:.5rem
    }
}

@media screen and (min-width: 768px) {
    #archive-projects .project-card-wrap[data-placeholder=top] {
        display: -ms-flexbox;
        display:flex
    }
}

#archive-projects .project-card-wrap[data-placeholder=top] .project-card {
    width:100%
}

@media screen and (min-width: 768px) {
    #archive-projects .project-card-wrap[data-placeholder=top] .project-card {
        margin-top:auto
    }
}

.project-card {
    display: block;
    margin-bottom: 24px;
    margin-bottom:1.5rem
}

.project-card .project-info-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 33px;
    padding:2.0625rem
}

.project-card .project-info {
    background: #fff;
    width: 100%;
    height: 0;
    opacity:0
}

.project-card:hover .project-info {
    opacity:1;
    transition:all .5s cubic-bezier(.77, 0, .175, 1)
}

.project-card .info-inner {
    padding: 16.5px;
    padding: 1.03125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height:100%
}

.project-card .projcet-info .project-title {
    opacity: 0;
    transition:all .5s cubic-bezier(.77, 0, .175, 1), opacity .5s cubic-bezier(.77, 0, .175, 1)
}

.project-card .bg-color {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    transition:opacity .5s cubic-bezier(.77, 0, .175, 1)
}

.project-card .bg-img, .project-card .placeholder-bg {
    transition:all .5s cubic-bezier(.77, 0, .175, 1)
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media screen and (min-width: 768px) {
    .project-card:hover .project-services, .project-card:hover .project-title {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
        transition: all .4s cubic-bezier(.77, 0, .175, 10) .2s;
        animation-name: fadeInOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: .75s;
    }

    .project-card:hover .bg-img {
        transition:all .4s cubic-bezier(.77, 0, .175, 1)
    }

    .project-card:hover .bg-color {
        opacity: .85;
        transition:opacity .4s cubic-bezier(.77, 0, .175, 1)
    }
}

@media screen and (min-width: 768px) {
    .project-card:active .project-info {
        -ms-transform: scale(.98);
        transform:scale(.98)
    }
}

.project-card.priority-2 .bg-img, .project-card.priority-2 .bg-panel, .project-card.priority-2 .lazy, .project-card.priority-2 .project-card-inner {
    height:100%
}

.project-card.priority-1 .project-info {
    width: 100%
}

.project-card.priority-2 .project-info {
    width:calc(50% - 1.5rem)
}

.project-card:hover.priority-1 .project-info {
    height:100%
}

.project-card:hover.priority-2 .project-info {
    height:calc(48% - 3.09375rem);
    height:calc(52% - 3.09375rem)
}

@media screen and (max-width: 767px) {
    .project-card.placeholder {
        display:none !important
    }
}

@media screen and (min-width: 768px) {
    .project-card.placeholder {
        display:block
    }
}

@media screen and (min-width: 1024px) {
    .post-type-archive-project .project-card-inner, .tax-sector .project-card-inner, .tax-service .project-card-inner {
        opacity:0
    }
}

.project-card  .h4 {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 16.5px;
    line-height: 1.03125rem;
    color: #000;
    -webkit-font-smoothing: antialiased;
}

.project-card .h5 {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 16.5px;
    line-height: 1.03125rem;
    -webkit-font-smoothing: antialiased;
}

.has-absolute {
    position: relative
}

.lazy {
    background: #f3f3f3;
    overflow: hidden;
    position: relative;
}

.lazy .bg-img {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: 1;
    transition: opacity .4s cubic-bezier(.165, .84, .44, 1);
}

/* Themes */

.theme-dark {
    background: #000;
    border-color: hsla(0, 0%, 100%, .2);
    color: #fff;
}

.theme-parallel {
    --c-bg: #f5bf0a;
    --c-border: #fff;
    --c-pop: #fff;
    --c-text: #fff;
    --c-hamburger: #fff;
    --c-logo:#fff
}

.theme-parallel .next-project-trigger .next-project-name, .theme-parallel .next-project-trigger:not(:hover), .theme-parallel .next-project-trigger:hover {
    color: #fff
}

.theme-parallel .hover-underline-after:after, .theme-parallel .hover-underline-span .underline:before, .theme-parallel .hover-underline:before, .theme-parallel .richtext-wrap a:before, .theme-parallel .underline-black, .theme-parallel a.text-link-back:not(.underline-span)[class *=text-link]:after, .theme-parallel a.underline-span[class *=text-link] .underline:before, .theme-parallel a:not(.text-link-back):not(.underline-span)[class *=text-link]:before {
    background: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-position: 0 98%, 100% 98%, 0 98%;
}

.video-1 {
    padding-bottom: 100px;
    position: relative;
    z-index:0
}

.video-2 img {
    display:none
}

@media screen and (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
    }
}

@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
}

.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 screen and (min-width: 0) and (max-width: 767px) {
    .splide__arrow--next {
        display: none
    }
}