[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
}
.w-icon-slider-right:before {
    content: ""
}
.w-icon-slider-left:before {
    content: "î˜"
}
.w-icon-nav-menu:before {
    content: ""
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
    content: ""
}
.w-icon-file-upload-remove:before {
    content: ""
}
.w-icon-file-upload-icon:before {
    content: ""
}
* {
    box-sizing: border-box
}
.w-block {
    display: block
}
.w-inline-block {
    max-width: 100%;
    display: inline-block
}
.w-clearfix:before, .w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-clearfix:after {
    clear: both
}
.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
}
input.w-button {
    -webkit-appearance: button
}
html[data-w-dynpage] [data-w-cloak] {
    color: transparent !important
}
.w-webflow-badge, .w-webflow-badge * {
    z-index: auto;
    visibility: visible;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    float: none;
    clear: none;
    box-shadow: none;
    opacity: 1;
    direction: ltr;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: inherit;
    text-shadow: none;
    font-smoothing: auto;
    vertical-align: baseline;
    cursor: inherit;
    white-space: inherit;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    background: 0 0;
    border: 0 transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;
    list-style-type: disc;
    transition: none;
    display: block;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    overflow: visible;
    transform: none
}
.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
    visibility: visible !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    top: auto !important;
    bottom: 12px !important;
    left: auto !important;
    right: 12px !important;
    overflow: visible !important;
    transform: none !important
}
.w-webflow-badge > img {
    visibility: visible !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important
}
.w-list-unstyled {
    padding-left: 0;
    list-style: none
}
.w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-embed:after {
    clear: both
}
.w-video {
    width: 100%;
    padding: 0;
    position: relative
}
.w-video iframe, .w-video object, .w-video embed {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0
}
.w-form {
    margin: 0 0 15px
}
.w-form-done {
    text-align: center;
    background-color: #ddd;
    padding: 20px;
  
}
.w-form-fail {
    background-color: #ffdede;
    margin-top: 10px;
    padding: 10px;
    display: none
}
.w-input, .w-select {
    width: 100%;
    height: 38px;
    color: #333;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    display: block
}
.w-input:-moz-placeholder, .w-select:-moz-placeholder {
    color: #999
}
.w-input::-moz-placeholder, .w-select::-moz-placeholder {
    color: #999;
    opacity: 1
}
.w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder {
    color: #999
}
.w-input:focus, .w-select:focus {
    border-color: #3898ec;
    outline: 0
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
    cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee
}
textarea.w-input, textarea.w-select {
    height: auto
}
.w-select {
    background-color: #f3f3f3
}
.w-select[multiple] {
    height: auto
}
.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block
}
.w-radio {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}
.w-radio:before, .w-radio:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-radio:after {
    clear: both
}
.w-radio-input {
    float: left;
    margin: 3px 0 0 -20px;
    line-height: normal
}
.w-file-upload {
    margin-bottom: 10px;
    display: block
}
.w-file-upload-input {
    width: .1px;
    height: .1px;
    opacity: 0;
    z-index: -100;
    position: absolute;
    overflow: hidden
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
    color: #333;
    display: inline-block
}
.w-file-upload-error {
    margin-top: 10px;
    display: block
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
    display: none
}
.w-file-upload-uploading-btn {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}
.w-file-upload-file {
    background-color: #fafafa;
    border: 1px solid #ccc;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    display: flex
}
.w-file-upload-file-name {
    font-size: 14px;
    font-weight: 400;
    display: block
}
.w-file-remove-link {
    width: auto;
    height: auto;
    cursor: pointer;
    margin-top: 3px;
    margin-left: 10px;
    padding: 3px;
    display: block
}
.w-icon-file-upload-remove {
    margin: auto;
    font-size: 10px
}
.w-file-upload-error-msg {
    color: #ea384c;
    padding: 2px 0;
    display: inline-block
}
.w-file-upload-info {
    padding: 0 12px;
    line-height: 38px;
    display: inline-block
}
.w-file-upload-label {
    cursor: pointer;
    background-color: #fafafa;
    border: 1px solid #ccc;
    margin: 0;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
    width: 20px;
    margin-right: 8px;
    display: inline-block
}
.w-icon-file-upload-uploading {
    height: 20px
}
.w-container {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto
}
.w-container:before, .w-container:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-container:after {
    clear: both
}
.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}
.w-row:before, .w-row:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-row:after {
    clear: both
}
.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}
.w-col {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}
.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}
.w-col-1 {
    width: 8.33333%
}
.w-col-2 {
    width: 16.6667%
}
.w-col-3 {
    width: 25%
}
.w-col-4 {
    width: 33.3333%
}
.w-col-5 {
    width: 41.6667%
}
.w-col-6 {
    width: 50%
}
.w-col-7 {
    width: 58.3333%
}
.w-col-8 {
    width: 66.6667%
}
.w-col-9 {
    width: 75%
}
.w-col-10 {
    width: 83.3333%
}
.w-col-11 {
    width: 91.6667%
}
.w-col-12 {
    width: 100%
}
.w-hidden-main {
    display: none !important
}
@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }
    .w-hidden-main {
        display: inherit !important
    }
    .w-hidden-medium {
        display: none !important
    }
    .w-col-medium-1 {
        width: 8.33333%
    }
    .w-col-medium-2 {
        width: 16.6667%
    }
    .w-col-medium-3 {
        width: 25%
    }
    .w-col-medium-4 {
        width: 33.3333%
    }
    .w-col-medium-5 {
        width: 41.6667%
    }
    .w-col-medium-6 {
        width: 50%
    }
    .w-col-medium-7 {
        width: 58.3333%
    }
    .w-col-medium-8 {
        width: 66.6667%
    }
    .w-col-medium-9 {
        width: 75%
    }
    .w-col-medium-10 {
        width: 83.3333%
    }
    .w-col-medium-11 {
        width: 91.6667%
    }
    .w-col-medium-12 {
        width: 100%
    }
    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}
@media screen and (max-width:767px) {
    .w-hidden-main, .w-hidden-medium {
        display: inherit !important
    }
    .w-hidden-small {
        display: none !important
    }
    .w-row, .w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }
    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }
    .w-col-small-1 {
        width: 8.33333%
    }
    .w-col-small-2 {
        width: 16.6667%
    }
    .w-col-small-3 {
        width: 25%
    }
    .w-col-small-4 {
        width: 33.3333%
    }
    .w-col-small-5 {
        width: 41.6667%
    }
    .w-col-small-6 {
        width: 50%
    }
    .w-col-small-7 {
        width: 58.3333%
    }
    .w-col-small-8 {
        width: 66.6667%
    }
    .w-col-small-9 {
        width: 75%
    }
    .w-col-small-10 {
        width: 83.3333%
    }
    .w-col-small-11 {
        width: 91.6667%
    }
    .w-col-small-12 {
        width: 100%
    }
}
@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }
    .w-hidden-main, .w-hidden-medium, .w-hidden-small {
        display: inherit !important
    }
    .w-hidden-tiny {
        display: none !important
    }
    .w-col {
        width: 100%
    }
    .w-col-tiny-1 {
        width: 8.33333%
    }
    .w-col-tiny-2 {
        width: 16.6667%
    }
    .w-col-tiny-3 {
        width: 25%
    }
    .w-col-tiny-4 {
        width: 33.3333%
    }
    .w-col-tiny-5 {
        width: 41.6667%
    }
    .w-col-tiny-6 {
        width: 50%
    }
    .w-col-tiny-7 {
        width: 58.3333%
    }
    .w-col-tiny-8 {
        width: 66.6667%
    }
    .w-col-tiny-9 {
        width: 75%
    }
    .w-col-tiny-10 {
        width: 83.3333%
    }
    .w-col-tiny-11 {
        width: 91.6667%
    }
    .w-col-tiny-12 {
        width: 100%
    }
}
.w-widget {
    position: relative
}
.w-widget-map {
    width: 100%;
    height: 400px
}
.w-widget-map label {
    width: auto;
    display: inline
}
.w-widget-map img {
    max-width: inherit
}
.w-widget-map .gm-style-iw {
    text-align: center
}
.w-widget-map .gm-style-iw > button {
    display: none !important
}
.w-widget-twitter {
    overflow: hidden
}
.w-widget-twitter-count-shim {
    vertical-align: top;
    width: 28px;
    height: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid #758696;
    border-radius: 3px;
    display: inline-block;
    position: relative
}
.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-size: 15px;
    line-height: 12px;
    position: relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative
}
.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    position: absolute;
    top: 50%;
    left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-top: -4px;
    margin-left: -9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-top: -4px;
    margin-left: -8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
}
.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}
.w-background-video {
    height: 500px;
    color: #fff;
    position: relative;
    overflow: hidden
}
.w-background-video > video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    margin: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
}
.w-background-video--control {
    background-color: transparent;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em
}
.w-background-video--control > [hidden] {
    display: none !important
}
.w-slider {
    height: 300px;
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    background: #ddd;
    position: relative
}
.w-slider-mask {
    z-index: 1;
    height: 100%;
    white-space: nowrap;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden
}
.w-slide {
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left;
    display: inline-block;
    position: relative
}
.w-slider-nav {
    z-index: 2;
    height: 40px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}
.w-slider-nav.w-round > div {
    border-radius: 100%
}
.w-slider-nav.w-num > div {
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    padding: .2em .5em
}
.w-slider-nav.w-shadow > div {
    box-shadow: 0 0 3px rgba(51, 51, 51, .4)
}
.w-slider-nav-invert {
    color: #fff
}
.w-slider-nav-invert > div {
    background-color: rgba(34, 34, 34, .4)
}
.w-slider-nav-invert > div.w-active {
    background-color: #222
}
.w-slider-dot {
    width: 1em;
    height: 1em;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .4);
    margin: 0 3px .5em;
    transition: background-color .1s, color .1s;
    display: inline-block;
    position: relative
}
.w-slider-dot.w-active {
    background-color: #fff
}
.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
    box-shadow: none
}
.w-slider-arrow-left, .w-slider-arrow-right {
    width: 80px;
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}
.w-slider-arrow-left [class^=w-icon-], .w-slider-arrow-right [class^=w-icon-], .w-slider-arrow-left [class*=\ w-icon-], .w-slider-arrow-right [class*=\ w-icon-] {
    position: absolute
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
    outline: 0
}
.w-slider-arrow-left {
    z-index: 3;
    right: auto
}
.w-slider-arrow-right {
    z-index: 4;
    left: auto
}
.w-icon-slider-left, .w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.w-slider-aria-label {
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    border: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}
.w-slider-force-show {
    display: block !important
}
.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative
}
.w-dropdown-toggle {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block
}
.w-dropdown-toggle:focus {
    outline: 0
}
.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}
.w-dropdown-list {
    min-width: 100%;
    background: #ddd;
    display: none;
    position: absolute
}
.w-dropdown-list.w--open {
    display: block
}
.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block
}
.w-dropdown-link.w--current {
    color: #0082f3
}
.w-dropdown-link:focus {
    outline: 0
}
@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}
.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(0, 0, 0, .9);
    outline: 0;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0)
}
.w-lightbox-backdrop, .w-lightbox-container {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}
.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden
}
.w-lightbox-view {
    width: 100vw;
    height: 100vh;
    opacity: 0;
    position: absolute
}
.w-lightbox-view:before {
    content: "";
    height: 100vh
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}
.w-lightbox-frame, .w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
}
.w-lightbox-figure {
    margin: 0;
    position: relative
}
.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}
.w-lightbox-img {
    width: auto;
    height: auto;
    max-width: none
}
.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block
}
.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}
.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, .4);
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}
.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.w-lightbox-control {
    width: 4em;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    transition: all .3s;
    position: absolute;
    top: 0
}
.w-lightbox-left {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
    display: none;
    bottom: 0;
    left: 0
}
.w-lightbox-right {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
    display: none;
    bottom: 0;
    right: 0
}
.w-lightbox-close {
    height: 2.6em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px;
    right: 0
}
.w-lightbox-strip {
    white-space: nowrap;
    padding: 0 1vh;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: auto;
    overflow-y: hidden
}
.w-lightbox-item {
    width: 10vh;
    box-sizing: content-box;
    cursor: pointer;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(0, 0)
}
.w-lightbox-active {
    opacity: .3
}
.w-lightbox-thumbnail {
    height: 10vh;
    background: #222;
    position: relative;
    overflow: hidden
}
.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}
.w-lightbox-spinner {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border: 5px solid rgba(0, 0, 0, .4);
    border-radius: 50%;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%
}
.w-lightbox-spinner:after {
    content: "";
    border: 3px solid transparent;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px
}
.w-lightbox-hide {
    display: none
}
.w-lightbox-noscroll {
    overflow: hidden
}
@media (min-width:768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh
    }
    .w-lightbox-view, .w-lightbox-view:before {
        height: 96vh
    }
    .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }
    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }
    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }
    .w-lightbox-left, .w-lightbox-right {
        opacity: .5;
        display: block
    }
    .w-lightbox-close {
        opacity: .8
    }
    .w-lightbox-control:hover {
        opacity: 1
    }
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
    opacity: 0
}
.w-richtext:before, .w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-richtext:after {
    clear: both
}
.w-richtext[contenteditable=true]:before, .w-richtext[contenteditable=true]:after {
    white-space: initial
}
.w-richtext ol, .w-richtext ul {
    overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type=video] > div:after {
    content: "";
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.w-richtext figure {
    max-width: 60%;
    position: relative
}
.w-richtext figure > div:before {
    cursor: default !important
}
.w-richtext figure img {
    width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}
.w-richtext figure div {
    color: transparent;
    font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type=image] {
    display: table
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type=image] > div {
    display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type=image] > figcaption {
    caption-side: bottom;
    display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type=video] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type=video] > div {
    width: 100%
}
.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type=image] > div {
    max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
    clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
    width: 100%;
    max-width: 100%;
    text-align: center;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block
}
.w-richtext figure.w-richtext-align-fullwidth > div {
    padding-bottom: inherit;
    display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
    display: block
}
.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px
}
.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}
.w-nav:before, .w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-nav:after {
    clear: both
}
.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}
.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative
}
.w-nav-link.w--current {
    color: #0082f3
}
.w-nav-menu {
    float: right;
    position: relative
}
[data-nav-menu-open] {
    text-align: center;
    min-width: 200px;
    background: #c8c8c8;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important
}
.w--nav-link-open {
    display: block;
    position: relative
}
.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
    top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay, .w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay, .w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto
}
.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}
.w-nav-button:focus {
    outline: 0
}
.w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
    display: none
}
.w-nav[data-collapse=all] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
    display: block
}
.w--nav-dropdown-list-open {
    position: static
}
@media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display: none
    }
    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}
@media screen and (max-width:767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display: none
    }
    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }
    .w-nav-brand {
        padding-left: 10px
    }
}
@media screen and (max-width:479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu {
        display: none
    }
    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}
.w-tabs {
    position: relative
}
.w-tabs:before, .w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-tabs:after {
    clear: both
}
.w-tab-menu {
    position: relative
}
.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative
}
.w-tab-link.w--current {
    background-color: #c8c8c8
}
.w-tab-link:focus {
    outline: 0
}
.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
}
.w-tab-pane {
    display: none;
    position: relative
}
.w--tab-active {
    display: block
}
@media screen and (max-width:479px) {
    .w-tab-link {
        display: block
    }
}
.w-ix-emptyfix:after {
    content: ""
}
@keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}
.w-dyn-empty {
    background-color: #ddd;
    padding: 10px
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
    display: none !important
}
.wf-layout-layout {
    display: grid
}
:root {
    --color--light-1: white;
    --color--dark-1: black;
    --color--dark-3: #616369;
    --color--dark-2: #3b3f46;
    --color--light-3: #e7e7e7;
    --color--light-4: #a4a6a8;
    --color--light-2: #efefef
}
.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block
}
.w-checkbox:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}
.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1/1/2/2;
    display: table
}
.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal
}
.w-checkbox-input--inputType-custom {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 2px
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formradioinput--inputType-custom {
    width: 12px;
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 50%
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec
}
.w-form-formrecaptcha {
    margin-bottom: 8px
}
.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.z-2 {
    z-index: 2;
    position: relative
}
.text-color-black {
    color: #000
}
.styleguide_row {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    border-left: 2px solid #000;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    display: grid
}
.styleguide_row.is-for-social-icons {
    min-height: 100%;
    grid-column-gap: .75rem;
    grid-row-gap: .75rem
}
.text-style-strikethrough {
    text-decoration: line-through
}
.text-weight-semibold {
    font-weight: 600
}
.text-weight-light {
    font-weight: 300
}
.max-width-full {
    width: 100%;
    max-width: none
}
.layer {
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.show {
    display: block
}
.overflow-hidden {
    overflow: hidden
}
.global-styles {
    display: block;
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}
.icon-1x1-small {
    width: 2em;
    height: 2em
}
.button {
    height: 4em;
    min-width: 14em;
    background-color: var(--color--dark-1);
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    cursor: none;
    border-radius: 14em;
    justify-content: center;
    align-items: center;
    padding: 1.4em 2em;
    font-size: .83em;
    font-weight: 500;
    transition: color .2s, background-color .2s;
    display: flex
}
.button:hover {
    background-color: var(--color--dark-1)
}
.heading-medium {
    font-size: 2.92em;
    font-weight: 400;
    line-height: 1.2
}
.heading-large {
    font-size: 5.73em;
    font-weight: 300;
    line-height: 1.2
}
.text-weight-bold {
    font-weight: 700
}
.text-size-large {
    font-size: 2em
}
.icon-medium {
    height: 3em
}
.text-size-regular {
    font-size: 1.25em
}
.text-weight-normal {
    font-weight: 400
}
.styleguide_section {
    grid-column-gap: 0;
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid
}
.text-align-center {
    text-align: center
}
.z-1 {
    z-index: 1;
    position: relative
}
.icon-small {
    height: 2em
}
.show-mobile-portrait {
    display: none
}
.text-style-italic {
    font-style: italic
}
.background-color-primary {
    background-color: var(--color--dark-2)
}
.hide {
    display: none
}
.styleguide_section-type {
    z-index: 2;
    background-color: var(--color--dark-1);
    color: var(--color--light-1);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-right: 4px solid #000;
    margin-bottom: .5em;
    padding: 1.25em;
    font-size: 1.25em;
    font-weight: 400;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}
.text-size-medium {
    font-size: 1.5em
}
.text-align-left {
    text-align: left
}
.text-weight-xbold {
    font-weight: 800
}
.text-style-link {
    color: var(--color--dark-1);
    font-style: italic;
    font-weight: 500;
    text-decoration: underline
}
.text-style-muted {
    opacity: .6
}
.text-size-small {
    font-size: 1em
}
.text-rich-text h1 {
    margin-top: 1.5em;
    margin-bottom: .2em
}
.text-rich-text h2 {
    margin-top: .5em;
    margin-bottom: 1.25rem;
    font-size: 4em;
    font-weight: 500;
    line-height: 1.2
}
.text-rich-text h3 {
    margin-top: .5em;
    margin-bottom: .5rem
}
.text-rich-text h4 {
    color: var(--color--dark-1);
    letter-spacing: normal;
    text-transform: none;
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 2em;
    line-height: 1.2
}
.text-rich-text h5 {
    margin-top: .5rem;
    margin-bottom: 1rem;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.3
}
.text-rich-text h6 {
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: 500
}
.text-rich-text p {
    color: var(--color--dark-2);
    margin-bottom: 1rem;
    font-weight: 400
}
.text-rich-text blockquote {
    border-left-width: 2px;
    margin-bottom: 1rem;
    font-size: 3em;
    font-style: italic
}
.text-rich-text ul {
    color: var(--color--dark-2);
    margin-bottom: 1rem;
    padding-left: 2.5em;
    font-weight: 400
}
.text-rich-text li {
    margin-bottom: .5em;
    font-size: 1.25em
}
.text-rich-text figure {
    border-radius: .75em;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: hidden
}
.text-rich-text a {
    color: var(--color--dark-2);
    font-style: italic;
    font-weight: 600;
    text-decoration: none
}
.text-rich-text figcaption {
    color: var(--color--dark-2)
}
.text-rich-text ol {
    color: var(--color--dark-2);
    font-weight: 400
}
.max-width-xlarge {
    width: 100%;
    max-width: 64rem
}
.icon-large {
    height: 4em
}
.max-width-medium {
    width: 100%;
    max-width: 32rem
}
.heading-xlarge {
    font-size: 6.77em;
    font-weight: 400;
    line-height: 1.1
}
.max-width-xsmall {
    width: 100%;
    max-width: 16rem
}
.form-input {
    min-height: 3.5em;
    background-color: transparent;
    margin-bottom: .75rem;
    padding: .5em 1em
}
.max-width-xxsmall {
    width: 100%;
    max-width: 12rem
}
.page-wrapper.is-static {
    font-size: 1rem
}
.text-size-tiny {
    font-size: .75em
}
.icon-1x1-medium {
    width: 3rem;
    height: 3em
}
.container-large {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8.33em;
    padding-right: 8.33em
}
.max-width-xxlarge {
    width: 100%;
    max-width: 80rem
}
.background-color-black {
    background-color: var(--color--dark-1);
    color: #f5f5f5
}
.text-style-quote {
    border-left: .25rem solid #e2e2e2;
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    font-size: 1.25em;
    line-height: 1.5
}
.styleguide_classes {
    display: none
}
.align-center {
    margin-left: auto;
    margin-right: auto
}
.styleguide_1-col {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    border-left: 2px solid var(--color--dark-1);
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 4em;
    display: grid
}
.styleguide_1-col.gap-medium {
    grid-row-gap: 2.5rem
}
.styleguide_1-col.is-background-lightgray {
    background-color: var(--color--light-3)
}
.spacing-clean {
    margin: 0;
    padding: 0
}
.page-padding {
    padding-left: 4.17em;
    padding-right: 4.17em
}
.fs-styleguide_2-col {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    justify-content: start;
    display: grid
}
.text-align-right {
    text-align: right
}
.show-tablet {
    display: none
}
.max-width-large {
    width: 100%;
    max-width: 48rem
}
.text-color-grey {
    color: var(--color--light-4)
}
.show-mobile-landscape {
    display: none
}
.background-color-white {
    background-color: var(--color--light-1)
}
.max-width-small {
    width: 100%;
    max-width: 20rem
}
.icon-1x1-large {
    width: 4em;
    height: 4em
}
.form-message-error {
    margin-top: .75rem;
    padding: .75rem
}
.utility_component {
    width: 100%;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    background-color: var(--color--light-1);
    justify-content: center;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex
}
.utility_form-block {
    z-index: 2;
    max-width: 20rem;
    text-align: center;
    flex-direction: column;
    display: flex;
    position: relative
}
.utility_form {
    flex-direction: column;
    align-items: stretch;
    display: flex
}
.utility_image {
    margin-bottom: .5rem;
    margin-left: auto;
    margin-right: auto
}
.main-wrapper {
    position: relative
}
.container-medium {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5em;
    padding-right: 5em
}
.button-secondary {
    border-style: solid;
    border-width: .125rem;
    border-color: var(--color--dark-2)#386eec #386eec;
    color: var(--color--dark-2);
    text-align: center;
    background-color: transparent;
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    padding: 1em 2em;
    font-weight: 600;
    transition: color .2s, background-color .2s, border-color .2s
}
.button-secondary:hover {
    background-color: var(--color--dark-1);
    color: var(--color--light-1);
    border-top-color: transparent
}
.button-text {
    color: var(--color--dark-2);
    text-align: center;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    padding: 1em 2em;
    font-weight: 600
}
.margin-tiny {
    margin: .21em
}
.margin-xxsmall {
    margin: .42em
}
.margin-xsmall {
    margin: .63em
}
.margin-small {
    margin: .83em
}
.margin-medium {
    margin: 1.25em
}
.margin-large {
    margin: 1.67em
}
.margin-xlarge {
    margin: 2.5em
}
.margin-xxlarge {
    margin: 3.33em
}
.margin-huge {
    margin: 4.17em
}
.margin-xhuge {
    margin: 6.67em
}
.margin-xxhuge {
    margin: 10em
}
.margin-0 {
    margin: 0
}
.padding-0 {
    padding: 0
}
.padding-tiny {
    padding: .21em
}
.padding-xxsmall {
    padding: .42em
}
.padding-xsmall {
    padding: .63em
}
.padding-small {
    padding: .83em
}
.padding-medium {
    padding: 1.25em
}
.padding-large {
    padding: 1.67em
}
.padding-xlarge {
    padding: 2.5em
}
.padding-xxlarge {
    padding: 3.33em
}
.padding-huge {
    padding: 4.17em
}
.padding-xhuge {
    padding: 6.67em
}
.padding-xxhuge {
    padding: 10em
}
.padding-xxxhuge {
    padding: 15em
}
.text-style-allcaps {
    text-transform: uppercase
}
.margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}
.margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}
.margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0
}
.margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0
}
.margin-vertical {
    margin-left: 0;
    margin-right: 0
}
.margin-horizontal {
    margin-top: 0;
    margin-bottom: 0
}
.padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}
.padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}
.padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0
}
.padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}
.padding-vertical {
    padding-left: 0;
    padding-right: 0
}
.padding-horizontal {
    padding-top: 0;
    padding-bottom: 0
}
.overflow-scroll {
    overflow: scroll
}
.overflow-auto {
    overflow: auto
}
.fs-styleguide_background-spacer {
    height: 5rem
}
.text-style-nowrap {
    white-space: nowrap
}
.heading-small {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.4
}
.heading-xsmall {
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.5
}
.text-weight-medium {
    font-weight: 500
}
.styleguide_version-details {
    z-index: 5;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500
}
.styleguide_page-header {
    border-bottom: 2px solid var(--color--dark-1);
    margin-bottom: 2em;
    padding-top: 8em;
    padding-bottom: 6em
}
.styleguide_minor-heading {
    border-top: 1px solid var(--color--light-3);
    color: var(--color--light-4);
    letter-spacing: .05rem;
    text-transform: uppercase;
    border-bottom-color: #000;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-right: .5em;
    font-size: .75em
}
.styleguide_item {
    margin-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}
.style-guide_color-block {
    width: 7em;
    height: 7em;
    background-color: var(--color--dark-1);
    border-radius: 8px;
    margin-bottom: 1em
}
.style-guide_color-block.is-mgray {
    background-color: var(--color--light-4)
}
.style-guide_color-block.is-white {
    background-color: var(--color--light-1);
    border: 1px solid #ddd
}
.style-guide_color-block.is-lgray {
    background-color: var(--color--light-3)
}
.style-guide_color-block.is-dgray {
    background-color: var(--color--dark-3)
}
.style-guide_color-block.is-vlgray {
    background-color: var(--color--light-2)
}
.style-guide_color-block.is-vdgray {
    background-color: var(--color--dark-2)
}
.styleguide_flex-row {
    border-left: 2px solid #000;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    display: flex
}
.text-color-white {
    color: var(--color--light-1)
}
.section-home-hero {
    z-index: 0;
    width: 100%;
    height: 220vh;
    margin-bottom: -120vh;
    position: relative
}
.container-full {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto
}
.section-home-pitch {
    z-index: 2;
    background-color: var(--color--dark-1);
    margin-top: 12em;
    position: relative
}
.code-embed {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}
.section-form {
    background-color: var(--color--light-1);
    perspective: 1000px
}
.form_link-move {
    position: relative
}
.form_label {
    display: none
}
.form_field-line {
    width: 100%;
    opacity: .5;
    margin-bottom: -2.5%;
    transition: opacity .3s;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block
}
.form_link-text {
    font-size: 1em;
    font-weight: 500
}
.form_link-text.is-2 {
    position: absolute
}
.form_shapes {
    margin-left: -.8em
}
.form_shapes.is-submit-contain {
    padding-top: 4em;
    padding-bottom: 0
}
.form_heading-contain {
    perspective: 1000px
}
.form_link-container {
    padding: .8em;
    display: inline-block
}
.form_field {
    height: 2em;
    color: #000;
    cursor: none;
    border: 0 solid #000;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
    font-weight: 300;
    transition: color .2s;
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 9;
    font-size: 36px
}
.form_field::-ms-input-placeholder {
    color: #ccc
}
.form_field::placeholder {
    color: #ccc
}
.form_field.is-text-area {
    height: auto;
    min-height: 5em;
    cursor: none
}
.form_radio-button {
    z-index: 30;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: none;
    border-width: 0;
    border-radius: 0;
    margin: 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.form_link-circle {
    z-index: 1;
    width: 100%;
    min-height: 6em;
    background-color: #000;
    border-radius: 50%;
    margin-bottom: 5.9em;
    padding-top: 100%;
    transition: margin .4s, border-radius .35s;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}
.form_link-circle.is-selected-item {
    border-radius: 0;
    margin-bottom: -3px
}
.form_h1 {
    font-weight: 500;
    transform: rotate(0);
    font-size: 4.5em;
    display: inline-block;
    width: 100%
}
.form_component {
    margin-bottom: 0
}
.hidden {
    display: none
}
.submit_line {
    width: 100%;
    height: 2px;
    background-color: var(--color--dark-1)
}
.form_link {
    color: var(--color--dark-1);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 100vw;
    margin-bottom: 0;
    padding: .83em 2.5em;
    transition: color .2s;
    position: relative;
    overflow: hidden
}
.form_link.is-submit {
    border-width: 0;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    overflow: visible
}
.form_link.is-selected-item {
    color: #fff
}
.form_field-parent {
    margin-bottom: 1em;
    font-size: 1.46em;
    position: relative;
    width: 100%;
    display: inline-block
}
.form_wrap {
    width: 100%
}
.form_submit {
    color: var(--color--dark-1);
    cursor: none;
    background-color: transparent;
    margin-bottom: .2em;
    padding: 0;
    font-size: 2em;
    font-weight: 400
}
.form_link-wrap {
    z-index: 2;
    position: relative;
    overflow: hidden
}
.form_layout {
    padding: 0 6em
}
.form_h2 {
    border-bottom: 2px solid transparent;
    margin-top: .42em;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 2.92em;
    font-weight: 400;
    line-height: 1.2
}
.form_h4 {
    margin-top: 1.25em;
    padding-bottom: .21em;
    font-size: 1.67em;
    font-weight: 400
}
.form_h4.is-medium {
    margin-top: 1.5em;
    margin-bottom: -.6em;
    font-weight: 500
}
.form_field-label {
    margin-top: 1.46em;
    font-size: 1em;
    font-weight: 500;
    display: inline-block;
    width: 100%
}
.form_para {
    display: inline-block;
    width: 100%
}
.form-divider {
    width: 2.92em;
    height: 2px;
    background-color: var(--color--light-2);
    margin-top: .94em;
    margin-bottom: .83em;
    display: inline-block
}
.cursor_component {
    z-index: 500;
    width: 100%;
    height: 100vh;
    opacity: 0;
    mix-blend-mode: difference;
    justify-content: center;
    align-items: center;
    transition: opacity .3s;
    display: flex;
    position: fixed
}
.cursor_component.is-not-blended {
    mix-blend-mode: normal
}
.cursor_inner {
    z-index: 2;
    width: .69em;
    height: .69em;
    background-color: var(--color--light-1);
    mix-blend-mode: difference;
    border-radius: 50%;
    transition: height .3s, width .3s, background-position .3s, background-color .3s, border-radius .3s, border-color .3s, opacity .3s;
    position: absolute
}
.cursor_inner.is-cursor-minor {
    width: 3.47em;
    height: 3.47em
}
.cursor_inner.is-vanished {
    width: 0;
    height: 0;
    opacity: 0
}
.cursor_inner.is-black {
    background-color: var(--color--dark-1)
}
.cursor_inner.is-image-black {
    width: 3.47em;
    height: 3.47em;
    background-color: rgba(0, 0, 0, .5)
}
.cursor_inner.is-image-white {
    width: 3.47em;
    height: 3.47em;
    background-color: rgba(255, 255, 255, .5)
}
.cursor_outer {
    z-index: 1;
    width: 3.47em;
    height: 3.47em;
    border: 2px solid var(--color--light-1);
    opacity: .07;
    border-radius: 50%;
    transition: height .3s, width .3s, background-position .3s, background-color .3s, border-radius .3s, border-color 50ms, opacity .3s;
    position: absolute
}
.cursor_outer.is-cursor-minor {
    opacity: 0
}
.cursor_outer.is-view-case {
    width: 7.5em;
    height: 7.5em;
    opacity: 1;
    background-image: url("../img/Cursor-VCase_1.svg ");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: transparent
}
.cursor_outer.is-view-page {
    width: 7.5em;
    height: 7.5em;
    opacity: 1;
    background-image: url("../img/Cursor-VPage.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: transparent
}
.cursor_outer.is-next-case {
    width: 7.5em;
    height: 7.5em;
    opacity: 1;
    background-image: url("../img/Cursor-NextCase.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: transparent
}
.cursor_outer.is-prev-case {
    width: 7.5em;
    height: 7.5em;
    opacity: 1;
    background-image: url("../img/Cursor-PrevCase.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: transparent
}
.cursor_outer.is-lets-go {
    width: 7.5em;
    height: 7.5em;
    opacity: 1;
    background-image: url("../img/Cursor-LetsGo.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: transparent
}
.cursor_outer.is-next-case-w {
    width: 7.5em;
    height: 7.5em;
    opacity: 1;
    background-image: url("../img/Cursor-NextCase-W.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-color: transparent
}
.cursor_triggers {
    display: none
}
.home-hero_text-sticky {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden
}
.section-edge_top {
    width: 100%;
    height: 12em;
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    position: absolute;
    top: -12em;
    left: 0;
    right: 0
}
.section-edge_top.is-cs {
    z-index: 2;
    perspective-origin: 50% 0;
    transform-origin: 50% 0;
    justify-content: flex-start;
    top: -.5em
}
.section-edge_top-black {
    width: 100%;
    height: 100%;
    background-image: url("../img/Edge-Negative-Black.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.section-edge_bot {
    width: 100%;
    height: 12em;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    position: absolute;
    bottom: -11.5em;
    left: 0;
    right: 0
}
.section-edge_bot-black {
    width: 100%;
    height: 100%;
    background-image: url("../img/Edge-Negative2-Black.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.bannerbot {
    width: 100%;
    height: 12em;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    position: absolute;
    bottom: -7em;
    left: 0;
    right: 0
}
.section-edge_top-black.bannerbotblack {
    width: 100%;
    height: 100%;
    background-image: url("../img/Edge-Negative-Black.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.nav-logo_component {
    z-index: 200;
    color: var(--color--dark-1);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: fixed;
    top: 2.5em
}
.nav-logo_component:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 4px;
    outline-width: 2px;
    outline-style: solid
}
.nav-logo_component[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 4px;
    outline-width: 2px;
    outline-style: solid
}
.nav_logo-word-wrap {
    width: 5em;
    height: 2em;
    margin-left: .1em;
    overflow: hidden
}
.nav_logo-caleb-image {
    width: 100%;
    height: 100%;
    object-fit: contain
}
.nav_logo-row {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.nav_logo-raney-image {
    width: 100%;
    height: 100%;
    object-fit: contain
}
.nav_logo-line {
    width: 0;
    height: 2px;
    background-color: var(--color--dark-1);
    flex: none;
    position: relative
}
.nav_logo-line.is-2 {
    width: 1.5em;
    height: 1px;
    margin-bottom: .3em
}
.nav-button_line {
    width: 1.46em;
    height: 2px;
    background-color: var(--color--dark-1);
    border-radius: 1px;
    position: relative
}
.nav-button_line.is-top {
    width: .73em;
    margin-bottom: .31em
}
.nav-button_line.is-bot {
    margin-top: .31em
}
.nav-button_line.is-top-right {
    width: 1.25em;
    position: absolute;
    transform: rotate(-45deg)translate(0)
}
.nav-button_line.is-top-left {
    width: 1.25em;
    position: absolute;
    transform: rotate(45deg)translate(0)
}
.nav-button_component {
    z-index: 200;
    width: 4.17em;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 2.5em;
    overflow: hidden
}
.nav-button_component:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    border-radius: 100vw;
    outline-width: 2px;
    outline-style: solid
}
.nav-button_component[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    border-radius: 100vw;
    outline-width: 2px;
    outline-style: solid
}
.nav-button_line-wrap {
    width: 1.46em;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: absolute;
    overflow: hidden
}
.nav-button_menu-line-wrap {
    width: 2.5em;
    height: 2.5em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    overflow: hidden
}
.nav-button_background {
    width: 4.17em;
    height: 2.5em;
    background-color: var(--color--light-2);
    border-radius: 1.25em;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}
.nav_bar {
    width: 100%;
    max-width: 1920px;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}
.nav_container-right {
    width: 6em;
    justify-content: flex-end;
    align-items: center;
    display: flex
}
.styleguide-text-bg {
    height: 5em;
    background-color: var(--color--dark-1);
    justify-content: center;
    align-items: center;
    margin-top: 1.25em;
    display: flex
}
.transition {
    z-index: 9000;
    width: 100%;
    height: 100vh;
    background-color: var(--color--light-2);
    cursor: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.transition_center {
    width: 26em;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative
}
.transition_row {
    width: 100%;
    perspective: 40em;
    perspective-origin: 50%;
    padding-left: 1.5em;
    padding-right: 1.5em;
    overflow: visible
}
.transition_image-top, .transition_image-bot {
    width: 100%
}
.transition_edge-top {
    width: 100%;
    height: 12em;
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    position: absolute;
    top: -11.5em;
    left: 0;
    right: 0
}
.transition_edge-bot {
    width: 100%;
    height: 12em;
    perspective-origin: 50% 0;
    transform-origin: 50% 0;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    position: absolute;
    bottom: -11.5em;
    left: 0;
    right: 0
}
.transition_edge-top-image {
    width: 100%;
    height: 100%;
    background-image: url("../img/Edge-Negative-VLGray.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.transition_edge-bot-image {
    width: 100%;
    height: 100%;
    transform-origin: 50% 100%;
    background-image: url("../img/Edge-Negative2-VLGray.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.transition-trigger {
    display: none
}
.transition_center-wrap {
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.container-small {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16.67em;
    padding-right: 16.67em
}
.work_section {
    width: 100%;
    max-width: 1920px;
    min-height: 100vh;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: stretch;
    justify-items: end;
    display: flex;
    position: relative;
    overflow: hidden
}
.work_section.is-hidden {
    display: none
}
.work_left-wrap {
    width: 66%;
    perspective: 1000px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    display: flex;
    position: relative
}
.work_right-wrap {
    width: 18em;
    height: 100vh;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0
}
.work_right-wrap.is-editing {
    display: flex
}
.work_image-front {
    z-index: 500;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute
}
.work_image-front.is-multiply {
    mix-blend-mode: multiply
}
.work_image-back {
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}
.work_image-wrapper {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
}
.work_h2 {
    font-family: "swear-display";
    font-size: 2em;
    font-weight: 400;
    line-height: 1.1
}
.work_para-wrap {
    position: relative;
    overflow: hidden
}
.work_h2-wrap {
    margin-bottom: 1em;
    padding-top: .21em;
    padding-bottom: .21em;
    position: relative;
    overflow: hidden
}
.work_h2-wrap span {
    width: auto;
    display: inline-block
}
.work_h2-wrap span img {
    width: 150px;
    display: inline-block
}
.work_services-text {
    font-size: .83em;
    font-weight: 700
}
.wrok_services-wrap {
    color: var(--color--light-4);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: 1.25em;
    font-size: .94em;
    font-weight: 500;
    overflow: hidden
}
.wrok_services-wrap.is-idiom {
    color: #fc6564
}
.wrok_services-wrap.is-mystory {
    color: #fdb714
}
.wrok_services-wrap.is-demented {
    color: #c32f28
}
.wrok_services-wrap.is-malk {
    color: #ffb4b3
}
.wrok_services-wrap.is-idolroc {
    color: #df3b2e
}
.wrok_services-wrap.is-linea7 {
    color: #ab8258
}
.wrok_services-wrap.is-allie {
    color: #4ae0ba
}
.work_button-circle {
    z-index: 3;
    width: 3.5em;
    height: 3.5em;
    background-color: var(--color--dark-1);
    text-align: center;
    border: 2px solid #000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .1)
}
.work_button-text {
    color: #fff;
    text-align: center;
    position: absolute
}
.work_button-text2 {
    color: var(--color--dark-1);
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    transform: translateY(400%)
}
.work_button-holder {
    z-index: 200;
    width: 24em;
    height: 24em;
    cursor: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    bottom: 8vh;
    left: -22em
}
.work_arrow-bot-holder {
    width: 1.46em;
    height: 7em;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    cursor: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-bottom: 10vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    bottom: 0;
    overflow: hidden
}
.work_arrow-top-holder {
    width: 1.46em;
    height: 7em;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    cursor: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 10vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
    top: 0;
    overflow: hidden
}
.work_arrow-link {
    width: 100%;
    height: 100%;
    cursor: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.work_arrow-link.w--current {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.work_arrow-link.is-top {
    background-image: url("../img/Arrow-Up.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}
.work_arrow-link.is-bot {
    background-image: url("../img/Arrow-Down.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}
.footer_component {
    z-index: 100;
    min-height: 50vh;
    background-color: var(--color--dark-1);
    color: var(--color--light-1);
    margin-top: 12em;
    padding-top: 6.67em;
    padding-bottom: 6.67em;
    position: relative
}
.footer_layout {
    grid-column-gap: .83em;
    grid-row-gap: 2.5em;
    grid-template-rows: auto auto;
    grid-template-columns: 50% max-content max-content max-content;
    grid-auto-columns: max-content;
    display: grid
}
.footer_logo-wrap {
    width: 100%;
    height: 20em;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2.6em;
    display: flex;
    position: relative
}
.footer_logo {
    width: 100%;
    height: 100%;
    max-width: 24em;
    background-image: url("../img/logo.svg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain
}
.footer_logo:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.footer_logo[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.footer_logo.w--current {
    width: 100%;
    height: 100%;
    max-width: 24em;
    background-image: url("../img/logo.svg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain
}
.footer_grid-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.25em 2.5em;
    display: flex
}
.footer_grid-item.is-primary-links {
    border-right: 1px solid var(--color--dark-2);
    justify-content: center
}
.footer_primary-link {
    color: var(--color--light-4);
    margin-top: .42em;
    margin-bottom: .42em;
    font-size: 2.08em;
    font-style: italic;
    text-decoration: none;
    transition: color .2s
}
.footer_primary-link:hover {
    color: var(--color--light-1);
    text-decoration: none
}
.footer_primary-link:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.footer_primary-link[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.footer_h4 {
    color: var(--color--light-1);
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: .83em;
    font-size: 1.88em;
    font-weight: 400;
    line-height: 1.2
}
.footer_social-grid {
    grid-column-gap: 1.25em;
    grid-row-gap: .83em;
    border-left: 2px solid #000;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    justify-content: start;
    display: grid
}
.footer_icon {
    color: var(--color--dark-3);
    transition: color .2s
}
.footer_icon:hover {
    color: var(--color--light-1)
}
.footer_icon:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.footer_icon[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.footer_divider-line {
    width: 1.88em;
    height: 2px;
    background-color: var(--color--light-1);
    margin-bottom: 1.25em
}
.footer_text-link {
    color: var(--color--light-4);
    background-color: transparent;
    border-radius: 3.6em;
    margin-bottom: .42em;
    padding: .42em 1.05em;
    transition: border-color .3s, background-color .3s, color .3s
}
.footer_text-link:hover {
    background-color: var(--color--light-1);
    color: var(--color--dark-1)
}
.footer_text-link:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 0;
    outline-width: 2px;
    outline-style: solid
}
.footer_text-link[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 0;
    outline-width: 2px;
    outline-style: solid
}
.footer_text-link.is-outlined {
    border: 1px solid var(--color--dark-3)
}
.footer_text-link.is-outlined:hover {
    border-color: var(--color--light-1)
}
.footer_copyright {
    color: var(--color--dark-3);
    font-style: italic;
    position: absolute;
    bottom: 6.67em
}
.section-cta {
    margin-bottom: -8em;
    overflow: hidden
}
.cta_component {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}
.cta_block-grid {
    width: 100%;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid
}
.cta_block-item {
    opacity: .07;
    cursor: none;
    padding-bottom: 100%;
    transition: opacity .3s;
    position: relative
}
.cta_block-item:hover {
    opacity: 1
}
.cta_block-item.is-not-square {
    padding-bottom: 0
}
.cta_block-item.is-clicked {
    opacity: 1
}
.cta_block-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.cta_spacer-block {
    padding-bottom: 100%
}
.cta_title-wrap {
    flex-direction: column;
    align-items: center;
    display: flex
}
.cta_title-row-2 {
    width: 100%;
    align-items: center;
    display: flex
}
.cta_together {
    margin-bottom: .21em;
    font-size: 6.77em;
    font-style: italic;
    font-weight: 300;
    line-height: 1
}
.cta_divider-line {
    height: 2px;
    flex: 1;
    align-items: center;
    margin-left: 1.25em;
    margin-right: 1.25em;
    display: flex
}
.line-fill {
    width: 100%;
    height: 100%;
    background-color: var(--color--light-2)
}
.line-fill.is-black {
    background-color: var(--color--dark-1)
}
.line-fill.is-lgray {
    background-color: var(--color--light-3)
}
.line-fill.is-vdgray {
    background-color: var(--color--dark-2)
}
.line-fill.is-white {
    background-color: var(--color--light-1)
}
.section-home-about {
    position: relative
}
.home-about_component {
    min-height: 50vh;
    grid-column-gap: 11.46em;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-content: stretch;
    align-items: start;
    justify-items: start;
    display: grid
}
.home-about_left-wrap {
    width: 100%;
    height: 100%;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    display: flex;
    position: relative
}
.home-about_right-wrap {
    height: 100%;
    perspective: 40em;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}
.home-about_subhead-wrap {
    width: 100%;
    align-items: center;
    margin-top: 1.67em;
    display: flex
}
.home-about_headshot {
    z-index: 1;
    height: 70%;
    object-fit: contain;
    position: absolute
}
.home-about_circles {
    z-index: 1;
    height: 100%;
    object-fit: contain;
    position: absolute
}
.home-about_lines {
    z-index: 1;
    width: 50vw;
    object-fit: contain;
    position: absolute;
    left: 0
}
.home-about_h3 {
    color: var(--color--dark-3);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 1.67em;
    font-weight: 500
}
.section-home-logos {
    background-color: var(--color--light-2);
    position: relative
}
.section-edge_top-white {
    width: 100%;
    height: 100%;
    background-image: url("../img/Edge-Negative-White.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.section-home-services {
    background-color: var(--color--light-2);
    position: relative
}
.section-home-work {
    width: 100%;
    background-color: var(--color--light-2);
    padding-top: 10em;
    position: relative;
    overflow: hidden
}
.logos_component {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-bottom: 12em;
    display: flex
}
.logos_h2 {
    color: var(--color--dark-2);
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 1.88em;
    font-weight: 500
}
.logos_divider-line {
    width: 11.46em;
    height: 2px;
    align-items: center;
    margin: 1em 1.25em 2.92em;
    display: flex
}
.logos_grid {
    grid-column-gap: 5.73em;
    grid-row-gap: 4.17em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    justify-items: center
}
.logos_grid-item {
    justify-content: center;
    align-items: center;
    display: flex
}
.logos_grid-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative
}
.logos_grid-image.is-large {
    width: 7em
}
.home-about_divider-line {
    height: 2px;
    flex: 1;
    align-items: center;
    margin-left: 1.25em;
    margin-right: 1.25em;
    display: flex
}
.home-work_heading-wrap {
    perspective: 40em;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-bottom: 6.77em;
    display: flex
}
.home-work_text-link {
    color: var(--color--light-4);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: .83em;
    font-size: 1.25em;
    font-weight: 300
}
.home-work_number-span {
    display: inline-block;
    font-family: "swear-display"
}
.home-work_right {
    z-index: 1;
    color: #000;
    position: relative;
    width: 10%
}
.home-work_border-line {
    z-index: 1;
    width: 100%;
    height: 2px;
    background-color: #292929;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}
.home-work_h3 {
    width: 7em;
    z-index: 1;
    margin: 0 0 0 1em;
    font-size: 2em;
    font-weight: 300;
    position: relative
}
.home-work_left {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.home-work_number {
    z-index: 2;
    white-space: nowrap;
    font-size: 4.5em;
    font-weight: 300;
    position: relative
}
.home-work_number.is-absolute {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}
.home-work_number-wrap {
    position: relative;
    overflow: hidden;
    display: table
}
.home-work_image {
    width: 110%;
    height: 100%;
    object-fit: cover;
    flex: none;
    display: block;
    position: absolute
}
.home-work_image-item {
    z-index: 10;
    width: 42%;
    height: 12em;
    border-radius: 7em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    overflow: hidden;
    transform: translate(-50%, -50%);
    left: 39%
}
.home-work_background {
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto
}
.home-work_arrow {
    font-family: "swear-display";
    font-size: 5.73em;
    font-weight: 300
}
.home-work_item {
    width: 100%;
    cursor: none;
    justify-content: space-between;
    position: relative
}
.home-work_container {
    width: 100%;
    max-width: 1920px;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 3em;
    display: flex
}
.home-work_image-wrap {
    width: 120%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.section-home-vision {
    z-index: 3;
    background-color: var(--color--dark-1);
    padding-bottom: 6rem;
    position: relative
}
.pitch_component {
    z-index: 1;
    color: var(--color--light-2);
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}
.pitch_row {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-top: -.83em;
    padding-bottom: .83em;
    display: flex;
    position: relative
}
.pitch_row.is-bottom {
    margin-top: 1.25em
}
.pitch_retail {
    font-size: 9em;
    font-weight: 500;
    line-height: 1.1
}
.pitch_swear {
    padding-top: .1em;
    font-size: 9.8em;
    font-style: italic;
    font-weight: 300;
    line-height: 1
}
.pitch_text-wrap {
    perspective: 40em;
    transform-origin: 50% 0;
    padding: .21em
}
.pitch_divider-line {
    width: 11.46em;
    height: 2px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 1.25em;
    margin-left: .63em;
    margin-right: .63em;
    display: flex;
    position: relative
}
.pitch_slider-row {
    z-index: 5;
    width: 100%;
    border-radius: 6em;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.25em;
    margin-bottom: 2.5em;
    display: flex;
    position: relative;
    overflow: hidden
}
.pitch-slider_wrap {
    z-index: 5;
    width: 100%;
    height: 12em;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 6em;
    justify-content: flex-start;
    align-items: stretch;
    padding: 2px;
    display: flex;
    position: relative;
    overflow: hidden
}
.home-hero_circles-holder {
    z-index: -20;
    width: 100%;
    height: calc(100vh + 13em);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    overflow: hidden
}
.home-hero_circles-1, .home-hero_circles-2 {
    width: 100vw;
    height: 100vw;
    object-fit: cover;
    position: absolute;
    transform: rotate(0)
}
.home-hero_circle-sticky {
    z-index: ;
    width: 100%;
    height: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}
.home-hero_layout {
    min-height: 100svh;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}
.home-hero_row {
    perspective: 40em;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-top: -.83em;
    padding-bottom: .83em;
    display: flex;
    position: relative;
    overflow: hidden
}
.home-hero_row.is-1 {
    margin-top: 2.92em
}
.home-hero_text-wrap {
    padding: .21em
}
.home-hero_retail {
    font-size: 6.77em;
    font-weight: 400;
    line-height: 1.1
}
.home-hero_swear {
    padding-top: .1em;
    font-size: 7.81em;
    font-style: italic;
    font-weight: 300;
    line-height: 1
}
.home-hero_button-row {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 2.92em;
    display: flex
}
.button_container {
    padding: 0;
    max-width: 100%;
    display: inline-block
}
.button_container.is-left-aligned {
    margin-left: -.8em
}
.button_link {
    min-width: auto;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 100vw;
    padding: 16.5px 30px 12.5px;
    transition: color .2s;
    position: relative;
    overflow: hidden
}
.button_link:hover {
    background-color: #000;
    color: #fff
}
.button_link:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.button_link[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.button_link.is-submit {
    border-width: 0;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    overflow: visible
}
.button_link.is-hovered {
    color: #fff
}
.button_link.is-black {
    background-color: var(--color--dark-1);
    color: var(--color--light-1)
}
.button_link.is-black.is-hovered {
    color: var(--color--dark-1)
}
.button_link.is-cta {
    background-color: var(--color--dark-1);
    color: var(--color--light-1)
}
.button_circle {
    z-index: 1;
    width: 100%;
    min-height: 6em;
    background-color: #000;
    border-radius: 50%;
    margin-bottom: 5.9em;
    padding-top: 100%;
    transition: margin .4s, border-radius .35s;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}
.button_circle.is-hovered {
    border-radius: 0;
    margin-bottom: 0
}
.button_circle.is-white {
    background-color: var(--color--light-1)
}
.button_text-wrap {
    z-index: 2;
    white-space: nowrap;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
    overflow: hidden
}
.button_text-move {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative
}
.button_text {
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    font-size: 18px;
    font-family: 'neue_machinaultrabold'
}
.button_text span {
    width: auto;
    float: left;
    font-family: 'neue_machinalight';
    margin: 0 8px 0 0;
    line-height: 27px
}
.button_text.is-2 {
    position: absolute
}
.button_link.whitelink {
    padding: 0;
    border-radius: inherit;
    background: transparent;
    border: none;
    font-family: 'neue_machinaultrabold';
    font-size: 18px;
    text-align: left
}
.button_link.whitelink span {
    font-family: 'neue_machinaregular'
}
.button_link.whitelink:hover {
    background: transparent;
    color: #000
}
.button_link.whitelink:focus-visible {
    outline-color: transparent;
    outline-offset: 0;
    outline-width: 0;
    outline-style: none;
    background: transparent !important;
    color: #000
}
.home-hero_line {
    width: 18em;
    height: 1px;
    justify-content: center;
    align-items: center;
    margin-left: -4em;
    margin-right: -4em;
    display: flex
}
.home-services_heading-wrap {
    z-index: 1;
    perspective: 40em;
    text-align: center;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 5.73em;
    display: flex;
    position: relative
}
.home-services_subheading {
    color: var(--color--light-4);
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 300
}
.home-services_subhead-wrap {
    width: 100%;
    align-items: center;
    margin-top: .83em;
    display: flex
}
.home-services_divider-line {
    height: 2px;
    flex: 1;
    align-items: center;
    margin-left: 1.25em;
    margin-right: 1.25em;
    display: flex;
    position: relative
}
.home-services_card-wrap {
    z-index: 2;
    width: 100%;
    grid-column-gap: 1.67em;
    grid-row-gap: 1.67em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative
}
.home-services_card {
    background-color: var(--color--light-1);
    border: 0 solid transparent;
    border-top-width: 2px;
    border-radius: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.88em 1.88em 2.5em;
    transition: border-color .3s, box-shadow .3s;
    display: flex;
    position: relative
}
.home-services_card:hover {
    border-top-color: var(--color--dark-1);
    box-shadow: 6px 6px 1.88em 1px rgba(0, 0, 0, .12)
}
.home-services_number-wrap {
    margin-bottom: 1.25em;
    margin-left: auto;
    font-weight: 500;
    position: relative;
    overflow: visible
}
.home-services_number-wrap.is-light {
    font-weight: 400
}
.home-services_number-wrap.is-regular {
    font-weight: 300
}
.home-services_number {
    z-index: 2;
    white-space: nowrap;
    font-size: 7.81em;
    line-height: 1;
    position: relative
}
.home-services_number.is-absolute {
    z-index: 1;
    color: var(--color--light-3);
    position: absolute;
    top: 0;
    bottom: auto;
    left: 3%;
    right: auto
}
.home-services_h3 {
    font-size: 2.5em
}
.home-services_card-line {
    width: 1.88em;
    height: 2px;
    align-items: center;
    margin-top: .63em;
    margin-bottom: 1.25em;
    display: flex
}
.about-hero_para {
    max-width: 40ch
}
.about-hero_h1 {
    color: #1b1b1b;
    margin-bottom: 0;
    font-size: 15em;
    font-weight: 100
}
.about-hero_block {
    max-width: 500px;
    border-left: 2px solid #000;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 4.17em;
    margin-left: -1px;
    padding: .42em .42em .42em 2.5em;
    display: flex;
    position: relative
}
.about-hero_block.last-about-block {
    margin-bottom: 0
}
.about-hero_h3 {
    margin-top: 0;
    margin-bottom: .42em;
    font-size: 2.5em;
    font-weight: 400
}
.about-hero_line {
    width: 2px;
    height: 100%;
    color: #f3f3f3;
    background-color: #f3f3f3;
    position: absolute;
    left: -1px
}
.about-hero_content {
    width: 100%;
    border-left: 0 solid #f3f3f3;
    margin-top: 7.81em;
    padding-right: 4.17em;
    position: relative
}
.about-hero_left {
    width: 60vw;
    min-height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20vh;
    display: flex
}
.about-hero_right {
    width: 40em;
    height: 80vh;
    max-height: 80vh;
    max-width: 50vh;
    object-fit: contain;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 10vh
}
.about-hero_imare-wrap {
    width: 100%;
    object-fit: cover;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: relative
}
.about-hero_image {
    width: 100%;
    object-fit: contain;
    position: relative
}
.about-hero_image.is-2 {
    z-index: 1;
    height: 0;
    object-fit: cover;
    object-position: 50% 100%;
    position: absolute
}
.about-hero_layout {
    align-items: flex-start;
    display: flex
}
.about-hero_subtitle {
    color: var(--color--dark-3);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: 1.25em;
    font-size: 1.67em
}
.about-lived_component {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.about-lived_h2 {
    z-index: 5;
    color: #1b1b1b;
    margin-bottom: 0;
    position: relative
}
.about-lived_layout {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 2.5em;
    display: flex
}
.about-lived_item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 1.5em;
    margin-right: 1.5em;
    padding: 1.5em 2.92em;
    display: flex
}
.about-lived_h3 {
    color: var(--color--light-4);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: .63em;
    font-size: 1.5em;
    position: relative
}
.about-lived_big-text {
    font-size: 11.46em;
    line-height: 1;
    position: relative
}
.about-lived_image {
    z-index: 0;
    width: 30em;
    position: absolute
}
.about-lived_arrow {
    color: var(--color--light-3);
    font-size: 9em;
    line-height: 1;
    position: relative
}
.about-lived_text-wrap {
    z-index: 2;
    text-align: center;
    position: relative
}
.cs-details_index-line {
    width: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 1.25em;
    margin-right: 1.25em;
    display: flex;
    position: relative
}
.cs-details_hor-line {
    width: 80%;
    height: 2px;
    background-color: var(--color--light-2);
    position: relative;
    left: 0
}
.cs-details_website-link-wrap {
    display: block;
    position: relative
}
.cs-details_outline-2 {
    border: 2px solid var(--color--light-2);
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 20px;
    right: 20px
}
.cs-details_h2 {
    margin-bottom: .21em;
    font-size: 2.92em;
    font-family: 'neue_machinalight'
}
.section-cs-details {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden
}
.cs-details_left {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.cs-details_h1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: "swear-display";
    font-size: 100px;
    font-style: italic;
    font-weight: 300;
    line-height: 1
}
.cs-details_top {
    width: 100%;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25em;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    display: flex;
    position: relative
}
.project-details_date {
    color: #000;
    font-family: "swear-display";
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: 15px;
    font-size: 35px
}
.cs-details_outline-1 {
    border: 2px solid var(--color--light-2);
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 30px;
    right: 30px
}
.cs-details_services-wrap {
    position: relative
}
.cs-details_h3-wrap {
    margin-top: -.2em;
    margin-bottom: 1.67em;
    padding-top: .1em;
    padding-bottom: .1em;
    font-weight: 300;
    overflow: hidden
}
.cs-details_background {
    width: 100%;
    height: 100%;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    overflow: hidden
}
.cs-details_services-text {
    color: var(--color--dark-3);
    margin-bottom: .21em;
    font-size: .83em
}
.cs-details_solution-wrap {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    padding: 1.67em 2.5em 1.67em 3.33em;
    display: flex
}
.cs-details_index-link-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    display: flex
}
.cs-details_index-number-wrap {
    text-align: right;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 2.5em;
    margin-bottom: 2.5em;
    display: flex
}
.cs-details_para-wrap {
    max-width: 600px;
    overflow: hidden
}
.cs-details_h3 {
    color: #a8a8a8;
    letter-spacing: normal;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 500
}
.cs-details_vert-line {
    width: 2px;
    height: 80%;
    background-color: var(--color--light-2);
    position: absolute;
    left: 0
}
.cs-details_h2-wrap {
    justify-content: center;
    align-items: center;
    padding-top: .1em;
    padding-bottom: .1em;
    display: flex;
    overflow: hidden
}
.cs-details_right {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}
.cs-details_top-line {
    width: 100%;
    height: 2px;
    background-color: var(--color--light-2);
    position: absolute;
    bottom: 0
}
.cs-details_index-wrap {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    padding-top: 0;
    display: flex;
    position: relative
}
.cs-details_index-number {
    color: var(--color--dark-1);
    margin: .20em 0;
    font-size: 1.8em
}
.cs-details_layout {
    width: 100%;
    height: 100%;
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center;
    padding: 2.5em;
    display: grid;
    position: relative
}
.cs-details_component {
    width: 100%;
    position: relative;
    overflow: hidden
}
.cs-details_website-link {
    color: var(--color--dark-2);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: 1em;
    font-size: .83em;
    display: inline-block
}
.cs-details_services {
    color: var(--color--dark-2);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: .42em;
    margin-bottom: .42em;
    font-size: 1.25em
}
.cs-details_name-wrap {
    flex-direction: column;
    align-items: center;
    display: flex
}
.cs-details_index-link {
    margin: .20em 0;
    font-size: 1.8em
}
.section-mystory-hero {
    width: 100%;
    height: 125vh;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}
.mystory-hero_bg {
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    background-image: url(https://assets-global.website-files.com/61a8ff8dce87c738575d9307/61b78f848ed50f41728d3630_Ms-Hero-Bg2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    position: absolute;
    top: 0
}
.mystory-hero_overlay {
    width: 100%;
    height: 100%;
    opacity: .45;
    background-color: #1b1b1b;
    position: absolute;
    top: 0
}
.mystory-hero_logo-wrap {
    width: 85em;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 40vh;
    overflow: visible
}
.mystory-hero_even {
    position: relative
}
.mystory-hero_odd {
    position: absolute
}
.vision_component {
    color: var(--color--light-2);
    flex-direction: column;
    display: flex
}
.vision_top {
    perspective: 40em;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 2.5em;
    display: flex;
    position: relative
}
.vision_bot {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.vison_para {
    color: var(--color--light-2);
    column-count: 3;
    column-gap: 1.25em
}
.vision_h2 {
    text-align: right;
    margin-left: auto;
    font-weight: 200;
    position: relative
}
.vision_h2-span {
    font-size: 1.2em;
    font-style: italic
}
.vision_divider-line {
    width: 100%;
    height: 1px;
    background-color: transparent;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2.5em;
    display: flex;
    position: relative
}
.vision_wrap {
    z-index: 0;
    width: 100%;
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 0;
    right: auto;
    overflow: hidden
}
.vision_lines {
    width: 100%;
    perspective-origin: 0 100%;
    transform-origin: 0 100%;
    object-fit: contain;
    object-position: 0 100%
}
.pitch_slider {
    height: 100%;
    border-radius: 6em;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    display: flex
}
.pitch_slider-image {
    width: auto;
    height: 100%
}
.home-services_image-wrap {
    width: 100%;
    position: absolute;
    top: 2px;
    overflow: hidden
}
.home-services_lines {
    width: 100%;
    perspective-origin: 50% 0;
    transform-origin: 50% 0;
    object-fit: contain;
    object-position: 50% 0%
}
.menu-component {
    z-index: 190;
    display: none;
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0
}
.menu_wrap {
    width: 100%;
    height: 100vh;
    background-color: var(--color--light-2)
}
.menu_layout {
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}
.menu_edge-bot {
    width: 100%;
    height: 12em;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    position: absolute;
    bottom: -11.5em;
    left: 0;
    right: 0
}
.menu_edge-image {
    width: 100%;
    height: 100%;
    background-image: url("../img/Edge-Negative2-VLGray.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.menu_left-wrap {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    display: flex
}
.menu_right-wrap {
    width: 30%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.menu_right-bg {
    width: 100%;
    height: 100%;
    background-color: var(--color--light-1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.menu_right-content-wrap {
    z-index: 2;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative
}
.menu_right-circle-edge {
    width: 100%;
    height: 100%;
    transform-origin: 100%;
    object-position: 100% 50%;
    background-image: url("../img/Menu-Right-Edge.png");
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}
.menu_h3 {
    margin-bottom: .83em;
    font-size: 1.88em
}
.menu_small-text-link {
    color: var(--color--light-4);
    background-color: transparent;
    border-radius: 3.6em;
    margin-bottom: .42em;
    margin-left: -1.05em;
    padding: .42em 1.05em;
    transition: border-color .3s, background-color .3s, color .3s
}
.menu_small-text-link:hover {
    background-color: var(--color--light-2);
    color: var(--color--dark-1)
}
.menu_small-text-link:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 0;
    outline-width: 2px;
    outline-style: solid
}
.menu_small-text-link[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 0;
    outline-width: 2px;
    outline-style: solid
}
.menu_small-line {
    width: 1.88em;
    height: 2px;
    background-color: var(--color--light-2);
    margin-bottom: .42em
}
.menu_small-links-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
    display: flex
}
.menu_link-medium {
    color: var(--color--dark-1);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: .83em;
    font-weight: 500
}
.menu_link-medium:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.menu_link-medium[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 2px;
    outline-width: 2px;
    outline-style: solid
}
.pitch_image-wrap {
    height: 90%;
    opacity: .2;
    perspective: 40em;
    flex: none;
    margin-left: .83em;
    margin-right: .83em;
    transition: opacity .2s;
    position: relative
}
.pitch_image-wrap:hover {
    opacity: 1
}
.menu_link-primary {
    z-index: 1;
    perspective: 40em;
    cursor: none;
    flex-direction: row;
    align-items: flex-end;
    margin-left: 12em;
    margin-right: 12em;
    padding: 1em;
    display: flex;
    position: relative
}
.menu_link-primary:focus-visible {
    outline-color: var(--color--light-4);
    outline-offset: 0;
    outline-width: 2px;
    outline-style: solid
}
.menu_link-primary[data-wf-focus-visible] {
    outline-color: var(--color--light-4);
    outline-offset: 0;
    outline-width: 2px;
    outline-style: solid
}
.menu_link-primary.is-mobile {
    display: none
}
.menu_number-wrap {
    width: 1.67em;
    height: 1.67em;
    justify-content: center;
    align-items: center;
    margin-left: 1.67em;
    display: flex;
    position: relative
}
.menu_number-text {
    z-index: 1;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: .15em;
    line-height: 1;
    display: flex;
    position: relative
}
.menu_number-bg {
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color--dark-1);
    opacity: 0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    display: flex;
    position: absolute
}
.menu_lines-wrap {
    height: 100%;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    overflow: hidden
}
.menu_lines {
    height: 200%;
    position: relative
}
.home-hero_line-fill {
    width: 100%;
    height: 100%;
    background-color: var(--color--dark-1)
}
.menu_letter-1 {
    margin: 0 -.2em;
    padding-left: .2em;
    padding-right: .2em;
    font-size: 2.5em;
    font-weight: 200;
    line-height: 1.2;
    position: relative;
    overflow: visible
}
.menu_letter-wrap {
    perspective: 40em;
    perspective-origin: 50% 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: -1em;
    margin-right: -1em;
    padding-left: 1em;
    padding-right: 1em;
    display: flex;
    position: relative;
    left: 0;
    overflow: visible;
    font-family: "swear-display"
}
.menu_letter-wrap.is-2 {
    perspective-origin: 50% 100%;
    position: absolute
}
.menu_link-primary-word {
    justify-content: flex-start;
    align-items: flex-end;
    margin-left: 2em;
    display: flex;
    position: relative
}
.menu_letter-2 {
    opacity: 0;
    margin: 0 -.2em;
    padding-left: .2em;
    padding-right: .2em;
    font-size: 4.7em;
    font-style: italic;
    font-weight: 300;
    line-height: 1;
    position: relative;
    overflow: visible
}
.menu_right-circle-edge-wrap {
    width: 8em;
    height: 100%;
    perspective-origin: 100%;
    transform-origin: 100%;
    object-position: 100% 50%;
    justify-content: flex-end;
    align-items: stretch;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -7em
}
.home-hero_h1 {
    opacity: 0;
    font-size: .5em
}
._404 {
    z-index: 0;
    color: var(--color--light-2);
    margin-bottom: 10vh;
    font-size: 30em;
    font-style: normal;
    font-weight: 100;
    position: absolute
}
.cs-notes_component {
    flex-direction: column;
    align-items: center;
    display: flex
}
.cs-notes_title-wrap {
    perspective: 40em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}
.cs-notes_h2 {
    z-index: 2;
    text-align: center;
    font-size: 3.33em;
    position: relative;
    font-family: "swear-display";
    font-weight: 300;
    font-style: italic
}
.cs-notes_number {
    z-index: 0;
    color: var(--color--light-2);
    text-align: center;
    margin-top: 0;
    margin-bottom: .1em;
    font-size: 11.98em;
    font-style: italic;
    font-weight: 300;
    line-height: 1;
    position: absolute
}
.cs-notes_ver-line-fill {
    width: 100%;
    height: 100%;
    background-color: var(--color--light-2);
    flex: 1;
    position: relative
}
.cs-notes_vertical-line {
    width: 2px;
    height: 5em;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    position: relative
}
.cs-notes_bottom-wrapper {
    width: 100%;
    max-width: 60em;
    position: relative
}
.cs-notes_outline-wrap {
    z-index: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.cs-notes_text-wrapper {
    z-index: 2;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 1em 3em 3em;
    display: flex;
    position: relative
}
.cs-notes_outline-1 {
    border: 2px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.cs-notes_outline-2 {
    border: 2px solid #fff;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: -10px;
    right: -10px
}
.cs-notes_h3 {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 500
}
.cs-notes_para, .cs-notes_para.is-left-aligned {
    text-align: center
}
.cs-notes_small-line {
    width: 2.92em;
    height: 2px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: .83em;
    margin-bottom: .83em;
    display: flex;
    position: relative
}
.cs-notes_hor-line-fill {
    width: 100%;
    height: 100%;
    background-color: var(--color--light-2);
    position: absolute
}
.section-cs-key-image {
    margin-top: 0;
    margin-bottom: 5em
}
.cs-key-image_component {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.cs-key-image_image {
    z-index: 2;
    width: 100%;
    position: relative
}
.cs-key-image_circle {
    width: 80%;
    border-radius: 50%;
    justify-content: center;
    align-items: stretch;
    padding-top: 80%;
    display: flex;
    position: absolute;
    overflow: hidden
}
.cs-key-image_circle-fill {
    width: 100%;
    height: 100%;
    background-color: var(--color--light-2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.cs-key-image_circle-fill.is-my-story {
    background-color: #a82622
}
.cs-key-image_circle-fill.is-malk {
    background-color: #ffe9e9
}
.cs-key-image_circle-fill.is-idiom {
    background-color: #fbf6f2
}
.cs-key-image_circle-fill.is-ivella {
    background-image: linear-gradient(135deg, #1070ff, #e20cfe)
}
.cs-full-image_component {
    width: 100%;
    position: relative
}
.cs-full-image_image {
    z-index: 2;
    width: 100%;
    position: relative
}
.cs-para-image_component {
    width: 100%;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
    overflow: hidden
}
.cs-para-image_image {
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative
}
.cs-para-image_wrap {
    width: 100%;
    height: 120%;
    object-fit: cover;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: relative
}
.section-cs-insta {
    background: #E5E5E5
}
.cs-insta_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.cs-insta_shape {
    z-index: 1;
    width: 110%;
    height: 18em;
    background-color: #D9D9D9;
    border-radius: 12em;
    position: absolute
}
.cs-insta_layout {
    z-index: 2;
    width: 100%;
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 8em;
    padding-right: 8em;
    display: grid;
    position: relative
}
.cs-insta_image-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative
}
.cs-insta_image-wrap.is-2 {
    top: -25%
}
.cs-insta_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px
}
.cs-wireframes_image-wrap {
    width: 100%;
    margin-left: 1.25em;
    margin-right: 1.25em;
    position: relative
}
.cs-wireframes_image-wrap.is-2 {
    top: -25%
}
.cs-wireframes_image {
    width: 100%;
    position: relative
}
.cs-wireframes_image.is-shadow {
    border-radius: .75em;
    box-shadow: 3px 3px 24px rgba(0, 0, 0, .12)
}
.cs-wireframes_layout {
    z-index: 2;
    width: 100%;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-left: 8em;
    padding-right: 8em;
    display: flex;
    position: relative
}
.cs-layered-image_component {
    width: 100%;
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
    overflow: hidden
}
.cs-layered-image_top {
    z-index: 2;
    padding-top: 16.67em;
    padding-bottom: 16.67em;
    position: relative
}
.cs-layered-image_back {
    z-index: 0;
    width: 100%;
    height: 140%;
    object-fit: cover;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: absolute
}
.cs-layered-image_overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: absolute
}
.cs-layered-image_overlay.is-lighter {
    background-color: rgba(0, 0, 0, .1)
}
.cs-layered-image_back-image {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative
}
.cs-layered-image_top-image {
    z-index: 0;
    width: 100%;
    object-fit: cover;
    position: relative
}
.cs-testimonial_component {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 4.2em;
    padding-right: 4.2em;
    display: flex;
    position: relative
}
.cs-testimonial_rich-text {
    z-index: 2;
    text-align: center;
    position: relative
}
.cs-testimonial_rich-text blockquote {
    color: var(--color--dark-2);
    border-left: 0 transparent;
    margin-bottom: 1.25em;
    padding: .75em;
    font-size: 2.5em;
    font-style: italic;
    font-weight: 200
}
.cs-testimonial_rich-text h3 {
    font-size: 2.92em
}
.cs-testimonial_rich-text h4 {
    color: var(--color--light-4);
    margin-top: .5em;
    font-size: 1.5em
}
.cs-testimonial_image {
    z-index: 0;
    display: block;
    position: absolute
}
.section-cs-next {
    background-color: var(--color--light-2);
    margin-bottom: -12em;
    position: relative
}
.section-edge_top-white-reverse {
    width: 100%;
    height: 100%;
    background-image: url("../img/edge.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.cs-next_component {
    z-index: 0;
    min-height: 40em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.cs-next_front {
    color: var(--color--light-1);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative
}
.cs-next_back {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.cs-next_overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: rgba(0, 0, 0, .75);
    position: absolute
}
.cs-next_image {
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative
}
.cs-next_next {
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 4.17em;
    font-weight: 200
}
.cs-next_divider-line {
    height: 2px;
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin: .83em 2.5em;
    display: flex;
    position: relative;
    overflow: hidden
}
.cs-next_h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 9.38em;
    font-style: italic;
    font-weight: 300;
    line-height: 1
}
.cs-mobile_shape {
    z-index: 1;
    width: 100%;
    height: 24em;
    background-color: var(--color--light-2);
    border-radius: 12em;
    position: absolute
}
.cs-mobile_shape.is-idiom {
    background-color: #ff958b
}
.cs-mobile_shape.is-ivella {
    background-image: linear-gradient(150deg, #1070ff, #e20cfe)
}
.cs-mobile_component, .cs-wireframes_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.cs-wireframes_shape {
    z-index: 1;
    width: 50em;
    background-color: var(--color--light-2);
    border-radius: 25em;
    position: absolute;
    top: -10em;
    bottom: -10em
}
.cs-wireframes_shape.is-malk {
    background-color: #ffe9e9
}
.cs-wireframes_shape.is-idolroc {
    background-color: #f2f2f2
}
.cs-wireframes_shape.is-linea-7 {
    background-color: #dfdbd5
}
.section-cs-split-image {
    overflow: hidden
}
.cs-split-image_component {
    width: 100%;
    height: 80vmin;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: relative
}
.cs-split-image_image {
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: relative
}
.cs-colors_componen {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.cs-colors_layout {
    z-index: 2;
    width: 100%;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
    position: relative
}
.cs-colors_layout.is-second {
    padding-top: 2em
}
.cs-colors_block {
    width: 16em;
    height: 34em;
    border-radius: 8em;
    margin-left: 1.25em;
    margin-right: 1.25em;
    overflow: hidden;
    border: 1px solid #dfdfdf
}
.cs-colors_fill {
    width: 100%;
    height: 100%
}
.cs-colors_fill img {
    object-fit: cover;
    width: 100%;
    height: 100%
}
.cs-colors_fill.is-ms-1 {
    background-color: #fcb712
}
.cs-colors_fill.is-ms-2 {
    background-color: #a82622
}
.cs-colors_fill.is-ms-3 {
    background-color: #000
}
.cs-colors_fill.is-white {
    border: 2px solid var(--color--light-2);
    background-color: var(--color--light-1);
    border-radius: 20em
}
.cs-colors_fill.is-ma-1 {
    background-color: #ffe9e9
}
.cs-colors_fill.is-ma-2 {
    background-color: #ffb4b4
}
.cs-colors_fill.is-ma-3 {
    background-color: #f3959a
}
.cs-colors_fill.is-ma-4 {
    background-color: #705a55
}
.cs-colors_fill.is-id-1 {
    background-color: #fc6565
}
.cs-colors_fill.is-id-2 {
    background-color: #ff958b
}
.cs-colors_fill.is-id-3 {
    background-color: #f4e9df
}
.cs-colors_fill.is-id-4 {
    background-color: #fbf6f2
}
.cs-colors_fill.is-id-5 {
    background-color: #6ea4c3
}
.cs-colors_fill.is-id-6 {
    background-color: #316287
}
.cs-colors_fill.is-id-7 {
    background-color: #1b2a41
}
.cs-colors_fill.is-id-8 {
    background-color: #0a111c
}
.cs-colors_fill.is-ir-1 {
    background-color: #df3b2e
}
.cs-colors_fill.is-ir-2 {
    background-color: #A82621
}
.cs-colors_fill.is-ir-3 {
    background-color: #000
}
.cs-colors_fill.is-ir-4 {
    background-color: #f8f8f8
}
.cs-colors_fill.is-ir-5 {
    background-color: #f2f2f2
}
.cs-colors_fill.is-l7-1 {
    background-color: #dfdbd5
}
.cs-colors_fill.is-l7-2 {
    background-color: #c6c3be
}
.cs-colors_fill.is-l7-3 {
    background-color: #5d5b57
}
.cs-colors_fill.is-l7-4 {
    background-color: #1c1c1d
}
.cs-colors_fill.is-l7-5 {
    background-color: #131312
}
.cs-mobile_layout {
    z-index: 2;
    width: 100%;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-left: 8em;
    padding-right: 8em;
    display: flex;
    position: relative
}
.cs-mobile_image-wrap {
    width: 100%;
    border-radius: 1.25em;
    margin-left: 1.25em;
    margin-right: 1.25em;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12)
}
.cs-mobile_image-wrap.is-2 {
    top: -25%
}
.cs-mobile_image-wrap.is-3 {
    box-shadow: 0 4px 24px rgba(0, 0, 0, .12)
}
.cs-mobile_image {
    width: 100%;
    position: relative
}
.cs-split-image_image-wrap {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden
}
.cs-web-image_component {
    width: 100%;
    position: relative
}
.cs-web-image_image {
    z-index: 2;
    width: 100%;
    border-radius: .75em;
    position: relative;
    box-shadow: -1px 4px 24px rgba(0, 0, 0, .12)
}
.cs-web-image_image.is-idiom {
    border: 1px solid #f4e9df
}
.cs-web-image_image.is-allie {
    border: 1px solid #000
}
.section-malk-hero {
    width: 100%;
    height: 160vh;
    background-color: #ffb4b3;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}
.malk-hero_sticky {
    width: 100vw;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden
}
.malk-hero_bg-wrap {
    width: 100vw;
    height: 100vh;
    position: absolute;
    overflow: hidden
}
.malk-hero_bg-bot {
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0
}
.malk-hero_bg-mid {
    z-index: 5;
    width: 100vw;
    position: absolute;
    top: 0;
    right: 0
}
.malk-hero_bg-top {
    z-index: 10;
    width: 100vw;
    position: absolute;
    top: 0
}
.malk-hero_logo {
    width: 40vw;
    position: relative
}
.malk-grid_component {
    grid-column-gap: 0;
    grid-row-gap: 0;
    border-radius: 10px;
    overflow: hidden
}
.malk-grid_item {
    background-color: #ffb4b4;
    justify-content: center;
    align-items: center;
    display: flex
}
.malk-grid_logo {
    width: 80%
}
.malk-grid_item2 {
    background-color: #ffe9e9
}
.malk-grid_item3 {
    object-fit: contain;
    background-color: #705a55
}
.malk-grid_item4 {
    background-color: #f3959a
}
.section-idiom-hero {
    width: 100%;
    height: 160vh;
    background-color: #fbf6f2;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}
.idom-hero_sticky {
    width: 100%;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden
}
.idom-hero_top-right {
    height: 25%;
    position: absolute;
    top: 0;
    right: 10%
}
.idom-hero_top-left {
    height: 40%;
    position: absolute;
    top: 0;
    left: 0
}
.idom-hero_bot-left {
    height: 25%;
    position: absolute;
    bottom: 5%;
    left: 0
}
.idom-hero_bot-right {
    height: 45%;
    position: absolute;
    bottom: 0;
    right: 0
}
.idom-hero_logo-wrap {
    height: 15%
}
.idom-hero_logo {
    height: 100%
}
.cs-web-video_component {
    width: 100%;
    position: relative
}
.cs-web-video_video {
    z-index: 2;
    width: 100%;
    height: 44.7em;
    opacity: .93;
    object-fit: contain;
    border-radius: .75em;
    position: relative;
    overflow: hidden;
    box-shadow: -1px 4px 24px rgba(0, 0, 0, .12)
}
.cs-web-video_video.is-allie {
    height: 42em
}
.cs-web-video_thumbnail {
    z-index: 2;
    width: 100%;
    border-radius: .75em;
    display: none;
    position: relative;
    box-shadow: -1px 4px 24px rgba(0, 0, 0, .12)
}
.idolroc-hero_overlay {
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #1b1b1b;
    position: absolute;
    top: 0
}
.idolroc-hero__bg {
    width: 100%;
    height: 100%
}
.idolroc-hero__bg img {
    width: 100%
}
.section-idolroc-hero {
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}
.idolroc-hero_logo-wrap {
    width: 60em;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 0;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 35vh;
    overflow: visible
}
.idolroc-hero_logo {
    position: relative;
    width: 70%
}
.cs-wireframes_caption {
    color: var(--color--dark-2);
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 1.25em;
    font-size: 1.25em
}
.cs-details_sector-text {
    color: var(--color--dark-3);
    margin-bottom: .21em;
    font-size: .83em
}
.cs-details_sector-wrap {
    position: relative
}
.section-linea-7-hero {
    width: 100%;
    height: 125vh;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}
.linea-7-hero_bg {
    width: 100%;
    height: 100%;
    background-color: #1b1b1b;
    background-image: url(https://assets-global.website-files.com/61a8ff8dce87c738575d9307/61d85310ec85662c31ac4419_CS-Espana-1.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    position: absolute;
    top: 0
}
.linea-7-hero_overlay {
    width: 100%;
    height: 100%;
    opacity: .1;
    background-color: #1c1c1d;
    position: absolute;
    top: 0
}
.linea-7-hero_logo-wrap {
    width: 60em;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 5vh;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 30vh;
    overflow: visible
}
.linea-7-hero_logo {
    position: relative
}
.section-allie-hero {
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}
.allie-hero_bg {
    width: 100%;
    height: 70%;
    background-image: url(https://assets-global.website-files.com/61a8ff8dce87c738575d9307/61d86813dfc9413b8b82fdbe_Home-Topography.svg);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}
.allie-hero_logo {
    position: relative
}
.allie-hero_logo-wrap {
    width: 55em;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 20vh;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 40vh;
    overflow: visible
}
.form_success {
    background-color: transparent;
    padding-top: 10em;
    padding-bottom: 10em
}
.form_success-big-text {
	font-size:100px;	
    font-weight: 500;
    transform: rotate(0)
}
.form_success-text {
    margin-top:0;
    font-size: 1.25em
}
.form_error {
    background-color: transparent;
    margin-top: 0;
    padding: .75em 0;
    font-size: 1.25em;
    font-style: italic
}
.home-services_webflow-banner {
    z-index: 3;
    width: 19.5em;
    height: 3.2em;
    opacity: 0;
    background-color: #000;
    background-image: url(https://assets-global.website-files.com/61a8ff8dce87c738575d9307/6520467ef564485e7254acb6_Badge_Professional_Partner_Black%402x.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 95%;
    transition: opacity .3s;
    position: absolute;
    top: -2px;
    left: 0
}
.ivella-hero_component {
    z-index: 2;
    width: 90%;
    min-height: 100vmin;
    text-align: center;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12em;
    display: flex;
    position: relative
}
.ivella-hero_heading-wrapper {
    z-index: 1;
    width: 50%;
    position: relative
}
.ivella-hero_imagery-wrapper {
    z-index: 2;
    width: 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 6em;
    margin-bottom: -8em;
    padding-top: 75%;
    display: flex;
    position: relative
}
.ivella-hero_transaction-wrapper {
    z-index: 3;
    width: 35%;
    position: absolute;
    top: 40%;
    left: 15%
}
.image-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative
}
.ivella-hero_balance-wrapper {
    z-index: 2;
    width: 20%;
    position: absolute;
    top: 60%;
    right: 25%
}
.ivella-hero_phone-wrapper {
    width: 50%;
    height: 100%;
    position: absolute
}
.ivella-hero_background {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(135deg, #1070ff, #e20cfe);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.section-ivella-hero {
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
    overflow: hidden
}
.ivella-hero_logo {
    width: 100%;
    height: 100%;
    object-fit: contain
}
.home-work_item-link {
    width: 100%;
    cursor: none;
    justify-content: space-between;
    position: relative
}
.home-work_item-link:focus-visible {
    outline-offset: 0;
    outline: 2px solid #000
}
.home-work_item-link[data-wf-focus-visible] {
    outline-offset: 0;
    outline: 2px solid #000
}
.home-hero_webflow-banner {
    width: 19.5em;
    height: 3.1em;
    opacity: 1;
    background-color: #000;
    background-image: url(https://assets-global.website-files.com/61a8ff8dce87c738575d9307/6520467ef564485e7254acb6_Badge_Professional_Partner_Black%402x.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity .3s;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0
}
.section-blog-hero {
    z-index: 1;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}
.blog-hero_layout {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}
.blogs_list-wrapper {
    width: 100%
}
.blogs_list {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}
.blogs_item:nth-child(2n) {
    position: relative;
    top: 50%
}
.blog-hero_h1 {
    justify-content: center;
    align-items: flex-start;
    font-size: 26em;
    font-style: italic;
    font-weight: 500;
    display: flex
}
.blog-hero_h1-wrapper {
    z-index: 1;
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 4em;
    display: flex;
    position: relative
}
.blog-hero_retail {
    padding-top: .1em;
    font-size: 8em;
    font-weight: 300;
    line-height: 1.1
}
.blogs_layout {
    border: 1px solid var(--color--light-3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, .5);
    border-radius: 2em;
    flex-direction: column;
    transition: background-color .4s;
    display: flex;
    overflow: hidden
}
.blogs_layout:hover {
    background-color: rgba(255, 255, 255, .85)
}
.blog-post_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}
.blogpost_image-wrapper {
    width: 100%;
    border: 1px solid var(--color--light-4);
    background-color: var(--color--light-2);
    border-radius: 4vw;
    overflow: hidden
}
.blogpost_date {
    color: var(--color--dark-3);
    text-transform: uppercase;
    font-size: 3em;
    font-style: italic;
    font-weight: 500
}
.blog-post_header-wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}
.blog-tag_list {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}
.blog-tag_item {
    background-color: var(--color--light-3);
    border-radius: 100vw;
    padding: .7em 1.2em;
    line-height: 1.2
}
.blogpost_image {
    width: 100%
}
.secton-blog-list {
    background-color: var(--color--light-2);
    position: relative
}
.section-edge_top-vlgray {
    width: 100%;
    height: 100%;
    background-image: url(https://assets-global.website-files.com/61a8ff8dce87c738575d9307/61aa528be5330132e8a3a8db_Circle%20Edge-Negative-VLGray.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}
.blog-hero_component {
    min-height: 100svh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}
.blog-section-wrap {
    position: relative
}
.blogs_image-wrapper {
    width: 100%;
    background-color: var(--color--light-2);
    overflow: hidden
}
.blogs_text-wrapper {
    grid-row-gap: 1.25em;
    flex-direction: column;
    align-items: flex-start;
    padding: 2em 2.5em;
    display: flex
}
.blogs_component {
    z-index: 2;
    padding-bottom: 26em;
    position: relative
}
.blog-hero_image-layout {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-right: 2em;
    display: flex;
    position: absolute
}
.blog-hero_square {
    width: 18em;
    border: 1px solid var(--color--light-2);
    margin-right: -6em;
    position: relative;
    transform: rotate(45deg)
}
.blog-hero_square.is-2 {
    border-radius: 10%
}
.blog-hero_square.is-3 {
    border-radius: 25%
}
.blog-hero_square.is-4 {
    border-radius: 35%
}
.blog-hero_square.is-5 {
    border-radius: 50%
}
.blogpost_text-wrapper {
    width: 100%;
    max-width: 80ch;
    margin-left: auto;
    margin-right: auto
}
.blog-resource_component {
    grid-column-gap: 1em;
    background-color: var(--color--light-2);
    box-shadow: none;
    border: 1px dashed #000;
    border-radius: 2em;
    justify-content: space-between;
    align-items: center;
    margin-top: 5em;
    padding: 1.5em 2em 2em;
    transition: box-shadow .5s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.165, .84, .44, 1);
    display: flex
}
.blog-resource_component:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .16), 0 2px 16px rgba(0, 0, 0, .12)
}
.blog-resource_arrow {
    font-size: 5em;
    font-weight: 400;
    line-height: 1.2
}
.heading-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex
}
.nav_blend-mode {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}
.nav_mobile-background {
    z-index: 180;
    width: 100%;
    background-color: #fff;
    display: none;
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0
}
@media screen and (min-width:1920px) {
    .nav_container-left {
        justify-content: flex-start;
        align-items: flex-start;
        display: flex
    }
    .nav_container-right {
        justify-content: flex-end;
        align-items: flex-start;
        display: flex
    }
    .cta_title-row-2 {
        align-items: center
    }
    .home-about_component {
        position: relative
    }
    .home-about_lines {
        width: 50em;
        height: 100%;
        left: auto;
        right: 50%
    }
    .cs-details_index-line {
        min-height: 23vh
    }
    .section-cs-details {
        min-height: 80vh
    }
    .cs-details_layout {
        width: 100%
    }
    .mystory-hero_logo-wrap {
        height: 60vh
    }
    .cs-notes_ver-line-fill, .cs-key-image_circle-fill {
        min-height: auto
    }
    .idolroc-hero_logo-wrap, .linea-7-hero_logo-wrap, .allie-hero_logo-wrap {
        height: 100vh
    }
}
@media screen and (max-width:991px) {
    body {
        font-size: 12px
    }
    p {
        color: var(--color--dark-2)
    }
    .styleguide_row {
        padding: 3rem 2rem 3rem 3rem
    }
    .hide-tablet {
        display: none
    }
    .styleguide_section {
        grid-column-gap: 0;
        grid-row-gap: 0;
        grid-template-columns: 1fr
    }
    .styleguide_section-type {
        width: 100%;
        margin-bottom: 0;
        position: relative
    }
    .text-rich-text {
        font-size: .75rem
    }
    .text-rich-text h2 {
        font-size: 4em
    }
    .text-rich-text h3 {
        font-size: 2.5em
    }
    .text-rich-text ul, .text-rich-text ol {
        font-size: 1em
    }
    .page-wrapper.is-static {
        font-size: .75rem
    }
    .container-large {
        padding-left: 5vw;
        padding-right: 5vw
    }
    .styleguide_1-col {
        padding: 3em
    }
    .page-padding {
        padding-left: 6vw;
        padding-right: 6vw
    }
    .show-tablet {
        display: block
    }
    .container-medium {
        padding-left: 10vw;
        padding-right: 10vw
    }
    .max-width-full-tablet {
        width: 100%;
        max-width: none
    }
    .margin-large {
        margin: 2.08em
    }
    .margin-xlarge {
        margin: 2.5em
    }
    .margin-xxlarge {
        margin: 3.33rem
    }
    .margin-huge {
        margin: 4.17em
    }
    .margin-xhuge {
        margin: 5em
    }
    .margin-xxhuge {
        margin: 6.67em
    }
    .padding-large {
        padding: 2.08em
    }
    .padding-xlarge {
        padding: 2.5em
    }
    .padding-xxlarge {
        padding: 3.33em
    }
    .padding-huge {
        padding: 4.17em
    }
    .padding-xhuge {
        padding: 5em
    }
    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }
    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }
    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }
    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }
    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }
    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }
    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }
    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }
    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }
    .styleguide_flex-row {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 3rem
    }
    .form_wrap {
        width: 100%
    }
    .form_layout {
        padding-left: 0;
        padding-right: 0
    }
    .form_h4 {
        font-size: 1.5em
    }
    .cursor_component {
        display: none
    }
    .home-hero_text-sticky {
        font-size: 10px
    }
    .section-edge_top {
        height: 20vw;
        top: -19.5vw
    }
    .section-edge_bot {
        height: 20vw;
        bottom: -19.5vw
    }
    .nav-button_component {
        font-size: 13px
    }
    .nav_bar {
        padding-left: 5vw;
        padding-right: 5vw
    }
    .container-small {
        padding-left: 15vw;
        padding-right: 15vw
    }
    .work_section {
        padding-left: 0;
        padding-right: 0
    }
    .work_button-text2 {
        display: none
    }
    .footer_component {
        margin-top: 20vw
    }
    .footer_layout {
        grid-template-columns: 30% max-content max-content max-content
    }
    .footer_grid-item {
        padding-left: 1.25em;
        padding-right: 1.25em
    }
    .footer_copyright {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        bottom: 5em
    }
    .section-cta {
        margin-bottom: -8vw
    }
    .cta_block-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
    }
    .cta_block-item.is-hidden-tablet, .cta_spacer-block.is-hidden-tablet {
        display: none
    }
    .home-about_component {
        grid-column-gap: 4em;
        grid-template-columns: 1fr 1.25fr
    }
    .home-about_lines {
        display: none
    }
    .logos_component {
        padding-bottom: 20vw
    }
    .logos_grid {
        grid-column-gap: 2.92em;
        grid-row-gap: 2.5em
    }
    .logos_grid-image.is-large {
        width: 5em
    }
    .home-work_h3 {
        margin-left: 1.25em;
        font-size: 1.25em
    }
    .home-work_number {
        font-size: 3em
    }
    .home-work_image-item {
        width: 30em;
        right: 21%
    }
    .home-work_arrow {
        font-size: 4.17em
    }
    .home-work_container {
        padding: 1em 5vw
    }
    .pitch_component {
        font-size: 10px
    }
    .button_container {
        font-size: 13px
    }
    .home-services_number {
        font-size: 5.73em
    }
    .about-hero_h1 {
        font-size: 13em
    }
    .about-hero_content {
        padding-right: 1.67em
    }
    .about-hero_image {
        max-width: 100%
    }
    .section-about-lived {
        overflow: hidden
    }
    .about-lived_component {
        font-size: 9px
    }
    .cs-details_hor-line {
        position: relative;
        left: auto
    }
    .cs-details_left {
        padding-top: 2.5em;
        padding-bottom: 2.5em
    }
    .cs-details_h1 {
        max-width: 50vw;
        font-size: 57px
    }
    .cs-details_top {
        flex-wrap: wrap
    }
    .cs-details_solution-wrap {
        justify-content: center
    }
    .cs-details_vert-line {
        display: none
    }
    .cs-details_right {
        justify-content: flex-start;
        align-items: center
    }
    .cs-details_layout {
        grid-template-rows: .3fr .6fr 1.5fr;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        align-content: center;
        justify-content: center
    }
    .mystory-hero_logo-wrap {
        width: 85vw;
        max-height: none
    }
    .vision_h2 {
        font-size: 4.79em
    }
    .menu_edge-bot {
        height: 20vw;
        bottom: -19.5vw
    }
    .menu_left-wrap {
        flex: 1
    }
    .menu_right-wrap {
        width: 30%
    }
    .menu_right-content-wrap {
        margin-right: 2.5em
    }
    .menu_small-links-wrap {
        padding-left: 1.25em;
        padding-right: 1.25em
    }
    .menu_link-primary {
        margin-left: 10vw;
        margin-right: auto
    }
    ._404 {
        font-size: 24em
    }
    .cs-notes_number {
        max-width: 50vw
    }
    .cs-notes_text-wrapper {
        padding-left: 4.17em;
        padding-right: 4.17em
    }
    .cs-notes_para.is-left-aligned {
        color: var(--color--dark-2)
    }
    .cs-para-image_component {
        height: 100vmin
    }
    .cs-insta_shape {
        width: 100%
    }
    .cs-insta_layout, .cs-wireframes_layout {
        padding-left: 4em;
        padding-right: 4em
    }
    .cs-layered-image_component {
        min-height: auto
    }
    .cs-layered-image_top {
        padding-top: 15vw;
        padding-bottom: 15vw
    }
    .cs-testimonial_component {
        padding-left: 2.5em;
        padding-right: 2.5em
    }
    .cs-testimonial_rich-text blockquote {
        font-size: 1.67em;
        font-weight: 300
    }
    .cs-testimonial_rich-text h4 {
        font-size: 1.25em
    }
    .section-cs-next {
        margin-bottom: -20vw
    }
    .cs-next_h2 {
        font-size: 6.77em
    }
    .cs-colors_block {
        margin-left: .63em;
        margin-right: .63em
    }
    .cs-mobile_layout {
        padding-left: 4em;
        padding-right: 4em
    }
    .malk-hero_logo {
        width: 60vw
    }
    .cs-web-video_video {
        display: none
    }
    .cs-web-video_thumbnail {
        display: block
    }
    .cs-web-video_thumbnail.is-allie {
        border: 1px solid #000
    }
    .idolroc-hero_logo-wrap, .linea-7-hero_logo-wrap {
        width: 60vw
    }
    .allie-hero_logo-wrap {
        width: 75vw;
        max-height: none
    }
    .home-services_webflow-banner {
        opacity: 1
    }
    .ivella-hero_transaction-wrapper {
        width: 38%;
        left: 12%
    }
    .ivella-hero_balance-wrapper {
        width: 22%
    }
    .ivella-hero_phone-wrapper {
        width: 60%;
        min-width: 50vmin
    }
    .home-hero_webflow-banner {
        opacity: 1
    }
    .blog-hero_h1 {
        font-size: 21em
    }
    .blog-hero_retail {
        font-size: 6em
    }
    .blogs_component {
        padding-bottom: 26em
    }
}
@media screen and (max-width:767px) {
    h1, h2 {
        font-size: 5em
    }
    h3 {
        font-size: 2.5em
    }
    .styleguide_row.is-for-social-icons {
        grid-template-rows: auto auto
    }
    .heading-medium {
        font-size: 2.5rem
    }
    .heading-large {
        font-size: 3.5rem
    }
    .styleguide_section-type {
        font-size: .875rem
    }
    .text-rich-text h2 {
        font-size: 3em
    }
    .text-rich-text h3 {
        font-size: 2.25em
    }
    .text-rich-text h4 {
        font-size: 1.75em
    }
    .heading-xlarge {
        font-size: 5rem
    }
    .hide-mobile-landscape {
        display: none
    }
    .container-large {
        padding-left: 4vw;
        padding-right: 4vw
    }
    .show-mobile-landscape {
        display: block
    }
    .container-medium {
        padding-left: 8vw;
        padding-right: 8vw
    }
    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none
    }
    .margin-medium {
        margin: 1.04em
    }
    .margin-large {
        margin: 1.25em
    }
    .margin-xlarge {
        margin: 1.67em
    }
    .margin-xxlarge {
        margin: 2.5em
    }
    .margin-huge {
        margin: 2.92em
    }
    .margin-xhuge {
        margin: 3.33em
    }
    .margin-xxhuge {
        margin: 3.75em
    }
    .padding-medium {
        padding: 1.04em
    }
    .padding-large {
        padding: 1.25em
    }
    .padding-xlarge {
        padding: 1.67em
    }
    .padding-xxlarge {
        padding: 2.5em
    }
    .padding-huge {
        padding: 2.92em
    }
    .padding-xhuge {
        padding: 3.33em
    }
    .padding-xxhuge {
        padding: 8em
    }
    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }
    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }
    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }
    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }
    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }
    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }
    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }
    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }
    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }
    .text-style-nowrap {
        white-space: normal
    }
    .styleguide_version-details {
        font-size: .875rem
    }
    .styleguide_page-header {
        border-bottom-width: 0
    }
    .style-guide_color-block {
        width: 5rem;
        height: 5rem
    }
    .form_heading-contain {
        padding-top: 10vw
    }
    .form_h1 {
        font-size: 12vw
    }
    .form_h4 {
        font-size: 1.25em
    }
    .cursor_inner, .cursor_outer {
        display: none
    }
    .section-edge_top {
        height: 15vw;
        top: -14.5vw
    }
    .section-edge_bot {
        height: 15vw;
        bottom: -14.5vw
    }
    .nav-logo_component {
        top: 1.67em
    }
    .nav_logo-word-wrap {
        overflow: visible
    }
    .nav-button_component {
        top: 2.08em
    }
    .nav_bar {
        padding-left: 8vw;
        padding-right: 8vw
    }
    .transition_center {
        width: 75vw
    }
    .container-small {
        padding-left: 10vw;
        padding-right: 10vw
    }
    .work_section {
        min-height: auto;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-left: 2vw;
        padding-right: 2vw
    }
    .work_left-wrap {
        width: 100%;
        margin-top: 6em;
        margin-bottom: 2em
    }
    .work_right-wrap {
        width: 100%;
        height: auto;
        padding-top: 1em;
        padding-bottom: 3.5em;
        font-size: 14px;
        display: flex;
        position: relative;
        top: auto;
        bottom: 0
    }
    .work_right-wrap.is-editing {
        padding-bottom: 4em
    }
    .work_image-wrapper {
        position: relative
    }
    .work_button-circle {
        width: 8em;
        height: 2.5em;
        background-color: var(--color--light-1);
        border-width: 1px;
        border-radius: 1.25em
    }
    .work_button-text {
        color: var(--color--dark-1);
        font-weight: 400
    }
    .work_button-holder {
        height: 4em;
        margin-top: 1.5em;
        position: relative;
        bottom: auto;
        left: auto
    }
    .work_arrow-bot-holder, .work_arrow-top-holder {
        display: none
    }
    .footer_layout {
        grid-template-columns: 1fr 1fr;
        font-size: 14px
    }
    .footer_logo-wrap {
        padding: 1.5em
    }
    .footer_grid-item.is-primary-links {
        border-right-width: 0
    }
    .cta_block-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
    }
    .cta_block-item {
        opacity: .1
    }
    .cta_block-item.is-hidden-landscape, .cta_spacer-block.is-hidden-landscape {
        display: none
    }
    .cta_h2 {
        font-size: 8vw
    }
    .cta_together {
        font-size: 10vw
    }
    .home-about_component {
        grid-row-gap: 2.5em;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        justify-items: center
    }
    .home-about_left-wrap {
        height: 70vw;
        justify-content: center
    }
    .section-home-work {
        padding-top: 8em
    }
    .logos_grid-image.is-large {
        width: 4.17em
    }
    .home-work_heading-wrap {
        padding-bottom: 4em
    }
    .home-work_number {
        color: #000
    }
    .home-work_image-item {
        display: none
    }
    .home-work_arrow {
        color: #000
    }
    .home-work_container {
        padding-left: 4vw;
        padding-right: 4vw
    }
    .pitch_component {
        font-size: 7px
    }
    .home-hero_layout {
        font-size: 8px
    }
    .button_container {
        padding: 0
    }
    .button_container.is-left-aligned {
        margin-left: 0
    }
    .home-services_component {
        flex-direction: column;
        align-items: center;
        display: flex
    }
    .home-services_heading-wrap {
        width: 100%;
        padding-bottom: 4em
    }
    .home-services_card-wrap {
        width: 80%;
        grid-template-columns: 1fr
    }
    .about-hero_left {
        width: 100%;
        align-items: center;
        padding-top: 5vh
    }
    .about-hero_right {
        width: 100%;
        height: auto;
        max-height: none;
        max-width: none;
        justify-content: flex-start;
        position: relative;
        top: auto
    }
    .about-hero_imare-wrap {
        align-items: flex-start
    }
    .about-hero_image {
        width: 50vw;
        max-height: none
    }
    .about-hero_layout {
        width: 100%;
        flex-direction: column-reverse;
        justify-content: flex-end;
        align-items: center
    }
    .about-lived_component {
        font-size: 12px
    }
    .about-lived_layout {
        flex-direction: column;
        justify-content: flex-start
    }
    .about-lived_item {
        margin: 1.5em;
        padding-bottom: 2.5em
    }
    .about-lived_image {
        width: 20em
    }
    .about-lived_arrow {
        transform: rotate(90deg)
    }
    .cs-details_hor-line {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .cs-details_outline-2 {
        top: 20px;
        bottom: 20px;
        left: 10px;
        right: 10px
    }
    .cs-details_left {
        height: auto
    }
    .cs-details_h1 {
        text-align: center;
        font-size: 6em
    }
    .cs-details_top {
        width: 100%;
        flex-direction: row;
        align-items: flex-start
    }
    .project-details_date {
        font-size: 14px
    }
    .cs-details_outline-1 {
        top: 10px;
        bottom: 10px;
        left: 20px;
        right: 20px
    }
    .cs-details_vert-line {
        display: none
    }
    .cs-details_right {
        justify-content: flex-start;
        align-items: center
    }
    .cs-details_index-wrap {
        width: 100%;
        height: 100%;
        padding: 0
    }
    .cs-details_layout {
        grid-template-rows: .4fr .7fr 1.5fr;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        padding-left: 2.92em;
        padding-right: 2.92em
    }
    .cs-details_website-link {
        font-size: 14px
    }
    .cs-details_name-wrap {
        width: 100%;
        order: -1
    }
    .mystory-hero_logo-wrap {
        height: auto;
        min-height: 35vh
    }
    .vison_para {
        column-count: 2
    }
    .menu_left-wrap {
        justify-content: flex-start;
        align-items: center;
        padding-top: 4em
    }
    .menu_right-wrap {
        display: none
    }
    .menu_link-primary {
        margin-left: auto;
        font-size: 1.3vh
    }
    .menu_link-primary.is-mobile {
        display: block
    }
    ._404 {
        font-size: 50vw
    }
    .cs-notes_vertical-line {
        margin-top: 4.17em;
        margin-bottom: 1.88em
    }
    .cs-notes_para {
        text-align: left
    }
    .section-cs-key-image {
        margin-top: 8em;
        margin-bottom: 8em
    }
    .cs-para-image_component {
        height: 80vmin
    }
    .cs-insta_shape {
        width: 24em;
        height: 120%;
        border-radius: 12em
    }
    .cs-insta_layout {
        grid-template-columns: 1fr 1fr;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
    .cs-insta_image-wrap.is-2 {
        top: auto
    }
    .cs-wireframes_layout {
        padding-left: 0;
        padding-right: 0
    }
    .cs-layered-image_top {
        padding-top: 10vw;
        padding-bottom: 10vw
    }
    .section-cs-testimonial {
        overflow: hidden
    }
    .cs-testimonial_component {
        padding-left: 0;
        padding-right: 0
    }
    .cs-next_front {
        flex-direction: column
    }
    .cs-next_next {
        font-size: 2.5em
    }
    .cs-next_divider-line {
        width: 2px;
        height: 4em;
        flex: none
    }
    .cs-next_h2 {
        text-align: center
    }
    .cs-mobile_shape {
        width: 100%;
        height: 12em;
        border-radius: 6em
    }
    .cs-wireframes_shape {
        width: 26em;
        border-radius: 13em;
        top: -6em;
        bottom: -6em
    }
    .cs-colors_layout {
        flex-direction: column;
        grid-template-columns: 1fr 1fr;
        padding-left: 1.5em;
        padding-right: 1.5em
    }
    .cs-colors_block {
        width: 90%;
        height: 10em;
        border-radius: 6em;
        margin: .63em
    }
    .cs-mobile_layout {
        padding-left: 0;
        padding-right: 0
    }
    .idom-hero_top-right {
        height: 15%;
        right: 5%
    }
    .idom-hero_top-left {
        height: 30%
    }
    .idom-hero_bot-left {
        height: 20%
    }
    .idom-hero_bot-right {
        height: 30%
    }
    .cs-wireframes_caption {
        font-size: 14px
    }
    .linea-7-hero_logo-wrap {
        width: 40vmin
    }
    .form_success-big-text {
        font-size: 12vw
    }
    .ivella-hero_transaction-wrapper {
        width: 50%;
        bottom: 40%
    }
    .ivella-hero_balance-wrapper {
        width: 27%;
        bottom: 18%;
        right: 24%
    }
    .ivella-hero_phone-wrapper {
        width: 80%
    }
    .section-blog-hero {
        z-index: -1
    }
    .blogs_list {
        grid-template-columns: 1fr
    }
    .blogs_item:nth-child(2n) {
        top: auto
    }
    .blog-hero_h1 {
        font-size: 17em
    }
    .blog-hero_retail {
        font-size: 4em
    }
    .blog-post_header-wrap {
        padding-top: 2em
    }
    .blogs_component {
        padding-bottom: 0
    }
    .blog-hero_square {
        width: 25vw;
        margin-right: -10vw
    }
    .blog-resource_component {
        align-items: flex-start
    }
    .blog-resource_arrow {
        font-size: 2.5rem
    }
    .nav_mobile-background {
        height: 84px;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background-color: rgba(255, 255, 255, .85);
        display: block
    }
}
@media screen and (max-width:479px) {
    h1 {
        font-size: 3.5em
    }
    h2 {
        font-size: 4em
    }
    .styleguide_row {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .heading-large {
        font-size: 3rem
    }
    .styleguide_section {
        justify-items: start
    }
    .show-mobile-portrait {
        display: block
    }
    .hide-mobile-portrait {
        display: none
    }
    .heading-xlarge {
        font-size: 3.5rem
    }
    .styleguide_1-col {
        padding: 2em
    }
    .fs-styleguide_2-col {
        grid-template-columns: auto
    }
    .padding-xxhuge {
        padding: 5em
    }
    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }
    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }
    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }
    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }
    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }
    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }
    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }
    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }
    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }
    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none
    }
    .styleguide_flex-row {
        padding-left: 2rem;
        padding-right: 1rem
    }
    .section-home-hero {
        height: auto;
        margin-bottom: auto
    }
    .form_shapes {
        margin-left: -1vw
    }
    .form_link-container {
        padding: 1vw
    }
    .form_h1 {
        font-size: 4em
    }
    .form_link {
        font-size: 10px
    }
    .form_h2 {
        font-size: 9vw
    }
    .home-hero_text-sticky {
        overflow: visible
    }
    .nav-logo_component {
        font-size: 11px;
        top: 2.2em
    }
    .footer_layout {
        grid-template-columns: 1fr
    }
    .footer_logo {
        width: 80%;
        margin-left: auto;
        margin-right: auto
    }
    .footer_text-link {
        background-color: rgba(59, 63, 70, .51);
        margin-bottom: .84em;
        font-size: 1.2em
    }
    .footer_text-link.is-outlined {
        background-color: var(--color--light-2);
        color: var(--color--dark-2);
        border-color: transparent;
        position: relative
    }
    .footer_copyright {
        left: 2.5em
    }
    .cta_block-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
    }
    .cta_block-item {
        opacity: .12
    }
    .cta_block-item.is-hidden-mobile, .cta_spacer-block.is-hidden-mobile {
        display: none
    }
    .cta_title-wrap {
        text-align: center;
        font-size: 4vw
    }
    .cta_h2 {
        font-size: 13vw
    }
    .cta_title-row-2 {
        text-align: center;
        flex-direction: column;
        justify-content: center
    }
    .cta_together {
        font-size: 16vw;
        line-height: .9
    }
    .cta_divider-line {
        width: 1px;
        height: 3em;
        flex: none;
        margin: .83em
    }
    .logos_grid {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
        grid-template-columns: 1fr 1fr
    }
    .logos_grid-item {
        width: 100%
    }
    .logos_grid-image {
        width: 90%
    }
    .logos_grid-image.is-large {
        margin-top: -25%;
        margin-bottom: -25%
    }
    .home-work_h2 {
        font-size: 12vw
    }
    .pitch_component {
        font-size: 1.3vw
    }
    .home-hero_layout {
        min-height: auto;
        padding-top: 50vw;
        padding-bottom: 20vw;
        font-size: 1.4vw
    }
    .home-hero_button-row {
        margin-top: 5em
    }
    .button_container {
        font-size: 11px
    }
    .button_link.is-cta {
        font-size: 12px
    }
    .home-hero_line {
        width: 14em
    }
    .home-services_card-wrap {
        width: 100%
    }
    .home-services_h3 {
        font-size: 2.08em
    }
    .about-hero_right {
        height: auto;
        padding-top: 0;
        padding-bottom: 50px
    }
    .about-hero_image {
        width: 90vw;
        margin-top: 5vw
    }
    .about-lived_component {
        text-align: center;
        font-size: 3vw
    }
    .cs-details_website-link-wrap {
        position: relative;
        right: auto
    }
    .cs-details_para {
        text-align: left;
        font-size: 1.2em
    }
    .cs-details_outline-2 {
        top: 16px;
        bottom: 16px;
        left: 8px;
        right: 8px
    }
    .cs-details_h2 {
        font-size: 2.71em
    }
    .cs-details_left {
        flex-direction: column;
        justify-content: center
    }
    .cs-details_h1 {
        max-width: 80vw;
        font-size: 44px;
        font-weight: 300
    }
    .cs-details_top {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
    .cs-details_outline-1 {
        top: 8px;
        bottom: 8px;
        left: 16px;
        right: 16px
    }
    .cs-details_services-wrap {
        text-align: left;
        margin-top: 2.5em;
        position: relative;
        left: auto
    }
    .cs-details_services-text {
        font-size: 1em
    }
    .cs-details_solution-wrap {
        margin-top: 0;
        margin-bottom: 0;
        padding: 1.5em
    }
    .cs-details_h3, .cs-details_h2-wrap {
        text-align: left
    }
    .cs-details_right {
        height: auto
    }
    .cs-details_top-line {
        width: 100%;
        bottom: -15px
    }
    .cs-details_index-wrap {
        font-size: 10px
    }
    .cs-details_index-number {
        font-size: 2.25em
    }
    .cs-details_layout {
        flex: 0 auto;
        grid-template-rows: .35fr .5fr auto
    }
    .cs-details_index-link {
        font-size: 2.25em
    }
    .section-mystory-hero {
        height: 80vw;
        align-items: center
    }
    .mystory-hero_logo-wrap {
        height: auto;
        min-height: auto;
        align-items: center;
        position: relative;
        top: auto
    }
    .vison_para {
        column-count: 1
    }
    .vision_h2 {
        width: 90%;
        font-size: 12vw
    }
    .menu_layout {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }
    .menu_left-wrap {
        padding-top: 6em
    }
    .menu_right-wrap {
        width: 100%;
        display: none
    }
    .menu_right-content-wrap {
        padding-top: 2em;
        padding-bottom: 8em
    }
    .menu_right-circle-edge, .menu_small-links-wrap {
        display: none
    }
    .menu_link-primary {
        font-size: 2.5vw
    }
    .menu_right-circle-edge-wrap {
        width: 100%;
        height: 8em;
        top: -7em;
        bottom: auto;
        left: auto
    }
    .section-cs-notes {
        overflow: hidden
    }
    .cs-notes_number {
        max-width: 80vw
    }
    .cs-notes_text-wrapper {
        align-items: flex-start;
        padding: 4.17em 2.5em
    }
    .cs-notes_outline-2 {
        top: 8px;
        bottom: 8px;
        left: -8px;
        right: -8px
    }
    .cs-notes_para {
        font-size: 1.2em
    }
    .section-cs-key-image {
        margin-top: 2em;
        margin-bottom: 2em;
        overflow: hidden
    }
    .cs-insta_layout {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        padding-left: 0;
        padding-right: 0
    }
    .cs-wireframes_image-wrap {
        margin: 1.25em
    }
    .cs-wireframes_layout {
        flex-direction: column;
        padding-left: 4em;
        padding-right: 4em
    }
    .cs-testimonial_rich-text blockquote {
        margin-bottom: .75em;
        font-size: 1.5em
    }
    .cs-testimonial_image {
        object-fit: cover
    }
    .section-cs-next {
        overflow: hidden
    }
    .cs-next_overlay {
        opacity: .75
    }
    .cs-next_h2 {
        max-width: 90vw;
        font-size: 22vw
    }
    .cs-mobile_shape {
        width: 90%;
        height: 90%;
        background-color: var(--color--light-2);
        border-radius: 45vw
    }
    .cs-wireframes_component {
        padding-top: 5em;
        padding-bottom: 5em
    }
    .cs-wireframes_shape {
        width: 90%;
        top: 0;
        bottom: 0
    }
    .cs-split-image_component {
        height: auto;
        flex-direction: column
    }
    .cs-split-image_image {
        width: 100%;
        height: auto
    }
    .cs-colors_layout {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        padding-left: 0;
        padding-right: 0
    }
    .cs-colors_block {
        width: 16em;
        height: 34em;
        border-radius: 8em;
        margin: .15em
    }
    .cs-mobile_layout {
        flex-direction: column;
        padding-left: 4em;
        padding-right: 4em
    }
    .cs-mobile_image-wrap {
        margin: 1.25em
    }
    .section-malk-hero {
        height: 120vh
    }
    .malk-hero_logo-wrap {
        width: 100vw;
        height: 100vh;
        justify-content: center;
        display: flex;
        overflow: hidden
    }
    .malk-hero_logo {
        width: 80vw
    }
    .malk-grid_component {
        grid-template-columns: 1fr
    }
    .malk-grid_logo {
        margin-top: 10vh;
        margin-bottom: 10vh
    }
    .section-idiom-hero {
        height: 120vh
    }
    .idom-hero_top-right {
        top: 10%;
        right: -20%
    }
    .idom-hero_top-left {
        height: 20%
    }
    .idom-hero_bot-left {
        bottom: 15%;
        left: -20%
    }
    .idom-hero_bot-right {
        height: 30%
    }
    .idom-hero_logo-wrap {
        width: 70vw;
        height: auto;
        justify-content: center;
        display: flex;
        overflow: visible
    }
    .section-idolroc-hero {
        align-items: center
    }
    .idolroc-hero_logo-wrap {
        align-items: center;
        position: relative;
        top: auto
    }
    .cs-details_sector-text {
        font-size: 1em
    }
    .cs-details_sector-wrap {
        text-align: left;
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        position: relative;
        left: auto
    }
    .section-linea-7-hero {
        height: 120vw;
        align-items: center
    }
    .linea-7-hero_logo-wrap {
        width: 30vmin;
        align-items: center;
        margin-bottom: 0;
        position: relative;
        top: auto
    }
    .section-allie-hero {
        height: 80vw;
        align-items: center
    }
    .allie-hero_bg {
        height: 80%
    }
    .allie-hero_logo-wrap {
        align-items: center;
        margin-bottom: 0;
        position: relative;
        top: auto
    }
    .form_success-big-text {
        font-size: 4em
    }
    .ivella-hero_component {
        padding-top: 8em
    }
    .ivella-hero_imagery-wrapper {
        padding-top: 100%
    }
    .ivella-hero_transaction-wrapper {
        width: 60%;
        left: 5%
    }
    .ivella-hero_balance-wrapper {
        width: 35%;
        bottom: 15%;
        right: 15%
    }
    .ivella-hero_phone-wrapper {
        width: 100%;
        height: 120%
    }
    .section-ivella-hero {
        height: 120vw;
        align-items: center
    }
    .home-hero_webflow-banner {
        display: none
    }
    .blog-hero_h1 {
        margin-top: -.2em;
        font-size: 12em
    }
    .blog-hero_h1-wrapper {
        grid-row-gap: .5em;
        flex-direction: column
    }
    .blog-post_header-wrap {
        padding-top: 4em
    }
    .blogs_text-wrapper {
        padding-left: 2em;
        padding-right: 2em
    }
    .blog-hero_image-layout {
        width: auto;
        flex-direction: column;
        padding-right: 0
    }
    .blog-hero_square {
        width: 30vw;
        margin-bottom: -5vw;
        margin-right: auto
    }
    .blog-resource_component {
        padding: 1.3em 1.7em 1.7em
    }
    .blog-resource_arrow {
        font-size: 2rem
    }
}
#w-node-_050babc1-43b9-36a6-8266-f98fcc939e7d-cc939e78 {
    grid-area: span 2/span 1/span 2/span 1
}
#w-node-_050babc1-43b9-36a6-8266-f98fcc939ead-cc939e78 {
    grid-area: span 1/span 2/span 1/span 2
}
#w-node-_8659f23f-7008-b475-0c2e-f25347b6ecf7-47b6ecd9 {
    grid-area: span 1/span 3/span 1/span 3
}
#w-node-_8659f23f-7008-b475-0c2e-f25347b6ed14-47b6ecd9 {
    grid-area: span 2/span 1/span 2/span 1
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d485-534a54a7 {
    grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d499-534a54a7 {
    grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d485-86baeb7d {
    grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d499-86baeb7d {
    grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d485-5710fc7c {
    grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d499-5710fc7c {
    grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d485-4328355b {
    grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d499-4328355b {
    grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d485-62191154 {
    grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d499-62191154 {
    grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d485-e8a81fe9 {
    grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d499-e8a81fe9 {
    grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d485-e977f48b {
    grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2c79d0eb-f467-9792-6708-366c7725d499-e977f48b {
    grid-area: span 1/span 1/span 1/span 1
}
@media screen and (max-width:991px) {
    #w-node-_8659f23f-7008-b475-0c2e-f25347b6ecf7-47b6ecd9 {
        grid-area: span 1/span 3/span 1/span 3
    }
    #w-node-_2c79d0eb-f467-9792-6708-366c7725d485-534a54a7, #w-node-_2c79d0eb-f467-9792-6708-366c7725d485-86baeb7d, #w-node-_2c79d0eb-f467-9792-6708-366c7725d485-5710fc7c, #w-node-_2c79d0eb-f467-9792-6708-366c7725d485-4328355b, #w-node-_2c79d0eb-f467-9792-6708-366c7725d485-62191154, #w-node-_2c79d0eb-f467-9792-6708-366c7725d485-e8a81fe9, #w-node-_2c79d0eb-f467-9792-6708-366c7725d485-e977f48b {
        grid-area: span 1/span 1/span 1/span 1
    }
}
@media screen and (max-width:767px) {
    #w-node-_050babc1-43b9-36a6-8266-f98fcc939e7d-cc939e78, #w-node-_050babc1-43b9-36a6-8266-f98fcc939ead-cc939e78 {
        grid-area: span 1/span 1/span 1/span 1
    }
    .form_field {
        font-size: 20px;
    }
    .form_field-line {
        margin-bottom: -3.5%;
    }
}
@media (min-width:1025px) and (max-width:1440px) {
    .cs-details_h1 {
        font-size: 90px
    }
}
@media (min-width:769px) and (max-width:1024px) {
    .work_right-wrap {
        width: 12em
    }
}