*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important
}

html {
    scroll-behavior: smooth
}

#coverId {
    display: block
}

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

:root {
    --padding: 1.5rem;
    --color-black: #000;
    --color-white: #fff;
    --color-gray-100: #f7f7f7;
    --color-gray-200: #efefef;
    --color-gray-300: #ddd;
    --color-gray-400: #ccc;
    --color-gray-500: #999;
    --color-gray-600: #777;
    --color-gray-700: #555;
    --color-gray-800: #333;
    --color-gray-900: #111;
    --color-code-red: #ff0000;
    --color-text: var(--color-white);
    --font-family-sans: nimbus-sans, sans-serif;
    --font-family-condensed: nimbus-sans-condensed,"Helvetica Neue", Helvetica, Arial, sans-serif; 
    --font-family-extended: nimbus-sans-extended, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-family-serif: bookmania, "Big Caslon", "Book Antiqua", serif;
    --font-style: normal;
    --font-weight-light: 300;
    --font-weight: 400;
    --font-weight-md: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --date-display: var(--font-family-sans);
    --letter-spacing: -.04em;
    --background-dark: #000;
    --text-dark: #000;
    --border-color-dark: #000;
    --border: 2px solid var(--color-white);
    --bg-opacity-dark: rgba(0, 0, 0, .8);
    --background-light: #fff;
    --text-light: #fff;
    --border-color-light: #fff;
    --bg-opacity-light: rgba(255, 255, 255, .8)
}

html {
    box-sizing: border-box;
    font-family: var(--font-family-sans);
    color: var(--color-black);
    font-size: 19px;
    background: var(--background-light);
    font-weight: var(--font-weight-light);
    -webkit-text-size-adjust: 100%
}

body::-webkit-scrollbar {
    display: none
}

body {
    transition: .4s ease-out;
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
    overscroll-behavior: none;
    background: var(--background-light)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: var(--letter-spacing);
    font-weight: var(--font-weight-light);
    margin: 0;
    padding: 0
}

h1 {
    line-height: 1.05;
    font-size: 28px;
    margin-bottom: 40px;
    letter-spacing: -.5px
}

@media screen and (min-width:480px) {
    h1 {
        font-size: calc(28px + 42 * (100vw - 480px)/ 760)
    }
}


    @media only screen and (min-width:77.5em) {
        h1 {
            letter-spacing: -8px;
            margin-bottom: 100px
        }
    }



    h2 {
        line-height: 1.1;
        font-size: 43.98px;
        margin-bottom: 15px;
        font-weight: 400;
        letter-spacing: -1px
    }

    @media screen and (min-width:480px) {
        h2 {
            font-size: calc(43.98px + 16.02 * (100vw - 480px)/ 760)
        }
    }

    @media screen and (min-width:1240px) {
        h2 {
            font-size: 60px
        }
    }

    h3 {
        line-height: 1.2;
        font-size: 48px;
        margin-bottom: 0
    }

    @media screen and (min-width:480px) {
        h3 {
            font-size: calc(37.485px + 7.515 * (100vw - 480px)/ 760)
        }
    }

    @media screen and (min-width:1240px) {
        h3 {
            font-size: 45px
        }
    }

    h4 {
        font-size: 36px;
        line-height: 1.5
    }

    h5 {
        color: inherit;
        font-size: 30px;
        line-height: 1.5
    }

    h6 {
        color: inherit;
        font-size: 13px;
        line-height: 1.5
    }

    p {
        font-weight: inherit;
        font-size: 24px;
        line-height: 30px
    }

    #fader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999999;
        pointer-events: none;
        background: #000;
        animation-duration: 1.5s;
        animation-timing-function: ease-in-out
    }

    @keyframes fade-out {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes fade-in {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    #fader.fade-out {
        opacity: 0;
        animation-name: fade-out
    }

    #fader.fade-in {
        opacity: 1;
        animation-name: fade-in
    }

    .uniform__potty {
        position: absolute;
        left: -9999px
    }

    .white {
        color: #fff
    }

    .black {
        color: #000
    }

    img {
        width: 100%;
        height: 100%;
        max-height: 90vh;
        object-fit: cover
    }

    img {
        border: 0;
        vertical-align: middle
    }

    .img {
        position: relative;
        display: block;
        --w: 1;
        --h: 1;
        padding-bottom: calc(100% / var(--w) * var(--h));
        background: var(--color-black)
    }

    .img img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 0
    }

    .img[data-contain] img {
        object-fit: contain
    }

    .hash::after {
        content: "/"
    }

    .hash:last-child::after {
        content: " "
    }

    .c90_btn {
        display: block;
        padding: 10px 20px;
        border: 2px solid #000;
        border-radius: 25vw;
        background-color: var(--background-light);
        font-size: 1rem;
        transition: 1.2s;
        transform: scale(1);
        cursor: pointer
    }

    .c90_btn:hover {
        transform: scale(.9)
    }

    .c90_btn img {
        height: 1rem;
        width: auto
    }

    .btn {
        padding: 1em 3em;
        border: 2px solid;
        border-radius: 50vw
    }

    .feature-article-excerpt {
        display: flex;
        width: 100vw;
        height: calc(100vh + 20px);
        top: -2px;
        margin: 0 auto;
        align-content: center;
        align-items: center;
        justify-content: center;
        overflow: auto
    }

    .feature-note {
        display: flex;
        width: 100vw;
        height: 100vh;
        margin: 0 auto;
        align-content: center;
        align-items: flex-start;
        justify-content: center;
        overflow: hidden
    }

    .n_section {
        background: 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: calc(100vh + 20px);
        overflow: hidden
    }

    .ni-container {
        display: flex;
        flex-flow: row;
        align-content: flex-end;
        padding: 1rem 0;
        min-height: 35vh
    }

    .post-date {
        text-align: right;
        width: 100%;
        color: #fff
    }

    .link-url {
        text-align: right;
        opacity: 1;
        -webkit-transition: opacity 1s ease-in;
        -moz-transition: opacity 1s ease-in;
        -o-transition: opacity 1s ease-in;
        transition: opacity 1s ease-in
    }

    .link-url a:hover {
        opacity: .5;
        -webkit-transition: opacity 1s ease-in;
        -moz-transition: opacity 1s ease-in;
        -o-transition: opacity 1s ease-in;
        transition: opacity 1s ease-in
    }

    .news-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-content: center
    }

    .news-item div {
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        justify-content: left;
        flex-wrap: wrap;
        text-align: left
    }

    .news-item h1 {
        font-family: var(--font-family-sans);
        font-size: 13vw;
        font-weight: 600;
        font-style: italic;
        text-transform: uppercase;
        text-align: center;
        line-height: 12vw;
        width: 100%;
        letter-spacing: -.1rem;
        padding: 0 1rem
    }

    .news-item div h2 {
        font-size: 10vw;
        line-height: 10vw
    }

    .news-item div h3 {
        font-size: 8vw;
        line-height: 8vw
    }

    .news-item h4 {
        font-size: 2vw;
        font-family: var(--font-family-condensed);
        font-weight: 400
    }

    .news-item div p {
        font-size: 1vw
    }

    .news-article-item div {
        position: relative;
        text-align: right;
        width: auto;
        padding: 0 1em;
        flex-wrap: wrap
    }

    .news-article-item div h1 {
        font-size: 14vw;
        line-height: 15vw
    }

    .news-article-item div h2 {
        font-size: 10vw;
        line-height: 10vw
    }

    .news-article-item div h3 {
        font-size: 8vw;
        line-height: 8vw
    }

    .news-article-item div h4 {
        font-size: 2vw
    }

    .news-article-item div p {
        font-size: 1vw
    }

    @media screen and (max-width:600px) {
        .news-item div h1 {
            font-family: var(--font-family-sans);
            font-size: 5vw;
            line-height: 5vh;
            letter-spacing: -.1rem;
            padding: 0 1rem
        }

        .news-article-item div h1 {
            font-size: 20vw
        }
    }

    .theme-switch {
        background: var(--background-light);
        color: var(--text-light);
        border-color: var(--border-color-dark);
        color: var(--text-dark);
        width: 100px;
        height: 50px;
        border: 2px solid var(--border-color-dark);
        border-radius: 50px;
        position: relative;
        padding: .5rem
    }

    .theme-switch.overlay-content ul {
        background: var(--bg-opacity-dark)
    }

    .theme-switch .switch {
        background: var(--color-black);
        display: flex;
        align-items: center;
        align-content: center;
        width: 2vh;
        height: 2vh;
        border-radius: 100%;
        transition: .5s all ease
    }

    .light-theme {
        background: var(--background-dark);
        color: var(--text-light);
        border-color: var(--border-color-light)
    }

    .light-theme .theme-switch {
        background: var(--background-light)
    }

    .light-theme .theme-switch .switch {
        transform: translateX(50px)
    }

    .light-theme a {
        color: var(--text-dark)
    }

    .light-theme.overlay-content ul li {
        border-color: var(--border-color-dark)
    }

    .light-theme.overlay-content ul {
        background-color: var(--bg-opacity-light)
    }

    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%
    }

    .embed-container embed,
    .embed-container iframe,
    .embed-container object {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    audio,
    canvas,
    iframe,
    img,
    svg,
    video {
        vertical-align: middle
    }

    .video-container {
        width: 100%;
        margin: 0 auto
    }

    .video-responsive {
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        height: 0
    }

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        border: 0
    }

    header {
        position: relative;
        width: 100vw;
        height: 100vh;
        margin: 0 auto;
        border-left: 2px solid;
        border-right: 2px solid;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-direction: column
    }

    header div {
        width: auto;
        display: block
    }

    header div:first-child {
        width: 60%;
        margin-bottom: 3em
    }

    .p-intro {
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--background-dark);
        transition: 1s;
        border-bottom: 2px solid #000
    }

    .p-logo-header {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #000
    }

    .p-logo {
        position: relative;
        display: block;
        bottom: -20px;
        opacity: 0;
        color: #fff;
        text-align: center;
        line-height: .9em;
        letter-spacing: var(--letter-spacing);
        width: 75vw
    }

    .p-l1 {
        font-size: 90px;
        font-weight: 300;
        font-family: var(--font-family-sans);
        line-height: .9em
    }

    .p-l2 {
        font-size: 30px;
        font-weight: 300;
        font-family: var(--font-family-sans);
        margin-top: 15px
    }

    .p-logo.active {
        bottom: 0;
        opacity: 1;
        transition: ease-in-out .5s
    }

    .p-logo.fade {
        bottom: 150px;
        opacity: 0;
        transition: ease-in-out .5s
    }

    @media only screen and (max-width:600px) {
        .p-logo {
            letter-spacing: -.03em;
            width: 90vw
        }

        .p-l1 {
            font-size: 48px
        }

        .p-l2 {
            font-size: 18px
        }

        header div:first-child {
            width: 95%;
            margin-bottom: 3em
        }
    }

    .footer-container {
        display: block;
        height: 100%;
        width: 100%
    }

    .arrow {
        position: relative;
        width: 40px;
        height: 40px
    }

    .bounce {
        animation: bounce 2s infinite
    }

    @keyframes bounce {

        0%,
        100%,
        20%,
        50%,
        80% {
            transform: translateY(0)
        }

        40% {
            transform: translateY(-30px)
        }

        60% {
            transform: translateY(-15px)
        }
    }

    .blink {
        animation: blink 2s linear infinite
    }

    @keyframes blink {

        0%,
        100%,
        20%,
        50%,
        80% {
            opacity: 1
        }

        40% {
            opacity: 0
        }

        60% {
            opacity: 0
        }
    }

    .footer-inner {
        width: 100vw;
        display: flex;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        height: 100%;
        margin-right: auto;
        margin-left: auto;
        height: 100%;
        flex-direction: row;
        padding: 1px 1.5em
    }

    .footer-inner div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .5em
    }

    .footer-inner div .copyright {
        width: 25%;
        font-size: 10px;
        line-height: 18px;
        color: rgba(255, 255, 255, .5)
    }

    .footer-inner div .copyright p {
        font-size: 10px;
        line-height: 18px;
        color: rgba(255, 255, 255, .612)
    }

    .grid {
        --columns: 12;
        --gutter: 2em;
        display: -ms-grid;
        display: grid;
        grid-gap: var(--gutter);
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        max-width: 1920px;
        margin: 0 auto
    }

    .grid>.column {
        grid-column: span var(--columns);
        margin-bottom: var(--gutter);
        overflow-wrap: break-word
    }

    @media screen and (min-width:60rem) {
        .grid {
            grid-template-columns: repeat(12, 1fr)
        }

        .grid>.column {
            grid-column: span var(--columns);
            overflow-wrap: break-word
        }
    }

    .grid .column .copyright p {
        width: 50%;
        font-size: 10px;
        line-height: 18px;
        color: rgba(255, 255, 255, .5)
    }

    .grid .column div {
        margin-bottom: 25px
    }

    .grid .column .footer-txt {
        font-size: 30px;
        line-height: 36px;
        letter-spacing: var(--letter-spacing)
    }

    @media screen and (max-width:600px) {
        .footer-inner div .copyright {
            width: 100%
        }

        .footer-inner div .copyright p {
            font-size: 12px;
            line-height: 15px;
            color: rgba(255, 255, 255, .612)
        }

        .panel-footer .grid .column div {
            margin-bottom: 25px
        }

        .grid .column div {
            margin-bottom: 25px;
        }
    }

    .footer-txt {
        font-size: 5vw
    }

    .footer-txt p {
        font-size: 5vw;
        line-height: 1em
    }

    .footer-section-form {
        display: block;
        width: 100%
    }

    @media (min-width:110em) {
        .footer-txt {
            font-size: 4vw;
            line-height: 1em
        }

        .footer-txt p {
            font-size: 4vw;
            line-height: 1em
        }
    }

    form {
        width: calc(90vw/1.5)
    }

    #mc_embed_signup_scroll {
        width: 100%
    }

    #mc_embed_signup {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: start;
        padding-top: 2em;
        height: 100vh;
        width: 100%;
        max-width: 30em
    }

    .mc-field-group {
        margin-bottom: 1em;
        display: flex;
        justify-content: flex-start;
        align-content: center;
        align-items: flex-start;
        width: 100%;
        max-width: 960px;
        flex-direction: column
    }

    @media only screen and (max-width:736px) {
        form {
            width: 100%
        }

        #mc_embed_signup_scroll {
            width: 100%
        }

        #mc_embed_signup {
            width: 80vw;
            margin: 0 auto
        }

        .mc-field-group {
            margin-bottom: 1em;
            display: flex;
            justify-content: flex-start;
            align-content: center;
            align-items: flex-start;
            width: 100%;
            flex-direction: column
        }

        input,
        select,
        textarea {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: .7em;
            outline: 0;
            border: 2px solid #000;
            background: none transparent;
            color: inherit;
            font: var(--font-family-serif);
            line-height: 3vw;
            font-size: 4w;
            font-weight: 400;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }
    }

    .panel {
        background: var(--background-light);
        border-bottom: 0;
        border-left: 0;
        border-right: 1px;
        height: 100vh;
        position: sticky;
        top: 0;
        margin: 0 auto;
        width: 100vw
    }

    .panel:first-child {
        border-top: 0
    }

    .panel-note {
        background-color: var(--background-dark);
        border-top: none;
        height: 100vh;
        position: sticky;
        top: 0
    }

    .panel-footer {
        background-color: var(--background-dark);
        border-top: 2px solid #000;
        color: #fff;
        height: 100vh;
        position: sticky;
        top: 0
    }

    .panel2 {
        width: 100vw;
        background-color: var(--background-light);
        border-top: 2px solid #000;
        border-left: 2px solid #000;
        border-right: 2px solid #000;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow-y: scroll;
        margin: 0 auto
    }

    .team2 {
        border-top: 0;
        padding-bottom: calc(100vh/6)
    }

    .footer-article {
        display: flex;
        width: 100vw;
        margin: 0 auto;
        align-content: center;
        align-items: flex-start;
        justify-content: center;
        overflow: hidden;
        background: var(--background-dark)
    }

    @media (max-width:600px) {
        .footer-article {
            display: flex;
            width: 100vw;
            margin: 0 auto;
            align-content: center;
            align-items: flex-start;
            justify-content: center;
            overflow: hidden;
            background: var(--background-dark)
        }

        .team2 {
            border-top: 0;
            padding-bottom: 0
        }

        .panel-footer {
            background-color: var(--background-dark);
            height: 100vh;
            position: sticky;
            padding: 0 20px 30px 20px
        }

        .footer-inner {
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            height: 45vh;
            display: flex;
            align-content: flex-start;
            justify-content: center;
            align-items: flex-start;
            height: 100%;
            padding: 1em 0 0 0
        }

        .footer-inner div {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            max-width: 100%;
            color: #fff;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: inline-flex;
            -webkit-box-flex: 0;
            -webkit-flex: 0 1 auto;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .tags li {
            background-color: #fff;
            color: #fff;
            padding: .5rem 1rem;
            display: inline-block;
            border: 1px dotted #000;
            color: #000;
            width: calc(100vw / 18);
            border-radius: 50vw;
            font-size: 16px
        }
    }

    .content {
        background-color: var(--background-light);
        display: block;
        position: relative;
        border-top: 2px solid #000;
        color: #000
    }

    .scroller {
        height: 100vh
    }

    .tags {
        display: block
    }

    .tags li {
        background-color: #fff;
        color: #fff;
        padding: .5rem 1rem;
        display: inline-block;
        border: 1px dotted #000;
        color: #000;
        width: calc(100vw / 18);
        border-radius: 50vw;
        font-size: 16px
    }

    .serif {
        font-family: var(--font-family-serif);
        font-weight: var(--font-weight-light©);
    }

    .nimbus_lt {
        font-family: nimbus-sans, sans-serif;
        font-weight: 300;
        font-style: normal
    }

    .nimbus {
        font-family: nimbus-sans, sans-serif;
        font-weight: 400;
        font-style: normal
    }

    .nimbus_md {
        font-family: nimbus-sans, sans-serif;
        font-weight: 500;
        font-style: normal
    }

    .nimbus_md_about {
        font-family: nimbus-sans, sans-serif;
        font-weight: 500;
        font-style: normal
    }

    .nimbus_b {
        font-family: nimbus-sans, sans-serif;
        font-weight: 700;
        font-style: normal
    }

    .nimbus_cnd {
        font-family: nimbus-sans-condensed, sans-serif;
        font-style: normal
    }

    .nimbus_ex {
        font-family: nimbus-sans-extended, sans-serif;
        font-style: normal
    }

  

    .italic {
        font-style: italic
    }

    .uppercase {
        text-transform: uppercase
    }

    .cap {
        text-transform: capitalize
    }

    .center {
        text-align: center
    }

    .left {
        text-align: left
    }

    .right {
        text-align: right
    }

    main {
        display: block
    }

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

    pre {
        font-family: var(--font-family-sans);
        font-size: 1em
    }

    a {
        background-color: transparent
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: 500
    }

    code,
    kbd,
    samp {
        font-family: var(--font-family-sans);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }

    button,
    input {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button
    }

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

    fieldset {
        padding: .35em .75em .625em
    }

    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

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

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

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    [hidden],
    template {
        display: none
    }

    [hidden],
    template {
        display: none
    }

    address {
        font-style: inherit
    }

    cite,
    dfn,
    em,
    i {
        font-style: italic
    }

    b,
    strong {
        font-weight: 700
    }

    a {
        text-decoration: none
    }

    a svg {
        pointer-events: none
    }

    ol,
    ul {
        list-style: none
    }

    figure,
    ol,
    p,
    ul {
        margin: 0;
        padding: 0
    }

    [tabindex],
    a,
    area,
    button,
    input,
    label,
    select,
    textarea {
        touch-action: manipulation
    }

    [hreflang]>abbr[title] {
        text-decoration: none
    }

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

    hr {
        display: block;
        margin: 1em 0;
        padding: 0;
        height: 1px;
        border: 0;
        border-top: 1px solid #272727
    }

    nav input {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        outline: 0;
        border: 0;
        border-radius: 0;
        background: none transparent;
        color: inherit;
        font: inherit;
        line-height: normal;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    label {
        font-size: 1em;
        font-family: var(--font-family-sans);
        font-weight: 300;
        padding: 0 0 .8em 0
    }

    input,
    select,
    textarea {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 1rem;
        outline: 0;
        border: 2px solid #000;
        background: none transparent;
        color: inherit;
        font: var(--font-family-serif);
        line-height: 1em;
        font-size: 1em;
        font-weight: 500;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .button1 {
        background-color: transparent;
        width: auto;
        border: 2px solid var(--color-black);
        border-radius: 40rem;
        font-size: 1.5em;
        padding: .5rem 2rem;
        color: var(--color-black);
        font-weight: 400;
        letter-spacing: -.04em;
        text-transform: capitalize;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        transition: 1.2s;
        transform: scale(1);
        cursor: pointer;
        transition: .5s ease-out;
        margin-top: 1em
    }

    .button1:hover {
        background-color: var(--color-black);
        transform: scale(.9);
        color: var(--color-white)
    }

    .button2 {
        background-color: transparent;
        width: auto;
        border: 2px solid var(--color-white);
        border-radius: 40rem;
        font-size: 1.5em;
        padding: .5rem 2rem;
        color: var(--color-white);
        font-weight: 400;
        letter-spacing: -.04em;
        text-transform: capitalize;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        transition: 1.2s;
        transform: scale(1);
        cursor: pointer;
        transition: .5s ease-out;
        margin-top: 1em
    }

    .button2:hover {
        background-color: var(--color-white);
        transform: scale(.9);
        color: var(--color-black)
    }

    @media only screen and (max-width:736px) {

        input,
        select,
        textarea {
            display: inline-block;
            width: 100%;
            margin: 0;
            padding: 0 1rem 0 1rem;
            outline: 0;
            border: 2px solid #000;
            background: none transparent;
            color: inherit;
            font: var(--font-family-serif);
            line-height: 9vw;
            font-size: 4vw;
            font-weight: 500;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none
        }
    }

    select {
        text-transform: none
    }

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

    select::-ms-value {
        background: 0 0;
        color: inherit
    }

    textarea {
        overflow: auto;
        resize: vertical
    }

    ::-moz-selection {
        background-color: #272727;
        color: #fff;
        text-shadow: none
    }

    ::selection {
        background-color: transparent;
        color: #00f;
        text-shadow: none
    }

    a {
        transition: color .3s cubic-bezier(.215, .61, .355, 1);
        color: inherit
    }

    a:focus,
    a:hover {
        color: #00f
    }

    @media only screen and (min-width:1200px) and (max-width:1980px) {

        a:focus,
        a:hover {
            color: #00f
        }

        h1 {
            font-size: clamp(8vw, 10vw, 12vw);
            line-height: 1em
        }

        h2 {
            font-size: 6vw;
            line-height: 1em
        }

        h3 {
            font-size: 4vw
        }

        h4 {
            font-size: 2.25vw
        }

        h5 {
            font-size: 15px;
            line-height: 24px
        }

        h6 {
            font-size: 10px;
            line-height: 18px
        }

        p {
            font-size: 24px;
            line-height: 30px;
            font-weight: var(--font-weight-light)
        }
    }

    a.-underline {
        text-decoration: underline
    }

    .info-txt-sm {
        font-size: 2vw;
        line-height: 1em;
        font-weight: 500
    }

    .mb_5px {
        margin-bottom: 5px
    }

    .mb_10px {
        margin-bottom: 10px
    }

    .mb_20px {
        margin-bottom: 20px
    }

    #block-content h3,
    #block-content h4,
    #block-content h5,
    #block-content h6,
    #block-content p {
        color: inherit
    }

    .title_large {
        font-size: 14vw;
        line-height: 13vw
    }

    .n-title-size {
        font-size: 14vw
    }

    .n-title-size-serif {
        font-size: 10vw
    }

    @media (max-width:600px) {

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            letter-spacing: var(--letter-spacing)
        }

        h1 {
            font-size: clamp(12vw, 15vw, 18vw)
        }

        h2 {
            font-size: clamp(52px,55px,60px);
        }

        h3 {
            font-size: clamp(44px,48px,52px);
            line-height: 1em;;
        }

        h4 {
            font-size: clamp(21px, 24px, 28px);
            line-height: 1em;
        }

        h5 {
            font-size: clamp(16px, 18px, 21px);
            line-height: 1em;
            margin-top: 15px;
        }

        p {
            font-size: 13px
            line-height: 1.2em;
        }

        .n-title-size {
            font-size: 3em;
            padding: .25rem
        }

        .n-title-size-serif {
            font-size: 2em
        }
    }

    .press-content {
        position: relative;
        display: block;
        width: 100vw;
        height: 100%;
        justify-content: center;
        align-items: flex-start;
        flex-flow: column;
        font-size: 4vw;
        line-height: 1em;
        overflow-y: scroll;
        overflow-x: hidden;
        text-transform: capitalize
    }

    .press a {
        font-family: var(--font-family-sans);
        font-weight: 500;
        width: 100vw;
        color: #000;
        display: block;
        transition: .3s;
        background-color: transparent;
        text-transform: capitalize;
        border-bottom: 2px solid #000;
        padding: 0 1rem;
        font-size: calc(100vh/12 * .5);
        letter-spacing: -.07em;
        font-weight: 400
    }

    .press a:first-child {
        border-top: 0;
        font-size: calc(100vh/12 * 1.25);
        line-height: 1em
    }

    @media only screen and (max-width:736px) {
        .press a {
            font-size: calc(100vw/12 * .6);
            line-height: calc(100vw/12 *.8)
        }

        .press a:first-child {
            line-height: 1em
        }
    }

    .bg-img {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        height: 100vh;
        width: 100vw
    }

    .bg-img-full {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 1;
        height: 100vh;
        width: 100vw
    }

    .f-center {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 100%
    }

    .cta {
        background: 0 0;
        font-family: var(--font-family-sans);
        font-weight: 500;
        font-size: 3vw;
        letter-spacing: -.03em;
        color: var(--color-black);
        display: inline-flex;
        justify-content: center;
        padding: .75rem 1.5rem;
        border: 2px solid var(--color-black);
        border-radius: 50vw;
        width: 100%
    }

    .poster-img {
        display: grid;
        position: absolute;
        top: 0;
        left: 0;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 0 0;
        z-index: 0;
        height: 100vh;
        width: 100%;
        justify-content: center;
        align-content: center;
        align-items: center
    }

    .pt-grid {
        padding-top: 75px
    }

    .pt-5px {
        padding-top: 5px
    }

    .pt-10px {
        padding-top: 10px
    }

    .pt-20px {
        padding-top: 20px
    }

    .pt-25px {
        padding-top: 25px
    }

    .pt-30px {
        padding-top: 30px
    }

    .pt-35x {
        padding-top: 35px
    }

    .p_col_1 div {
        border: 1px dotted #000;
        filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
        border-radius: 55%;
        display: block;
        max-width: 35%;
        margin: 0 auto;
        transform: rotate(-14deg);
        opacity: 1;
        overflow: hidden
    }

    .p_col_2 {
        grid-area: 1/2/2/3
    }

    .p_col_2 div {
        border: 1px dotted #000;
        filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
        border-radius: 55%;
        display: block;
        max-width: 35%;
        margin: 0 auto;
        transform: rotate(-14deg);
        opacity: 1;
        overflow: hidden
    }

    .p_col_3 {
        grid-area: 1/3/2/4
    }

    .p_col_3 div {
        border: 1px dotted #000;
        filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
        border-radius: 55%;
        display: block;
        max-width: 35%;
        margin: 0 auto;
        transform: rotate(-14deg);
        opacity: 1;
        overflow: hidden
    }

    .p_2-3_left {
        grid-area: 1/1/2/3
    }

    .p_2-3_left div {
        border: 1px dotted #000;
        filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
        border-radius: 55%;
        display: block;
        max-width: 35%;
        margin: 0 auto;
        transform: rotate(-14deg);
        opacity: 1;
        overflow: hidden
    }

    .p_2-3_right {
        grid-area: 1/2/2/4
    }

    .p_2-3_right div {
        border: 1px dotted #000;
        filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
        border-radius: 55%;
        display: block;
        max-width: 35%;
        margin: 0 auto;
        transform: rotate(-14deg);
        opacity: 1;
        overflow: hidden
    }

    .p_col_full {
        grid-area: 1/1/2/4
    }

    .p_col_full div {
        border: 1px dotted #000;
        filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
        border-radius: 0;
        display: block;
        max-width: 75%;
        margin: 0 auto;
        transform: rotate(11deg);
        opacity: 1;
        overflow: hidden
    }

    @media (max-width:600px) {
        .poster-img {
            display: grid;
            position: absolute;
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: 1fr;
            gap: 0 0;
            z-index: 1;
            height: 100%;
            width: 100vw;
            justify-content: center;
            align-content: center;
            align-items: center
        }

        .p_col_1 {
            grid-area: 1/1/2/2
        }

        .p_col_1 div {
            border: 1px dotted #000;
            filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
            border-radius: 55%;
            display: block;
            max-width: 100%;
            margin: 0 auto;
            transform: rotate(-14deg);
            opacity: 1;
            overflow: hidden
        }

        .p_col_2 {
            grid-area: 1/2/2/3
        }

        .p_col_2 div {
            border: 1px dotted #000;
            filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
            border-radius: 55%;
            display: block;
            max-width: 100%;
            margin: 0 auto;
            transform: rotate(-14deg);
            opacity: 1;
            overflow: hidden
        }

        .p_col_3 {
            grid-area: 1/3/2/4
        }

        .p_col_3 div {
            border: 1px dotted #000;
            filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
            border-radius: 55%;
            display: block;
            max-width: 100%;
            margin: 0 auto;
            transform: rotate(-14deg);
            opacity: 1;
            overflow: hidden
        }

        .p_2-3_left {
            grid-area: 1/1/2/3
        }

        .p_2-3_left div {
            border: 1px dotted #000;
            filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
            border-radius: 55%;
            display: block;
            max-width: 100%;
            margin: 0 auto;
            transform: rotate(-14deg);
            opacity: 1;
            overflow: hidden
        }

        .p_2-3_right {
            grid-area: 1/2/2/4
        }

        .p_2-3_right div {
            border: 1px dotted #000;
            filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
            border-radius: 55%;
            display: block;
            max-width: 100%;
            margin: 0 auto;
            transform: rotate(-14deg);
            opacity: 1;
            overflow: hidden
        }

        .p_col_full {
            grid-area: 1/1/2/4
        }

        .p_col_full div {
            border: 1px dotted #000;
            filter: drop-shadow(14px 20px 6px rgba(0, 0, 0, .5));
            border-radius: 55%;
            display: block;
            max-width: 75%;
            margin: 0 auto;
            transform: rotate(-14deg);
            opacity: 1;
            overflow: hidden
        }
    }

    .f-title {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        opacity: 1;
        text-align: center;
        z-index: 3
    }

    .f-title h1 {
        font-family: var(--font-family-extended);
        font-weight: 900;
        letter-spacing: -.3;
        line-height: calc(100vw/12 * 1.5);
        text-transform: uppercase;
        opacity: 0;
        transform: scale(0);
        transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1)
    }

    .f-title h4 {
        width: 100%;
        font-family: var(--font-family-condensed);
        font-weight: 600;
        letter-spacing: -.3;
        font-size: calc(100vw/12 * .4);
        text-transform: uppercase;
        opacity: 0;
        transform: scale(1.4);
        transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1)
    }

    .f-break {
        flex-basis: 100%;
        height: 0
    }

    .vid-bg {
        object-fit: cover;
        width: auto;
        height: 100vh;
        max-height: 100vh;
        overflow: hidden
    }

    #vid-bg-note {
        object-fit: cover;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0
    }

    @media (max-width:600px) {
        .vid-bg {
            object-fit: none;
            height: 100vh;
            width: auto;
            overflow: hidden;
            top: 0;
            left: 0
        }

        .feature-article-excerpt {
            height: 100vh
        }

        .bg-img {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            opacity: 1;
            height: 100vh;
            width: 100vw
        }
    }

    .note-item {
        position: absolute;
        z-index: 1;
        width: 98%;
        top: 50%;
        left: 50%;
        padding: 1rem 0;
        transform: translate(-50%, -50%) scale(1);
        text-align: center;
        line-height: .9;
        opacity: 1;
        transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1)
    }

    .title-excerpt {
        position: absolute;
        z-index: 1;
        width: auto;
        top: 0;
        left: 0;
        padding: 1em;
        transform: scale(1);
        text-align: left;
        line-height: .9;
        font-size: 2em;
        opacity: 1;
        transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1)
    }

    .pages-title {
        height: 10vh;
        display: flex;
        width: 100%;
        border-bottom: 2px solid #000;
        align-content: center;
        justify-content: flex-end;
        align-items: center;
        flex-direction: row
    }

    .note-tile {
        width: 100%;
        display: block;
        margin: 0 auto;
        text-align: center
    }

    .note-tile h3 {
        font-size: 5vw;
        line-height: 5vw;
        letter-spacing: -.04em
    }

    .page-title {
        position: absolute;
        top: 0;
        left: 0;
        padding: 1em;
        transform: scale(1);
        text-align: left;
        line-height: 1em;
        opacity: 1
    }

    .note-title {
        position: absolute;
        width: 98%;
        top: 25%;
        left: 50%;
        padding: 1rem 0;
        transform: translate(-50%, -50%) scale(1);
        text-align: center;
        line-height: .9;
        opacity: 1
    }

    #cover-bg {
        object-fit: cover;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0
    }

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

    .o-image img {
        width: auto;
        height: 90vh;
        object-fit: contain;
        padding: 2vw;
        opacity: 1;
        transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1)
    }

    .animate {
        opacity: 1
    }

    .scale {
        transform: scale(1)
    }

    .g-image ul {
        height: 100vh;
        width: 100vw;
        padding: 2vw;
        background: var(--background-light)
    }

    @media only screen and (max-width:736px) {
        .g-image ul {
            height: auto;
            width: 100vh;
            max-width: 100vw
        }
    }

    .g-image.is-inview ul {
        opacity: 1;
        transform: scale(1);
        transition-delay: .8s
    }

    .o-image_wrapper.-full .o-image {
        height: 100%;
        display: flex;
        align-items: center
    }

    .c-intro {
        font-family: var(--font-family-sans);
        display: flex;
        white-space: normal;
        height: 100vh;
        padding: 30px;
        justify-content: center;
        align-items: center;
        align-content: center
    }

    .about-text {
        padding: 0 5vw
    }

    .about-text p {
        font-family: var(--font-family-sans);
        font-size: 3vw;
        line-height: 4vw;
        letter-spacing: -.05em;
        font-weight: 400;
        margin-bottom: 2rem
    }

    .note-text p {
        font-family: var(--font-family-sans);
        font-size: calc(16px + 6 * ((100vw - 320px)/ 680));
        line-height: 3.5vw;
        letter-spacing: -.05em;
        font-weight: 400;
        margin-bottom: 2rem
    }

    .contact-text {
        padding: 0 1.5rem
    }

    .contact-text p {
        font-family: var(--font-family-sans);
        font-size: calc(16px + 6 * ((100vw - 320px)/ 680));
        line-height: 3vw;
        letter-spacing: -.05em;
        font-weight: 400;
        margin-bottom: 2rem
    }

    .press-text {
        padding: 0 2.5rem
    }

    .press-text p {
        font-family: var(--font-family-sans);
        font-size: 2vw;
        line-height: 3vw;
        letter-spacing: -.05em;
        font-weight: 400;
        margin-bottom: 2rem
    }

    @media only screen and (max-width:736px) {
        .note-text {
            padding: 5vw
        }

        .note-text p {
            font-family: var(--font-family-sans);
            font-size: 5vw;
            line-height: 9vw;
            letter-spacing: -.05em;
            font-weight: 400;
            margin-bottom: 2rem
        }

        .contact-text p {
            font-family: var(--font-family-sans);
            font-size: 6vw;
            line-height: 6vw;
            letter-spacing: -.05em;
            font-weight: 400;
            margin-bottom: 2rem
        }
    }

    .c-features {
        padding: 7.5rem 0
    }

    .c-features_item {
        background-color: rgba(0, 0, 0, .1);
        border-radius: 20px;
        padding: 3.75rem;
        margin-bottom: 3.75rem
    }

    .c-summary {
        margin: 3.75rem 0 7.5rem
    }

    .c-summary_text {
        font-size: 1.125rem;
        font-weight: 600;
        opacity: 0;
        transform: translateY(60px);
        transition: transform 1s cubic-bezier(.215, .61, .355, 1)
    }

    .c-summary.is-inview .c-summary_text {
        opacity: 1;
        transform: none
    }

    .c-info {
        display: inline-flex;
        width: 100vw;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: calc(100vh/12 * 1.7)
    }

    .c-info div {
        display: block;
        height: calc(100vh/12 * 1.7);
        width: 50%;
        font-size: 2vw;
        color: #000;
        text-transform: capitalize
    }

    .c-info div:first-child {
        padding: 0 0 0 3vw
    }

    .c-info div:nth-child(2) {
        padding: 0 3vw 0 0
    }

    #page {
        overflow: hidden;
        white-space: nowrap;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        display: flex;
        flex-wrap: nowrap;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory
    }

    #page .pane {
        scroll-snap-align: start
    }

    .pane {
        flex: 0 0 auto;
        width: 100vw;
        height: 100vh;
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        background-color: transparent
    }

    .flex-container-about {
        display: flex
    }

    .flex-child {
        flex: 1;
        padding: 30px
    }

    .about-column-scroll-container {
        height: 79vh;
        overflow: scroll
    }

    .about-column-scroll-wrapper {
        opacity: 1
    }

    .menu-btn {
        text-align: center;
        cursor: pointer;
        display: inline-block;
        margin: 0 auto
    }

    .menu-container {
        position: fixed;
        display: flex;
        bottom: 2%;
        left: 50%;
        margin: 0 auto;
        transform: translateX(-50%);
        width: auto;
        background-color: transparent;
        z-index: 1;
        align-items: center;
        justify-content: center
    }

    .overlay {
        height: 0;
        width: 100vw;
        position: fixed;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
        top: 0;
        background-color: rgba(0, 0, 0, .85);
        overflow-x: hidden;
        transition: .5s;
        border: 0;
        border-top: 0;
        border-bottom: 0
    }

    .overlay-content p {
        padding: 1em
    }

    .overlay a {
        font-family: var(--font-family-sans);
        font-weight: inherit;
        width: 80vw;
        color: #fff;
        display: block;
        transition: .3s;
        background-color: transparent;
        text-transform: uppercase;
        line-height: calc(60vh/6);
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
        padding: 0 1rem;
        font-size: calc(100vh/9)
    }

    .overlay .overlay-content a:first-child {
        font-family: var(--font-family-sans);
        font-weight: inherit;
        width: 80vw;
        color: #fff;
        display: block;
        transition: .3s;
        background-color: transparent;
        text-transform: uppercase;
        line-height: calc(60vh/6);
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
        padding: 0 1rem;
        font-size: calc(100vh/8)
    }

    .overlay a:last-child {
        border-bottom: 2px solid #fff
    }

    #nav-item {
        opacity: 0;
        transition-delay: 1.5s;
        transition: 1.5s
    }

    #close-item {
        opacity: 0;
        transition-delay: 1.5s;
        transition: 1.5s
    }

    .overlay a:focus,
    .overlay a:hover {
        color: #00f
    }

    .closebtn {
        position: absolute;
        width: 100vw;
        border: 2px solid #000;
        border-bottom: 0;
        margin: 0 auto;
        bottom: 0;
        height: calc(100vh/6);
        display: block;
        background: var(--background-light);
        z-index: 99
    }

    .closebtn a {
        width: 100vw
    }

    #nav-img {
        width: 50%
    }

    .prev-nxt-container {
        background-color: #fff;
        color: #000;
        opacity: 1;
        border: 2px solid #000;
        border-radius: 100%;
        padding: 1.2rem;
        margin: .5rem;
        position: sticky;
        pointer-events: auto;
        display: flex;
        justify-content: center;
        align-items: center
    }

    @media only screen and (max-width:736px) {
        #nav-img {
            width: 25vw
        }

        .about-mobile {
            margin-bottom: 9%
        }

        .about-mobile h2 a {
            font-size: .65em
        }

        .about-container {
            display: block;
            height: 100%;
            width: 100%
        }

        .about-top {
            position: absolute;
            top: 8%;
            left: 0;
            text-align: left;
            font-size: 8px;
            line-height: 14px;
            font-weight: 700;
            font-family: "Titling Gothic FB Wide", Icons;
            text-transform: uppercase;
            padding-top: 1rem;
            padding-right: 3%;
            padding-left: 3%;
            padding-bottom: 1rem
        }

        .about-bottom {
            position: absolute;
            bottom: 0;
            left: 0;
            text-align: left;
            font-size: 12px;
            line-height: 14px;
            font-weight: 700;
            font-family: "Titling Gothic FB Wide", Icons;
            text-transform: uppercase;
            padding-bottom: 1rem;
            padding-right: 3%;
            padding-left: 3%;
            padding-top: 1rem
        }

        .overlay a {
            font-family: var(--font-family-sans);
            box-sizing: border-box !important;
            font-weight: 500;
            width: 80vw;
            color: #fff;
            display: block;
            transition: .3s;
            background-color: transparent;
            text-transform: uppercase;
            line-height: calc(60vh/6);
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            border-left: 2px solid #fff;
            padding: 0 1rem 0 1rem;
            font-size: calc(100vh/14)
        }

        .overlay .overlay-content a:first-child {
            font-family: var(--font-family-sans);
            font-weight: 500;
            width: 80vw;
            color: #fff;
            display: block;
            transition: .3s;
            background-color: transparent;
            text-transform: uppercase;
            line-height: calc(60vh/6);
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            border-left: 2px solid #fff;
            padding: 0 1rem;
            font-size: calc(100vh/14)
        }

        .overlay .overlay-content a:last-child {
            border-bottom: 2px solid #fff
        }

        .menu-container {
            height: 11%;
            background-color: transparent
        }

        .menu-btn {
            padding-bottom: 5%;
            z-index: 99999
        }

        #note-js-id {
            overflow: hidden;
            height: auto;
            width: auto
        }

        .prev-nxt-container {
            background-color: #fff;
            color: #000;
            opacity: 1;
            border: 2px solid #000;
            border-radius: 100%;
            padding: 1.2rem;
            margin: .5rem;
            position: sticky;
            pointer-events: auto;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .exit-btn-hide {
            display: none
        }

        .svg-arrow {
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            stroke: currentColor
        }

        .flex-container-about {
            display: grid
        }

        .flex-child {
            width: 100vw;
            height: 16.5vh;
            padding: 20px
        }

        .about-column-scroll-container {
            height: 59vh;
            width: 100vw;
            overflow: scroll;
            line-height: 2.5vh
        }

        .about-column-scroll-wrapper {
            opacity: 1
        }

        .nimbus_md_about {
            padding-right: 35px;
            padding-top: 20px;
            line-height: 2vh
        }

        .info-txt-sm {
            font-size: 2vw;
            line-height: 1em;
            font-weight: 500
        }

        .flex-item {
            width: 45%
        }

        .info-txt-sm {
            font-size: 3vw
        }
    }

    .excerpt-album-image {
        height: 100vh;
        width: 100vw;
        position: relative;
        background-size: cover;
        opacity: 0;
        transform: scale(1.4);
        transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1)
    }

    .excerpt-album-image.is-inview {
        opacity: 1;
        transform: scale(1);
        transition-delay: .8s
    }

    .grad-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background: #000;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52%, #090979 103%);
        z-index: 999;
        height: 100%;
        width: 100%
    }

    .date-display {
        position: absolute;
        top: 0;
        right: 0;
        padding: 1em;
        font-family: var(--date-display);
        font-weight: 400;
        font-style: normal
    }

    .overlay-home {
        display: block;
        position: fixed;
        visibility: visible;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #000;
        z-index: 999
    }

    li {
        list-style: none;
        list-style: none;
        display: flex;
        justify-content: center
    }

    button {
        font: inherit;
        background: 0 0;
        border: 0;
        color: currentColor;
        cursor: pointer
    }

    b,
    strong {
        font-weight: 600
    }

    small {
        font-size: inherit;
        color: var(--color-text-grey)
    }

    .container {
        width: 100vw;
        max-width: 100vw;
        margin: 0 auto
    }

    .transition {
        opacity: 1;
        transition: .7s
    }

    html.is-animating .transition {
        opacity: 0
    }

    .header {
        text-align: center;
        color: #fff;
        background: 0 0;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: -webkit-transform .5s cubic-bezier(.86, 0, .07, 1);
        -moz-transition: -moz-transform .5s cubic-bezier(.86, 0, .07, 1);
        transition: transform .5s cubic-bezier(.86, 0, .07, 1);
        z-index: 999999
    }

    .header.hidden {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }

    .title {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    .logo {
        list-style: none;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
        mix-blend-mode: exclusion
    }

    .logo div span {
        padding: 1rem;
        display: flex;
        align-items: center;
        font-weight: 600;
        cursor: pointer
    }

    .logo svg {
        padding: 0;
        margin: 1em;
        width: calc(100vw/12);
        height: auto
    }

    @media screen and (max-width:600px) {
        .logo svg {
            width: calc(100vw/4);
            margin: 30px 10px 10px 10px
        }
    }

    .logo summary::-webkit-details-marker {
        display: none
    }

    .logo summary:focus {
        outline: 0
    }

    .logo-dropdown-box {
        position: absolute;
        top: 3rem;
        left: 1rem;
        z-index: 1;
        display: flex;
        flex-direction: column;
        background: var(--color-black);
        color: var(--color-white);
        max-width: 25rem;
        box-shadow: rgba(0, 0, 0, .1) 0 5px 10px
    }

    .logo-dropdown-box header {
        display: flex;
        border-bottom: 1px solid #555;
        justify-content: space-between;
        color: #fff
    }

    .logo-dropdown-box header a {
        display: block;
        padding: .75rem 1rem;
        font-weight: 600
    }

    .killer-button {
        padding: .75rem 1rem
    }

    .killer-button svg * {
        fill: #fff
    }

    .logo-dropdown-box-content {
        line-height: 1.5em;
        display: flex;
        flex-wrap: wrap;
        padding: 1rem
    }

    .logo-dropdown-box-content>div {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 50%
    }

    .logo-dropdown-box-content>div:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .logo-dropdown-box-content h2 {
        text-transform: uppercase;
        font-size: .75rem;
        font-weight: 600;
        letter-spacing: .1em;
        color: #999;
        margin-bottom: .5rem
    }

    .logo-dropdown-box ul:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .logo-dropdown-box-content a {
        white-space: nowrap;
        padding-right: 2rem;
        display: block
    }

    .logo-dropdown-box-content a:before {
        content: "→";
        padding-right: .5rem
    }

    .logo-dropdown-box-login {
        background: #222;
        padding: .5rem .75rem;
        margin-bottom: .75rem
    }

    .logo-dropdown-box-login small {
        color: #999;
        font-size: .875rem;
        display: block
    }

    .logo-dropdown-box footer {
        border-top: 1px solid #555;
        padding: .75rem 1rem;
        line-height: 1.5em;
        margin-top: .5rem;
        color: #999;
        font-size: .875rem
    }

    .menu-main {
        display: flex;
        width: 15vw;
        justify-content: center
    }

    .menu-main a {
        padding: 1rem;
        display: block
    }

    .menu-main a[aria-current] {
        text-decoration: underline
    }

    .txt-wrap {
        height: 100vh;
        width: 60vw;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .social {
        display: flex;
        padding: 0 .5rem
    }

    .social a {
        padding: 1rem .5rem
    }

    .align-center {
        text-align: center
    }

    .intro {
        max-width: 40rem
    }

    .intro :not(:last-child) {
        margin-bottom: 1em
    }

    .box {
        background: var(--color-light);
        padding: 1.5rem;
        border: 4px solid var(--color-white);
        outline: 2px solid var(--color-light)
    }

    .img[data-contain] img {
        object-fit: contain
    }

    .img-caption,
    .video-caption {
        padding-top: .75rem;
        line-height: 1.5em
    }

    .footer {
        height: 100vh;
        padding: 9rem 0 6rem;
        line-height: 1.5em
    }

    .footer:before {
        content: "";
        display: block;
        width: 1.5rem;
        height: 2px;
        background: var(--color-black);
        margin-bottom: 1.5rem
    }

    .footer h2 {
        font-weight: 600;
        margin-bottom: .75rem
    }

    .footer p,
    .footer ul {
        color: var(--color-text-grey)
    }

    .footer p {
        max-width: 15rem
    }

    .footer a:hover {
        color: var(--color-text)
    }

    .map {
        --w: 2;
        --h: 1;
        padding-bottom: calc(100% / var(--w) * var(--h));
        position: relative;
        overflow: hidden;
        background: var(--color-black)
    }

    .map iframe {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

    .margin-s {
        margin-bottom: .75rem
    }

    .margin-m {
        margin-bottom: 1.5rem
    }

    .margin-l {
        margin-bottom: 3rem
    }

    .margin-xxl {
        margin-bottom: 6rem
    }

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

    .-logo {
        background-color: #fff;
        height: 7vh
    }

    .-logo div {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background-size: 4% auto;
        background-position: center center;
        background-repeat: repeat-x;
        transform-origin: center center;
        -webkit-animation: slide-linear 13.5s linear infinite;
        animation: slide-linear 13.5s linear infinite;
        will-change: transform
    }

    .scroll-container {
        display: block;
        overflow: hidden
    }

    .-logo div:nth-child(2) {
        -webkit-animation-name: slide-linear-alt;
        animation-name: slide-linear-alt
    }

    .-double {
        background: #fff;
        color: #000;
        height: 18vh
    }

    .-double div {
        position: absolute;
        font-size: 9vh;
        left: 2vh;
        line-height: .9;
        top: 1vh;
        bottom: 0;
        white-space: nowrap;
        -webkit-animation: yoyo 25s linear infinite;
        animation: yoyo 25s linear infinite
    }

    .-fast {
        font-family: var(--font-family-extended);
        background: #fff;
        font-weight: 700;
        color: #000;
        height: 100%;
        overflow: hidden;
        padding: 0;
        white-space: nowrap
    }

    .-fast div {
        font-size: calc(100vw/7);
        letter-spacing: var(--letter-spacing);
        line-height: 1em;
        display: inline-block;
        -webkit-animation: slide-linear 25s linear infinite;
        animation: slide-linear 25s linear infinite
    }

    .-slow {
        font-family: var(--font-family-extended);
        background: #fff;
        font-weight: 700;
        color: #000;
        height: 100%;
        overflow: hidden;
        padding: 0 0 3vh 0;
        white-space: nowrap
    }

    .-slow div {
        font-size: calc(100vw/7);
        letter-spacing: var(--letter-spacing);
        line-height: 1em;
        display: inline-block;
        -webkit-animation: slide-linear 40s linear infinite;
        animation: slide-linear 40s linear infinite
    }

    @media screen and (max-width:600px) {
        .-slow div {
            font-size: calc(100vw/4);
            letter-spacing: -.04em;
            font-family: var(--font-family-extended)
        }

        .-fast div {
            font-size: calc(100vw/4);
            letter-spacing: -.04em;
            font-family: var(--font-family-extended)
        }
    }

    .-slow-works div {
        font-size: inherit;
        letter-spacing: var(--letter-spacing);
        line-height: 1em;
        display: inline-block;
        -webkit-animation: slide-linear 40s linear infinite;
        animation: slide-linear 40s linear infinite
    }

    .-slow-anchor {
        font-family: var(--font-family-extended);
        background: #fff;
        font-weight: 400;
        color: #000;
        height: 5vw;
        overflow: hidden;
        padding: 0;
        white-space: nowrap;
        display: flex
    }

    .-slow-anchor div {
        font-size: 3vw;
        letter-spacing: -.05rem;
        line-height: 1em;
        display: inline-flex;
        -webkit-animation: slide-linear 30s linear infinite;
        animation: slide-linear 10s linear infinite;
        align-items: center
    }

    .-slow-anchor div img {
        height: 100%;
        width: auto
    }

    .-names {
        background: #fff;
        color: #000;
        height: 11vh
    }

    .-names div {
        position: absolute;
        font-size: 10vh;
        left: 2vh;
        line-height: .9;
        top: 1vh;
        bottom: 0;
        white-space: nowrap;
        -webkit-animation: yoyo 6s linear infinite;
        animation: yoyo 6s linear infinite
    }

    .-contact {
        font-family: var(--font-family-serif);
        font-style: italic;
        background: #fff;
        color: #000;
        height: auto;
        overflow: hidden;
        white-space: nowrap;
        padding: 3vh 0 0 0
    }

    .-contact div {
        font-size: calc(100vw/26);
        letter-spacing: -.03em;
        line-height: 1em;
        padding: 1vh 3vh;
        display: inline-block;
        font-weight: 400;
        -webkit-animation: slide-linear 15s linear infinite;
        animation: slide-linear 15s linear infinite
    }

    .-service {
        font-family: var(--font-family-serif);
        font-style: italic;
        background: #fff;
        color: #000;
        height: auto;
        overflow: hidden;
        white-space: nowrap;
        padding: 3vh 0 0 0
    }

    .-service div {
        font-size: calc(100vw/26);
        letter-spacing: -.03em;
        line-height: 1em;
        padding: 1vh 3vh;
        display: inline-block;
        font-weight: 400;
        -webkit-animation: slide-linear 20s linear infinite;
        animation: slide-linear 20s linear infinite
    }

    .-works-close {
        font-family: inherit;
        color: #000;
        height: auto;
        overflow: hidden;
        white-space: nowrap
    }

    .-works-close div {
        font-size: inherit;
        display: inline-block;
        -webkit-animation: slide-linear 15s linear infinite;
        animation: slide-linear 15s linear infinite
    }

    .-more {
        font-family: var(--font-family-serif);
        font-style: italic;
        background: #fff;
        color: #000;
        height: auto;
        overflow: hidden;
        white-space: nowrap;
        padding: 0
    }

    .-more div {
        font-size: calc(100vh/21);
        letter-spacing: -.03em;
        line-height: calc(100vh/21);
        padding: 0;
        display: inline-block;
        font-weight: 400;
        -webkit-animation: slide-linear 10s linear infinite;
        animation: slide-linear 10s linear infinite
    }

    .-contact div:nth-child(even) {
        color: #000
    }

    .-static {
        color: #000;
        font-size: 4.5vh;
        font-style: normal;
        height: 4vh;
        overflow: hidden;
        padding: 0;
        white-space: nowrap;
        -webkit-animation: bgfade 5s linear infinite;
        animation: bgfade 5s linear infinite
    }

    .-static div {
        position: absolute;
        left: 2vh;
        top: 0;
        bottom: 0;
        white-space: nowrap;
        -webkit-animation: yoyo 4s linear infinite;
        animation: yoyo 4s linear infinite
    }

    @-webkit-keyframes slide-linear {
        0 {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-100%)
        }
    }

    @keyframes slide-linear {
        0 {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-100%)
        }
    }

    @-webkit-keyframes slide-linear-double {
        0 {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-200%)
        }
    }

    @keyframes slide-linear-double {
        0 {
            transform: translateX(0)
        }

        100% {
            transform: translateX(-200%)
        }
    }

    @-webkit-keyframes slide-linear-alt {
        0 {
            transform: translateX(100%)
        }

        100% {
            transform: translateX(0)
        }
    }

    @keyframes slide-linear-alt {
        0 {
            transform: translateX(100%)
        }

        100% {
            transform: translateX(0)
        }
    }

    @-webkit-keyframes yoyo {
        0 {
            transform: translateX(0)
        }

        66% {
            transform: translateX(calc(95vh - 100%))
        }
    }

    0 {
        transform: translateX(0)
    }

    66% {
        transform: translateX(calc(95vh - 100%))
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }

    50% {
        background-color: #000
    }

    100% {
        background-color: #fff
    }

    50% {
        background-color: #fff
    }

    100% {
        background-color: #fff
    }

    .modal-arrow-wrapper {
        position: fixed;
        z-index: 99999999;
        overflow-x: scroll;
        left: 0;
        margin-top: 3vh
    }

    .modal-arrow-container {
        background-color: #fff;
        color: #000;
        opacity: 1;
        border-color: #000 1px;
        transform: none;
        position: sticky;
        pointer-events: auto;
        left: 16px;
        top: 16px;
        width: 50px;
        height: 25px;
        border-radius: 1px;
        text-transform: lowercase;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid;
        overflow: scroll
    }

    div.modal-arrow-container:hover {
        background-color: red
    }

    .exit-btn-hide {
        display: none
    }

    .svg-arrow {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        stroke: currentColor
    }

    @media screen and (max-width:600px) {
        .-contact div {
            font-size: 5vw;
            letter-spacing: -.03em;
            line-height: 3vh;
            padding: 0 5vw;
            display: inline-block;
            font-weight: 400;
            -webkit-animation: slide-linear 15s linear infinite;
            animation: slide-linear 15s linear infinite
        }
    }

    .modalDialog {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99999;
        opacity: 0;
        transform: scale(.75);
        background: rgba(255, 255, 255, 0);
        -webkit-transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        -moz-transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        -o-transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        -ms-transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        pointer-events: none
    }

    .modalDialog2 {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9999999;
        opacity: 0;
        transform: scale(.75);
        background: rgba(255, 255, 255, 0);
        -webkit-transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        -moz-transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        -o-transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        -ms-transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        transition: all .75s cubic-bezier(.47, .04, .19, 1.22);
        pointer-events: none
    }

    .modalDialog2:target {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
        background: var(--color-black);
        color: var(--color-white)
    }

    .modal-inner.is-visible {
        visibility: visible
    }

    .modalDialog:target {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
        background: rgba(0, 0, 0, .85)
    }

    .modal-inner {
        display: block;
        padding: 30px;
        min-height: 30%;
        min-width: 50%;
        max-width: 50%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 2px solid #000;
        border-radius: 0 0 20px 20px;
        filter: drop-shadow(20px 45px 6px rgba(0, 0, 0, .2));
        z-index: 9999
    }

    .modal-contact {
        display: block;
        padding: 30px;
        font-size: 1em;
        color: inherit;
        min-height: 30%;
        min-width: 50%;
        max-width: 90vw;
        max-height: 90vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999
    }

    .modal-close-btn {
        position: absolute;
        top: 0;
        right: 30px
    }

    .modal-inner h3 {
        font-weight: 500;
        margin-bottom: 1rem
    }

    .modal-inner p {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5em;
        color: #000;
        padding: 0 0 1rem 0;
        font-family: var(--font-family-sans)
    }

    .close {
        display: block;
        background: 0 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999
    }

    .uniform__potty {
        position: absolute;
        left: -9999px
    }

    .error {
        border: 1px solid red
    }

    .form-block {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row
    }

    .form-block-field-input {
        flex-basis: 50%;
        padding: 10px 10px;
        border: 0
    }

    .form-block-field-select {
        padding: 10px;
        border: 0;
        flex-basis: 50%
    }

    .modal-body .gform_button {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0 40px 0 0;
        background-color: transparent;
        border: 0;
        color: #00b0bb;
        font-family: inherit;
        font-size: inherit;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTE3LjM3NzE2NzIsNS4xMjk1MDU5NyBMMTcuNDYzMTM2MSw1LjIwMjM1MzA3IEwyMy43OTY4NTgsMTEuNTExNDc2NSBDMjQuMDQwNjI4NCwxMS43NTQzMDAyIDI0LjA2NTAwNTQsMTIuMTMyOTA4IDIzLjg2OTk4OTEsMTIuNDAyODg4NSBMMjMuNzk2ODU4LDEyLjQ4ODUyMzUgTDE3LjQ2MzEzNjEsMTguNzk3NjQ2OSBDMTcuMTkyMjgwMSwxOS4wNjc0NTEgMTYuNzUzMTM1NywxOS4wNjc0NTEgMTYuNDgyMjc5NywxOC43OTc2NDY5IEMxNi4yMzg1MDkyLDE4LjU1NDgyMzIgMTYuMjE0MTMyMiwxOC4xNzYyMTU0IDE2LjQwOTE0ODUsMTcuOTA2MjM0OSBMMTYuNDgyMjc5NywxNy44MjA1OTk5IEwyMS42MzIsMTIuNjkgTDAuNjkzNTcwMjQ2LDEyLjY5MDg3NjYgQzAuMzEwNTIxOTc2LDEyLjY5MDg3NjYgLTQuMDUwMDkzNTllLTEzLDEyLjM4MTU2MDYgLTQuMDUwMDkzNTllLTEzLDEyIEMtNC4wNTAwOTM1OWUtMTMsMTEuNjUwMjM2MSAwLjI2MDkyNDcxNiwxMS4zNjExNzc4IDAuNTk5NDU2ODcyLDExLjMxNTQzMDMgTDAuNjkzNTcwMjQ2LDExLjMwOTEyMzQgTDIxLjYzMSwxMS4zMDkgTDE2LjQ4MjI3OTcsNi4xNzk0MDAxNCBDMTYuMjM4NTA5Miw1LjkzNjU3NjQ1IDE2LjIxNDEzMjIsNS41NTc5Njg2IDE2LjQwOTE0ODUsNS4yODc5ODgwOCBMMTYuNDgyMjc5Nyw1LjIwMjM1MzA3IEMxNi43MjYwNTAxLDQuOTU5NTI5MzkgMTcuMTA2MTM0MSw0LjkzNTI0NzAyIDE3LjM3NzE2NzIsNS4xMjk1MDU5NyBaJyBmaWxsPScjZmZmZmZmJy8+PC9zdmc+);
        background-repeat: no-repeat;
        background-position: right 0 center;
        background-size: 24px 24px;
        cursor: pointer
    }

    .modal-body .gfield_radio {
        display: flex;
        align-items: center
    }

    .modal-body .gform_wrapper .gfield_checkbox li label,
    .modal-body .gform_wrapper .gfield_radio li label {
        max-width: none
    }

    .modal-body .gform-custom-radio-button .gfield_radio {
        margin: 12px 0 0 !important
    }

    .modal-body .gform-custom-radio-button li {
        overflow: visible !important
    }

    .modal-body .gform-custom-radio-button li [type=radio] {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

    .form-block-field-radio {
        padding: 10px;
        border: 0;
        flex-basis: 100%
    }

    .form-block-field-textarea {
        padding: 10px;
        flex-basis: 100%
    }

    .form-block-submit {
        padding: 10px
    }

    .form-block-field-textarea label {
        padding: 0 0 10px 0
    }

    .form-block-field-textarea textarea {
        color: #fff;
        border: 2px solid #fff;
        margin-top: 10px
    }

    .form-block-field-select select {
        color: #fff;
        border: 2px solid #fff;
        margin-top: 10px;
        padding: 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: 0 0;
        background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 5px
    }

    .form-block-field input {
        padding: 10px;
        border: 2px solid var(--color-white);
        color: #fff;
        margin-top: 10px
    }

    .modal {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1100
    }

    html.has-open-dialog .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

    .modal-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(22, 22, 24, .75)
    }

    .modal-dialog {
        position: relative;
        background-color: #fff;
        min-height: 100vh;
        padding-left: var(--container-gutter);
        padding-right: var(--container-gutter)
    }

    @media(min-width:768px) {
        .modal-dialog {
            min-height: auto;
            max-width: 720px;
            margin: 60px auto
        }
    }

    .modal-header {
        padding-top: 48px;
        padding-bottom: 20px;
        margin-bottom: 40px;
        border-bottom: 1px solid #e6e6e6
    }

    .modal-title {
        margin-bottom: 0
    }

    .modal-body {
        padding-bottom: 48px
    }

    .modal-close {
        position: absolute;
        display: block;
        right: 8px;
        top: 8px;
        width: 48px;
        height: 48px;
        border: 0;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        cursor: pointer
    }

    .modal-overlay {
        opacity: 0;
        transition: all .5s cubic-bezier(.65, .05, .36, 1)
    }

    .modal-dialog {
        opacity: 0;
        transform: scale(.75);
        transition: all .5s cubic-bezier(.54, .4, .36, 1)
    }

    .modal.is-visible .modal-overlay {
        opacity: 1
    }

    .modal.is-visible .modal-dialog {
        opacity: 1;
        transform: scale(1)
    }

    .modal-body .gform_fields {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .modal-body .gfield {
        padding: 0 !important;
        margin: 0 0 24px !important;
        flex: 0 0 100%;
        max-width: 100%
    }

    @media(min-width:768px) {
        .modal-body .gfield--half {
            flex: 0 0 calc(50% - var(--grid-gap)/ 2);
            max-width: calc(50% - var(--grid-gap)/ 2)
        }
    }

    .modal-body .ginput_container {
        margin: 0 !important
    }

    .modal-body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        width: 100%;
        margin: 0;
        padding: 2px 0;
        display: block;
        width: 100%;
        font-size: inherit;
        font-family: inherit;
        font-weight: inherit;
        line-height: 1.34;
        border: 1px solid transparent;
        border-bottom-color: #161618;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0
    }

    .modal-body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
        color: rgba(37, 34, 39, .7)
    }

    .modal-body .gfield_label {
        color: rgba(0, 0, 0, .7);
        display: block;
        margin-bottom: .5em;
        font-weight: 300 !important
    }

    .modal-body .gform_wrapper .gfield_required {
        color: currentColor !important;
        margin-left: 4px
    }

    .modal-body .job-posting-attachment,
    .modal-body .job-posting-prior-experience {
        display: block;
        margin-top: 24px !important;
        margin-bottom: 28px !important
    }

    .modal-body .gform-contact-textarea {
        margin-top: 24px !important;
        margin-bottom: 40px !important
    }

    .modal-body .gform-contact-cover-letter {
        margin-top: 0 !important;
        margin-bottom: 40px !important
    }

    .modal-body .gform_wrapper ul.gfield_checkbox li,
    .modal-body .gform_wrapper ul.gfield_radio li {
        overflow: visible
    }

    .modal-body .textarea {
        padding: 0;
        height: 120px !important;
        margin: 0 0 24px
    }

    .modal-body .gform_footer {
        padding: 0 !important
    }

    .modal-body .gform_button {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0 40px 0 0;
        background-color: transparent;
        border: 0;
        color: #00b0bb;
        font-family: inherit;
        font-size: inherit;
        background-size: 24px 24px;
        cursor: pointer
    }

    .modal-body .gfield_radio {
        display: flex;
        align-items: center
    }

    .modal-body .gform_wrapper .gfield_checkbox li label,
    .modal-body .gform_wrapper .gfield_radio li label {
        max-width: none
    }

    .modal-body .gform-custom-radio-button {
        padding: 10px 0 !important
    }

    .modal-body .gform-custom-radio-button .gfield_radio {
        margin: 12px 0 0 !important
    }

    .modal-body .gform-custom-radio-button li {
        overflow: visible !important
    }

    .modal-body .gform-custom-radio-button li [type=radio] {
        opacity: 0;
        position: absolute;
        z-index: -1
    }

    .modal-body .gform-custom-radio-button li label {
        display: block;
        background-color: transparent;
        width: auto;
        border: 2px solid var(--color-white);
        border-radius: 40rem;
        font-size: 1.5em;
        padding: .5rem 2rem;
        color: var(--color-white);
        letter-spacing: -.04em;
        text-transform: capitalize;
        text-align: center;
        text-decoration: none;
        font-weight: 400 !important;
        cursor: pointer;
        display: inline-block;
        transition: 1.2s;
        transform: scale(1);
        cursor: pointer;
        transition: .5s ease-out;
        margin: 1em 20px 0 0
    }

    .modal-body .gform-custom-radio-button li [type=radio]:checked~label {
        border-color: var(--color-white);
        background-color: var(--color-white);
        color: #000
    }

    .form-block-field-label-text {
        color: var(--color-white)
    }

    body.is-tabbing .modal-body .gform-custom-radio-button li [type=radio]:focus~label {
        transform: scale(.9)
    }

    .form-block-field label {
        color: #fff;
        display: none
    }

    .modal-body .gform_wrapper div.validation_error {
        color: #a0121d;
        font-weight: 400;
        text-align: left;
        border: 0;
        padding: 0 0 16px
    }

    .modal-body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .modal-body .gform_wrapper li.gfield_error textarea {
        border: 0;
        border-bottom: 1px solid #a0121d
    }

    .modal-body .gform_wrapper li.gfield.gfield_error,
    .modal-body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
        border: 0;
        background-color: transparent
    }

    .modal-body .gform_wrapper .validation_message {
        padding: 0;
        margin: 8px 0 16px;
        font-weight: 400;
        color: #a0121d;
        background-color: var(--color-black);
        padding: 10px
    }

    .gform-custom-radio-button li label {
        display: block;
        font-size: 14px !important;
        line-height: 20px !important;
        border: 1px solid #e6e6e6;
        padding: 8px 20px !important;
        font-weight: 400 !important;
        cursor: pointer;
        transition: all .25s ease
    }

    .gform-custom-radio-button li [type=radio]:checked~label {
        border-color: var(--color-black);
        border-color: var(--color-black);
        scale: .9;
        color: #fff
    }

    .gform-custom-radio-button li [type=radio]:focus~label {
        scale: .9
    }

    .form-block-message,
    .form-block-success {
        height: 100%;
        width: 100%;
        color: var(--color-white);
        font-size: 48px
    }

    @media only screen and (max-width:736px) {
        .button2 {
            margin-top: 20px
        }

        .modal-contact {
            display: block;
            overflow-y: scroll;
            font-size: 1em;
            color: inherit;
            min-height: 30%;
            min-width: 50%;
            width: 100%;
            max-height: 100vh;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: var(--background-dark);
            z-index: 9999
        }

        modal-body {
            padding-bottom: 48px
        }

        .form-block-submit {
            padding: 0
        }

        .form-block-field-input {
            flex-basis: 100%;
            padding: 0;
            border: 0
        }

        .form-block-field input {
            padding: 10px;
            border: 2px solid var(--color-white);
            color: #fff;
            margin-top: 10px;
            line-height: 1em
        }

        .form-block-field-textarea {
            padding: 0;
            flex-basis: 100%
        }

        .modal-body .gfield_radio {
            display: block;
            align-items: center
        }

        .form-block-field-radio {
            padding: 0;
            border: 0;
            flex-basis: 100%
        }

        .modal-body .gform-custom-radio-button .gfield_radio {
            margin: 0 !important
        }

        .modal-body .gform-custom-radio-button {
            padding: 0 !important
        }

        legend {
            padding: 30px 0 20px 0 !important;
            font-size: 18px
        }

        .form-block-field label {
            display: none
        }

        .form-block-field-textarea textarea {
            padding: 0 10px 0 10px !important
        }

        .modal-body .gform-custom-radio-button li {
            overflow: visible !important;
            margin-bottom: 10px;
            margin-top: 0
        }

        .modal-body .gform-custom-radio-button li label {
            display: block;
            background-color: transparent;
            border-radius: 0;
            width: 100%;
            font-size: 1em;
            padding: .5rem 2rem;
            margin: 0 !important
        }

        .modal-inner {
            display: block;
            padding: 19px;
            min-height: 30%;
            min-width: 70%;
            max-width: 90%;
            max-height: 85%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            border: 1px dotted #000;
            border-radius: 0 0 20px 20px;
            filter: drop-shadow(5px 7px 10px rgba(0, 0, 0, .3));
            z-index: 9999
        }

        .modal-inner p {
            font-size: .9rem;
            font-weight: 300;
            line-height: 1.2;
            color: #000;
            padding: 0 0 1rem 0;
            font-family: var(--font-family-sans)
        }

        .modal-inner h3 {
            font-weight: 500;
            margin-bottom: 2rem;
            line-height: 2.5rem;
            font-size: 3rem
        }

        .modal-close-btn {
            position: absolute;
            top: 20px;
            right: 20px
        }
    }

    .spinner {
        margin: 0 auto;
        width: 70px;
        text-align: center
    }

    .spinner>div {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

    @-webkit-keyframes sk-bouncedelay {

        0,
        100%,
        80% {
            -webkit-transform: scale(0)
        }

        40% {
            -webkit-transform: scale(1)
        }
    }

    @keyframes sk-bouncedelay {

        0,
        100%,
        80% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        40% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    .error {
        position: fixed;
        z-index: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--background-dark);
        transition: 1s;
        border-bottom: 2px solid #000
    }

    .vid-home iframe {
        width: 100vw;
        height: 56.25vw;
        min-height: 100vh;
        min-width: 177.77vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .panel .vid-overlay-link {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2
    }

    @media screen and (max-width:600px) {
        .title-excerpt {
            padding: 30px 10px 10px 10px
        }

        .n-title {
            padding-bottom: 5px;
        }
    }

    #cookie_banner-wrapper {
        z-index: 9001;
        position: relative
    }

    @-webkit-keyframes fadeInRight {
        0 {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes fadeInRight {
        0 {
            opacity: 0;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }
    }

    #cookie_banner-wrapper .cookie_container {
        position: fixed;
        bottom: 0;
        overflow: hidden;
        padding: 15px;
        background: #fff;
        border: 2px solid #000;
        filter: drop-shadow(0 8px 26px #000);
        color: #000;
        box-sizing: border-box;
        z-index: 99;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: .8s;
        -moz-animation-duration: .8s;
        -o-animation-duration: .8s;
        animation-duration: .8s;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    @media (max-width:499px) {
        #cookie_banner-wrapper .cookie_container {
            left: 0;
            right: 0
        }
    }

    @media (min-width:500px) {
        #cookie_banner-wrapper .cookie_container {
            width: 30vw;
            bottom: 1.5em;
            right: 2em
        }
    }

    @media screen and (min-width:768px) {
        #cookie_banner-wrapper .cookie_container {
            font-size: .9em
        }
    }

    #cookie_banner-wrapper .cookie_container .cookie_message a {
        text-decoration: none;
        color: #fff
    }

    #cookie_banner-wrapper .cookie_container .cookie_message a:hover {
        text-decoration: underline;
        color: #fff
    }

    #cookie_banner-wrapper .cookie_container .cookie_message a:active {
        color: #fff
    }

    #cookie_banner-wrapper .cookie_container .cookie_btn {
        background-color: #fff;
        color: #fff;
        border-radius: 40vw;
        border: 2px solid #fff;
        padding: 6px 12px;
        text-align: center;
        cursor: pointer;
        width: 100%
    }

    #cookie_banner-wrapper .cookie_container .cookie_btn:hover {
        background-color: #fff
    }

    @media print {
        #cookie_banner-wrapper {
            display: none
        }
    }

    .overlay .close-nav-container {
        position: absolute;
        color: none;
        height: 100vh;
        width: 100vw;
        top: 0;
        left: 0;
        display: block;
        background-color: transparent;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        padding: 0;
        z-index: -1
    }
}