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

body {
    margin: 0
}

main,
section {
    display: block
}

[hidden] {
    display: none
}

a {
    background-color: #0000
}

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

b {
    font-weight: 700
}

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

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

button {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled] {
    cursor: default
}

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

@font-face {
    font-family: webflow-icons;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
    font-weight: 400;
    font-style: normal
}

[class*=\ w-icon-],
[class^=w-icon-] {
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-family: webflow-icons !important
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-hidden {
    display: none
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

html[data-w-dynpage] [data-w-cloak] {
    color: #0000 !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px
}

h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 24px
}

h5 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px
}

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

p {
    margin-top: 0;
    margin-bottom: 10px
}

[type=button],
[type=reset],
button {
    cursor: pointer;
    -webkit-appearance: button;
    border: 0
}

.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}

.w-container:after,
.w-container:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-container:after {
    clear: both
}

.w-hidden-main {
    display: none !important
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }

    .w-hidden-main {
        display: inherit !important
    }
}

@media screen and (max-width:767px) {
    .w-hidden-main {
        display: inherit !important
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }

    .w-hidden-main {
        display: inherit !important
    }
}

[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important
}

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

    to {
        transform: rotate(360deg)
    }
}

.w-dyn-hide {
    display: none !important
}

body {
    background-color: var(--dark--main);
    font-family: var(--font--body);
    color: var(--light--main);
    letter-spacing: .004em;
    font-size: 1em;
    line-height: 1.5
}

h1 {
    font-family: var(--font--display);
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 6.25em;
    font-weight: 400;
    line-height: .9
}

h2 {
    font-family: var(--font--display);
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4em;
    font-weight: 400;
    line-height: .9
}

h3 {
    font-family: var(--font--heading);
    letter-spacing: -.015em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.1
}

h4 {
    font-family: var(--font--heading);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.25em;
    font-weight: 500;
    line-height: 1.1
}

h5 {
    font-family: var(--font--heading);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2em;
    font-weight: 500;
    line-height: 1.15
}

h6 {
    font-family: var(--font--heading);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.3
}

p {
    text-transform: uppercase;
    margin-bottom: 0
}

a {
    text-decoration: underline
}

label {
    margin-bottom: 0;
    font-weight: 400;
    display: block
}

.w {
    width: 100%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5em;
    padding-right: 5em
}

.title-l {
    font-family: var(--font--display);
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 4em;
    font-weight: 400;
    line-height: .9
}

.title-m {
    font-family: var(--font--heading);
    letter-spacing: -.015em;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.1
}

.title-m.txt-inline {
    vertical-align: text-bottom;
    display: inline
}

.title-s {
    font-family: var(--font--heading);
    letter-spacing: -.01em;
    font-size: 2.25em;
    line-height: 1.1
}

.title-xs {
    font-family: var(--font--heading);
    letter-spacing: -.01em;
    font-size: 2em;
    font-weight: 500;
    line-height: 1.15
}

.txt-size-l {
    font-size: 1.25em
}

.txt-size-s {
    font-size: .875em
}

.txt-size-xs {
    font-size: .75em
}

.txt-align-center {
    text-align: center
}

.txt-align-left {
    text-align: left
}

.div-hide {
    overflow: hidden
}

.div-relative {
    position: relative
}

.div-z_index1 {
    z-index: 1;
    position: relative
}

.div-z_index2 {
    z-index: 2;
    will-change: transform;
    position: relative
}

.div-z_index0 {
    z-index: 0;
    position: relative
}

.align-left {
    margin-left: 0;
    margin-right: auto
}

.hide {
    display: none
}

.title-display {
    font-family: var(--font--display);
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 8.75em;
    line-height: .9
}

.p {
    text-transform: uppercase
}

.button_in {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}

.txt-button {
    letter-spacing: -.04em;
    text-transform: uppercase;
    font-weight: 400
}

.button_bg-dark {
    background-color: #121212;
    border: 1px solid #fafafa14;
    border-radius: .3125em;
    position: absolute;
    inset: 0
}

.button_labels-wrap {
    perspective: 1000px;
    position: relative
}

.button_label-relative {
    transform-origin: 0 0;
    padding-top: .75em;
    padding-bottom: .75em
}

.button_label-absolute {
    transform-origin: 0 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0
}

.button_spacer-left {
    flex: none;
    width: 1em;
    height: 0
}

.grid {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    position: relative
}

.button_lottie {
    width: 1.5em;
    height: 1.5em;
    position: relative
}

.icon_lottie-element {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
    margin-left: .5em;
    margin-right: .5em;
    display: inline-block;
    position: relative;
    transform: translateY(.2em)
}

.icon_lottie-bg {
    border: 2px solid var(--dark--300);
    border-radius: 100vw;
    position: absolute;
    inset: 0;
    box-shadow: 0 2px 4px #0000003d
}

.icon_lottie {
    justify-content: center;
    align-items: center;
    width: 1.75em;
    height: 1.75em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.txt-inline {
    display: inline
}

.h-work_section {
    padding-top: 6.75em;
    padding-bottom: 6.25em
}

.h-work_head {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    min-width: 25em;
    max-width: 27em;
    font-size: 1em
}

.h-work_cms {
    margin-top: 2em
}

.h-work_list {
    grid-column-gap: 0;
    grid-row-gap: 0;
    pointer-events: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch
}

.h-work_item {
    pointer-events: none;
    margin-bottom: -3.5em;
    position: relative
}

.h-work_title {
    font-size: 8.75em
}

.h-work_asset {
    /* border: 1px solid var(--dark--300); */
    border-radius: .125em;
    max-height: 12.5em;
    position: relative;
    overflow: hidden
}

.h-work_name-w {
    pointer-events: auto;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: opacity .2s;
    display: flex
}

.h-work_infos {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: -.125em;
    padding-right: .25em;
    display: flex
}

.h-work_link {
    width: 100%;
    height: 100%
}

.tag-xs {
    transform-origin: 0;
    color: var(--light--75-opacity);
    text-transform: uppercase;
    background-color: #fafafa14;
    border-radius: .3em;
    padding: .2em .55em .15em;
    font-size: .75em
}

.svg-icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.opacity60 {
    opacity: .6
}

.button_section {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 25em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8em;
    padding-bottom: 8em;
    display: flex
}

.button-dark {
    padding-left: .75em;
    padding-right: 1.25em;
    position: relative
}

.cursor {
    z-index: 1150;
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    border: 0 solid var(--light--08-opacity);
    opacity: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none;
    text-transform: uppercase;
    mix-blend-mode: difference;
    border-radius: .3em;
    justify-content: flex-start;
    align-items: center;
    padding: 0 .55em .15em 0;
    font-size: .75em;
    transition: opacity .3s cubic-bezier(.16, 1, .3, 1);
    display: flex;
    position: fixed;
    inset: 0 auto auto 0
}

.h-work_asset-c {
    
    position: relative
}

.works-list_section {
    cursor: progress;
    padding-top: 40vh;
    padding-bottom: 10em;
    position: relative
}

.works_list {
    flex-flow: column;
    display: flex
}

.work_item {
    position: relative
}

.work_name-w {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    transition: opacity .2s;
    display: flex
}

.work_infos {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: .5em;
    display: flex
}

.work_infos.is_work-cms,
.work_infos.is_work-page {
    margin-bottom: .25em
}

.work_desc-w {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
    overflow: hidden
}

.work_desc-spacer {
    height: 1em
}

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

.pointer-events_none {
    pointer-events: none
}

.pointer-events_auto {
    pointer-events: auto;
    cursor: auto
}

.work_link-ab {
    z-index: 1;
    display: none;
    position: absolute;
    inset: 0
}

.work_btn-mob {
    display: none
}

.work_item-title {
    font-family: var(--font--display);
    text-align: center;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-size: 6.25em;
    line-height: .9
}

.work_title {
    font-size: 6em
}

.work_section {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    cursor: progress;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    min-height: 100svh;
    max-height: 1200px;
    padding-top: 7.25em;
    display: flex;
    position: relative;
    overflow: hidden
}

.work_asset {
    flex: 0 auto;
    width: 100%;
    padding-left: .625em;
    padding-right: .625em
}

.work_content-wrap {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.work_content-wrap.txt-align-center {
    transform-origin: 50% 0
}

.work_desc-wrap {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    pointer-events: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 21em;
    display: flex
}

.index-trigger {
    z-index: 1001;
    margin-top: -1em;
    position: absolute;
    inset: 0 auto auto 0
}

.index_cms {
    display: flex;
    position: relative
}

.index_list {
    width: 100%
}

.index_item {
    z-index: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.index_link {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-height: 4.25em;
    display: flex
}

.index_item-content {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.spacer_section-m {
    height: 7.5em
}

.cursor_icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 1.25em;
    height: 1.25em;
    display: none
}

._40_link-ab {
    position: absolute;
    inset: 0
}

._404_link {
    margin-top: 3.5em
}

@media screen and (max-width:991px) {
    .w {
        padding-left: 3em;
        padding-right: 3em
    }

    .hide-tablet {
        display: none
    }

    .grid {
        grid-column-gap: 1em;
        grid-row-gap: 1em;
        width: 100%
    }

    .h-work_head {
        text-align: center;
        max-width: none
    }

    .h-work_cms {
        margin-top: 3em
    }

    .h-work_item {
        border-bottom: 1px solid var(--light--08-opacity);
        margin-bottom: 3em;
        padding-bottom: 3em
    }

    .h-work_item:last-child {
        border-bottom-style: none
    }

    .h-work_name-w {
        margin-top: .75em
    }

    .h-work_infos {
        justify-content: center;
        align-items: center
    }

    .works-list_section {
        padding-top: 0
    }

    .works_list {
        grid-column-gap: 12em;
        grid-row-gap: 12em
    }

    .work_name-w {
        margin-top: .75em
    }

    .work_infos {
        justify-content: center;
        align-items: center
    }

    .work_link-ab {
        display: block
    }

    .work_btn-mob {
        display: block
    }

    .work_section {
        max-height: none;
        padding-top: 8em;
        padding-bottom: 3em
    }

    .work_desc-wrap {
        pointer-events: auto
    }
}

@media screen and (max-width:767px) {
    h2 {
        font-size: 3.125em
    }

    h3 {
        font-size: 2.25em
    }

    h4 {
        font-size: 1.75em
    }

    h5 {
        font-size: 1.5em
    }

    h6 {
        font-size: 1.25em
    }

    .w {
        padding-left: 1.25em;
        padding-right: 1.25em
    }

    .title-l {
        font-size: 3.125em
    }

    .title-m {
        font-size: 2.25em
    }

    .title-s {
        font-size: 1.75em
    }

    .title-xs {
        font-size: 1.5em
    }

    .txt-size-l {
        font-size: 1.125em
    }

    .hide-mobile-l {
        display: none
    }

    .title-display {
        font-size: 5em
    }

    .txt-button {
        font-size: .875em
    }

    .button_lottie {
        width: 1.25em;
        height: 1.25em
    }

    .icon_lottie-element {
        width: 2.5em;
        height: 2.5em;
        margin-left: .375em;
        margin-right: .375em;
        transform: translateY(.4em)
    }

    .icon_lottie-bg {
        display: none
    }

    .h-work_head {
        min-width: 100%
    }

    .h-work_item {
        margin-bottom: 2.5em;
        padding-bottom: 2.5em
    }

    .h-work_item:last-child {
        margin-bottom: 0
    }

    .h-work_title {
        font-size: 5em
    }

    .button-dark {
        padding-left: .625em;
        padding-right: 1.125em
    }

    .work_item-title {
        font-size: 5em
    }

    .work_section {
        padding-top: 6em
    }

    .txt-align-center_mob {
        text-align: center
    }
}

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

    .title-m,
    h3 {
        font-size: 2em
    }

    .hide-mobile {
        display: none
    }

    .hide {
        display: none
    }

    .grid {
        grid-column-gap: .5em;
        grid-row-gap: .5em
    }

    .icon_lottie-element {
        width: 1.875em;
        height: 1.875em;
        transform: translateY(.2em)
    }

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

    .h-work_section {
        padding-bottom: 2em
    }

    .h-work_head {
        min-width: auto;
        max-width: 19.5em
    }

    .h-work_title {
        text-align: center
    }

    .h-work_infos {
        margin-top: 0;
        padding-right: 0
    }

    .works_list {
        grid-column-gap: 0;
        grid-row-gap: 0
    }

    .work_item {
        border-bottom: 1px solid var(--light--08-opacity);
        padding-top: 5em;
        padding-bottom: 5em
    }

    .work_name-w {
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 0
    }

    .work_infos {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
        justify-content: space-between;
        align-items: center;
        margin-top: 0;
        padding-right: 0;
        position: absolute;
        inset: 0 0 auto
    }

    .work_infos.is_work-cms,
    .work_infos.is_work-list {
        margin-top: -1.75em
    }

    .work_infos.is_work-page {
        justify-content: center;
        align-items: center;
        margin-top: -1.75em
    }

    .work_desc-spacer {
        height: .375em
    }

    .work_link {
        padding-top: 2em;
        position: relative
    }

    .work_item-title {
        font-size: 3.125em
    }

    .work_title {
        font-size: 5em
    }

    .work_section {
        grid-column-gap: 8em;
        grid-row-gap: 8em;
        cursor: auto;
        justify-content: flex-start;
        min-height: auto;
        padding-top: 8em
    }
}

[data-hidden] {
    visibility: hidden
}

@media (min-width:991px) {
    .works-list_section h2 {
        opacity: .1;
        transform: scale(.8);
        transition: transform .4s cubic-bezier(.16, 1, .3, 1), opacity .4s cubic-bezier(.16, 1, .3, 1)
    }

    .work_item {
        pointer-events: none;
        transition: opacity .2s, margin-bottom .4s cubic-bezier(.16, 1, .3, 1)
    }

    .work_item .tag-xs {
        opacity: 0;
        transform: translateY(50%);
        transition: transform .4s cubic-bezier(.16, 1, .3, 1), opacity .4s cubic-bezier(.16, 1, .3, 1)
    }

    .h-work_asset {
        opacity: 0;
        transform: scale(.4);
        transition: opacity .6s cubic-bezier(.16, 1, .3, 1), transform .5s cubic-bezier(.16, 1, .3, 1)
    }

    .h-work_asset>* {
        transform: scale(1.4);
        transition: transform .5s cubic-bezier(.16, 1, .3, 1)
    }

    .work_desc-w {
        opacity: 0;
        transition: opacity .6s cubic-bezier(.16, 1, .3, 1)
    }
}

@media (min-width:991px) {
    .work_item {
        margin-bottom: 0;
        transform: translateY(150vh)
    }

    .work_item:not(:first-child) {
        margin-top: -6em
    }

    .work_item.active {
        pointer-events: auto
    }

    .works-list_section .work_item.active h2 {
        opacity: 1;
        transform: scale(1)
    }

    .work_item.active {
        opacity: 1
    }

    .work_item.active .work_link-ab {
        display: none
    }

    .work_link-ab {
        display: none
    }

    .work_item.active .tag-xs {
        opacity: 1;
        transform: translateY(0)
    }

    .work_item.active .tag-xs:nth-child(1) {
        transition-delay: 50ms
    }

    .work_item.active .tag-xs:nth-child(2) {
        transition-delay: .1s
    }

    .work_item.active .h-work_asset {
        opacity: 1;
        transform: scale(1)
    }

    .work_item.active .h-work_asset>* {
        transform: scale(1)
    }

    .work_item.active .h-work_asset:nth-child(1) {
        transition-delay: 0s
    }

    .work_item.active .h-work_asset:nth-child(2) {
        transition-delay: 50ms
    }

    .work_item.active .h-work_asset:nth-child(4) {
        transition-delay: .15s
    }

    .work_item.active .h-work_asset:nth-child(5) {
        transition-delay: .2s
    }

    .work_item.active .h-work_asset:nth-child(1)>* {
        transition-delay: 0s
    }

    .work_item.active .h-work_asset:nth-child(2)>* {
        transition-delay: 50ms
    }

    .work_item.active .h-work_asset:nth-child(4)>* {
        transition-delay: .15s
    }

    .work_item.active .h-work_asset:nth-child(5)>* {
        transition-delay: .2s
    }

    .work_item.active .work_desc-w {
        opacity: 1
    }
}